/* Theme style */

/* ==========================================================================
Base styles
========================================================================== */
body * {
    text-align: center;
}

.single-post *,
.single-news * {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

main > .qt-section:first-of-type:not(.is-style-breadcrumbs),
.entry-content > .qt-section:not(.has-background):first-of-type {
    padding: 0;
}

.wp-block-site-logo img {
    max-width: 150px;
    object-fit: contain;
}

.wp-block-cover__inner-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: var(--wp--style--global--content-size);
}

.wp-block-cover__inner-container > .wp-block-heading {
    margin-bottom: 0.5em;
}

p + .wp-block-buttons,
p + .wp-block-image {
    margin-top: var(--wp--preset--spacing--m);
}

.single .qt-section__inner.grid {
    grid-gap: 48px;
}

.single .qt-section__inner .wp-block-heading {
    letter-spacing: 0.3px;
}

.single p {
    letter-spacing: 0.3px;
    line-height: 29px;
}

.single main > .qt-section:first-of-type:not(.is-style-breadcrumbs) {
    padding: var(--wp--preset--spacing--xxl) var(--wp--preset--spacing--m);
}

/* Headings
========================================================================== */

/* Paragraphs
========================================================================== */

/* Typography spacing
========================================================================== */

/* Links
========================================================================== */
a {
    text-decoration: none;
    color: var(--wp--preset--color--denim);
}

/* Lists
========================================================================== */
.wp-block-list {
    list-style: none;
}

.single-post .wp-block-list {
    padding-left: 8px;
}

.is-style-text-column .wp-block-list li::before,
.wp-singular .wp-block-list li::before,
.single-post .wp-block-list li::before {
    content: '';
    position: relative;
    top: 19px;
    left: -20px;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url('../images/icon-list.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.wp-singular .is-style-black-section .wp-block-list li::before {
    filter: invert(1);
}

.is-style-white-checkmark li::before {
    filter: invert(1);
}

/* Buttons
========================================================================== */

/* Primary button (core) */

/* Secondary button */
.is-style-button-secondary {
    border: 1px solid var(--wp--preset--color--cape-cod);
    border-radius: 30px;
    background-color: transparent;
}

.is-style-button-secondary .wp-block-button__link {
    color: var(--wp--preset--color--cape-cod);
    background-color: transparent;
    border-color: transparent;
}

.is-style-button-secondary .wp-block-button__link:hover {
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--black);
    opacity: 1;
}

/* Outline button (core) */

/* Outline secondary button */

/* Text button */

/* Button on background */

/* Button on background inverted */

/* Inputs
========================================================================== */

/* Label */

/* Input fields */

/* Select */

/* Checkbox & radio button */

/* Focus and active statements */

/* Acceptance */

/* Submit */

/* Contact form 7
========================================================================== */

/* Media
========================================================================== */

/* Images */

/* Video */

/* Iframe & embedded */

/* ==========================================================================
Layout
========================================================================== */

/* Paddings and margins
========================================================================== */

/* Max widths
========================================================================== */

/* Grids
========================================================================== */

/* ==========================================================================
Announcement bar
========================================================================== */

/* ==========================================================================
Top bar
========================================================================== */

/* ==========================================================================
Header
========================================================================== */

/* Desktop menu
========================================================================== */
header .menu .menu-item a,
header .menu .menu-item span {
    transition: all 350ms ease-in-out;
}

header.wp-block-template-part.out,
.out .is-style-header-top.container-fullwidth,
.out .is-style-header-top .grid {
    background-color: transparent;
    border-bottom: none;
}

.single .out .is-style-header-top.container-fullwidth {
    border-bottom: 1px solid var(--wp--preset--color--neutral-2);
}

.single .menu .menu-item {
    color: var(--wp--preset--color--denim);
}

.single .mega-menu .mega-menu-item-parent .chevron {
    filter: brightness(0) saturate(100%) invert(37%) sepia(40%) saturate(473%)
        hue-rotate(156deg) brightness(92%) contrast(93%);
}

/* header .menu .menu-item > :is(a, span) + .sub-menu {
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(3.65px);
}

header .menu .menu-item > :is(a, span) + .sub-menu a {
    color: white;
} */

.is-style-header-top.container-fullwidth {
    padding: 0 var(--wp--preset--spacing--m);
    margin-bottom: 0;
}

.is-style-header-top .qt-container:has(.mega-menu:not(.mega-menu-mobile)) {
    gap: 0;
}

.is-style-header-top .grid {
    justify-items: end;
    gap: 0;
}

.menu .menu-item {
    font-weight: 600;
    text-transform: uppercase;
}

.menu .menu-item {
    color: var(--wp--preset--color--white);
}

.in .menu .menu-item,
.menu .menu-item .sub-menu .menu-item,
.mega-menu .mega-menu-item > a,
.mega-menu-mobile .menu > .menu-item > span {
    color: var(--wp--preset--color--denim);
}

.mega-menu .mega-menu-item-parent .chevron {
    transition: all 350ms ease-in-out;
    filter: invert(1);
}

.in .mega-menu .mega-menu-item-parent .chevron {
    filter: brightness(0) saturate(100%) invert(37%) sepia(40%) saturate(473%)
        hue-rotate(156deg) brightness(92%) contrast(93%);
}

header #mega-menu.menu .menu-item > :is(a, span) + .sub-menu {
    width: fit-content;
}

header .menu .menu-item > :is(a, span) + .sub-menu {
    min-width: 250px;
}

/* Site logo */
.out .is-style-header-top .custom-logo-link {
    filter: brightness(0) invert(1);
}

.single .out .is-style-header-top .custom-logo-link {
    filter: none;
}

#mega-menu-mobile .menu-item {
    text-align: left;
}

#mega-menu-mobile .chevron {
    filter: none;
}

/* Header button */

/* Hamburger icon
========================================================================== */

.hamburger-icon,
.hamburger-icon::after,
.hamburger-icon::before {
    background-color: var(--wp--preset--color--white);
}

.in .hamburger-icon,
.in .hamburger-icon::after,
.in .hamburger-icon::before {
    background-color: var(--wp--preset--color--denim);
}

/* User toolbar
========================================================================== */

/* Search bar
========================================================================== */

/* ==========================================================================
Footer
========================================================================== */
/* footer-top */
.is-style-footer-top * {
    text-align: left;
}

.is-style-footer-top {
    padding-bottom: var(--wp--preset--spacing--l) !important;
}

.is-style-footer-top p,
.is-style-footer-top a {
    color: var(--wp--preset--color--white);
}

.footer-heading,
.is-style-footer-heading {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}

.is-style-footer-top .menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin-top: 18px;
    gap: 10px;
}

.is-style-footer-top .menu a {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}

.is-style-footer-top .wp-block-group:first-of-type {
    justify-content: flex-end;
    margin-bottom: 20px;
}

.is-style-footer-top .wp-block-group:first-of-type .wp-block-image {
    width: 30px;
    height: 30px;
    aspect-ratio: 1;
}

.is-style-footer-top
    .wp-block-group:last-of-type
    .wp-block-image
    .wp-image-119 {
    width: 268px;
    height: 69px;
}

.is-style-footer-top .wp-block-group:last-of-type .wp-block-image .wp-image-91 {
    width: 98px;
    height: 98px;
    aspect-ratio: 1;
}

/* footer-bottom */
.is-style-footer-bottom p,
.is-style-footer-bottom a {
    color: var(--wp--preset--color--white);
}

/* Navigation
========================================================================== */

/* ==========================================================================
Utility classes
========================================================================== */

/* ==========================================================================
Components and modules
========================================================================== */

/* Breadcrumbs
========================================================================== */

/* Pagination
========================================================================== */

/* Current, hover */

/* Prev, next */

/* Accordion
========================================================================== */

/* Accordion heading */

/* Accordion content */

/* Accordion icon */

/* Tabs
========================================================================== */

/* Splide slider
========================================================================== */

/* Slider header */

/* ==========================================================================
Styles for pages, sections, blocks and others.
========================================================================== */
/* container-no-gap */
.is-style-container-no-gap {
    display: flex;
    flex-direction: column;
}

.is-style-container-no-gap .qt-section__inner {
    gap: 0;
}

.is-style-container-no-gap .qt-section__inner .qt-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--wp--preset--color--white);
}

.is-style-container-no-gap .is-style-text-column {
    padding: var(--wp--preset--spacing--m) 3.75rem;
}

/* container-no-gap-no-padding */
.is-style-container-no-gap-no-padding {
    display: flex;
    flex-direction: column;
    padding: 0 var(--wp--preset--spacing--m);
}

.is-style-container-no-gap-no-padding:last-of-type {
    padding-bottom: var(--wp--preset--spacing--xxl);
}

.is-style-container-no-gap-no-padding .qt-section__inner {
    gap: 0;
}

.is-style-container-no-gap-no-padding .qt-section__inner .qt-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.is-style-container-no-gap-no-padding .is-style-text-column {
    padding: 3.75rem;
}

@media screen and (max-width: 768px) {
    .is-style-container-no-gap-no-padding .is-style-text-column,
    .is-style-container-no-gap .is-style-text-column {
        padding: 2rem;
    }
}

/* text-column */
.is-style-text-column > figure > table > tbody > tr > td:nth-child(1) {
    width: 80%;
}

.is-style-text-column .wp-block-list li {
    text-align: left;
}

/* image-column */
.is-style-image-column .wp-block-image {
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
}

.is-style-image-column img {
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

/* 3-col-icons */
.is-style-3-col-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 550px;
    padding-bottom: 0;
    background-color: var(--wp--preset--color--cape-cod);
}

.is-style-3-col-icons .qt-section__inner {
    padding-top: 24px;
    padding-bottom: 24px;
    color: var(--wp--preset--color--white);
}

/* 3-col-icons-col */
.is-style-3-col-icons-col {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    background-color: var(--wp--preset--color--cape-cod);
}

.is-style-3-col-icons-col .qt-section__inner {
    padding-top: var(--wp--preset--spacing--xl);
    padding-bottom: var(--wp--preset--spacing--xl);
    color: var(--wp--preset--color--white);
    max-width: var(--wp--custom--maxwidth--l);
    gap: var(--wp--preset--spacing--xl);
}

.is-style-3-col-icons-col .wp-block-heading {
    font-size: var(--wp--preset--font-size--m);
}

/* orange-bg */
.is-style-orange-bg {
    min-height: 650px;
}

.is-style-orange-bg .wp-block-cover__inner-container {
    min-height: 450px;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(6.65px);
    color: var(--wp--preset--color--white);
}

.is-style-button-secondary.white-border {
    border-color: var(--wp--preset--color--white);
}

.is-style-button-secondary.white-border:hover {
    border-color: transparent;
}

.is-style-button-secondary.white-border a {
    color: var(--wp--preset--color--white);
}

/* logo-section */
.is-style-logo-section {
    background-color: var(--wp--preset--color--cape-cod);
    padding: var(--wp--preset--spacing--xxl) var(--wp--preset--spacing--m);
}

.is-style-logo-section .qt-container {
    color: var(--wp--preset--color--white);
}

.is-style-logo-section .qt-section {
    margin-top: var(--wp--preset--spacing--xl);
}

.is-style-logo-section .qt-section .wp-block-image,
.is-style-logo-section .wp-block-group .wp-block-image {
    filter: invert(1);
}

.is-style-logo-section .wp-block-group {
    margin-top: var(--wp--preset--spacing--l);
}

/* hero */
.is-style-hero .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--white);
    border-color: var(--wp--preset--color--black);
    opacity: 1;
}

/* hero-no-img */
.is-style-hero-no-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 580px;
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--sinbad);
    margin-top: calc(-1 * var(--wp--custom--header-height--total));
    margin-bottom: var(--wp--preset--spacing--xxl);
}

.is-style-hero-no-img .qt-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-inline: var(--wp--preset--spacing--m);
}

.is-style-hero-no-img .wp-block-heading + p {
    font-size: 1.125rem;
}

.is-style-hero-no-img .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--white);
    border-color: var(--wp--preset--color--black);
    opacity: 1;
}

.is-style-hero-no-img:has(
    + .qt-section:not(.is-style-container-no-gap-no-padding)
) {
    margin-bottom: 0;
}

/* white-section & black-section & brow-section & sinbad-section*/
.is-style-white-section,
.is-style-black-section,
.is-style-brown-section,
.is-style-sinbad-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--m);
}

.is-style-white-section *,
.is-style-sinbad-section .is-style-black-section *,
.is-style-brown-section *,
.is-style-sinbad-section * {
    text-align: left;
    line-height: unset;
}

/* white-section */
.is-style-white-section + .is-style-white-section {
    padding-top: 0;
}

/* black-section */
.is-style-black-section {
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--white);
}

/* brown-section */
.is-style-brown-section {
    background-color: var(--wp--preset--color--akaroa);
    color: var(--wp--preset--color--black);
}

/* sinbad-section */
.is-style-sinbad-section {
    background-color: var(--wp--preset--color--sinbad);
    color: var(--wp--preset--color--white);
}

/* small-heading */
.small-heading {
    font-size: var(--wp--preset--font-size--custom-size);
}

/* Opening hours */
.opening-hours {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--m);
}

.opening-hours__item {
    display: flex;
    justify-content: space-between;
}

/* Page: Search results
========================================================================== */

/* Section: Hero
========================================================================== */
.is-style-hero {
    padding-top: 0 !important;
    margin-top: calc(-1 * var(--wp--custom--header-height--total));
}

.is-style-hero .wp-block-cover {
    min-height: 100vh;
}

.page-id-6526 .is-style-hero .wp-block-cover__inner-container {
    background-color: transparent;
    backdrop-filter: none;
}

.is-style-hero .wp-block-cover__inner-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    max-width: var(--wp--style--global--content-size);
    padding: var(--wp--preset--spacing--l) var(--wp--preset--spacing--m);
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(3.65px);
}

.is-style-hero .wp-block-heading + p {
    font-size: 1.125rem;
}

.is-style-hero .wp-block-cover__inner-container p a {
    color: var(--wp--preset--color--akaroa);
}

/* Section: Subhero
========================================================================== */

/* Section: Stacked boxes
========================================================================== */

/* Section: Slider - Logos
========================================================================== */

/* Section: Testimonial slider
========================================================================== */

/* Testimonial card */

/* Section: Image gallery with lightbox
========================================================================== */

/* FAQ
========================================================================== */

/* Archive: Category
========================================================================== */

/* Page: Articles
========================================================================== */

.articles.grid {
    grid-gap: 48px;
}

/* Card */
.card--article .card__title {
    color: var(--wp--preset--color--denim);
    font-size: var(--wp--preset--font-size--m);
    text-transform: uppercase;
	line-height: 1.2;
}

.card--article .card__image img {
    height: 100%;
    object-fit: cover;
	aspect-ratio: var(--wp--custom--aspect-ratio--portrait);
}

.card--article .card__image {
	aspect-ratio: var(--wp--custom--aspect-ratio--portrait);
}

/* Page: News
========================================================================== */
.home .card--article .card__content * {
    text-align: left;
}

/* Article
========================================================================== */

/* Post meta */

/* Featured image */

/* Employees
========================================================================== */

/* Card */

/* Accordions */
.accordion-item__heading .wp-block-heading {
    font-size: var(--wp--preset--font-size--m);
    margin-bottom: 0;
}

/* Section: Glass suppliers */
.is-style-glass-suppliers {
    display: flex;
    flex-direction: column;
    padding: 2rem var(--wp--preset--spacing--m);
}

.is-style-glass-suppliers:first-of-type {
    padding-top: var(--wp--preset--spacing--xxl);
}

.is-style-glass-suppliers:last-of-type {
    padding-bottom: var(--wp--preset--spacing--xxl);
}

.is-style-glass-suppliers .qt-section__inner {
    gap: 3rem;
}
.is-style-glass-suppliers .qt-section__inner .qt-container:nth-child(odd) {
    background-color: var(--wp--preset--color--denim);
    color: var(--wp--preset--color--white);
}

.is-style-glass-suppliers .qt-section__inner .qt-container:nth-child(even) {
    background-color: var(--wp--preset--color--akaroa);
}

.is-style-glass-suppliers img {
    height: 900px;
    object-fit: cover;
    object-position: top;
}

.is-style-glass-suppliers .qt-section__inner p {
    padding-inline: 3.75rem;
    padding-bottom: 1.875rem;
}

@media (max-width: 768px) {
	.is-style-glass-suppliers img {
		height: 600px;
	}
}

/* Media queries
========================================================================== */
@media screen and (max-width: 768px) {
    .is-style-footer-top .qt-section__inner.grid-col-3 {
        grid-template-columns: 1fr;
    }

    .is-style-footer-top
        .qt-section__inner.grid-col-3
        .wp-block-group:first-of-type {
        justify-content: flex-start;
    }

    .is-style-footer-top
        .qt-section__inner.grid-col-3
        .wp-block-group:last-of-type {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: var(--wp--preset--spacing--m);
    }
}

/* Override top bar, alight flex-end */
.top-bar__inner {
	max-width: unset;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .top-bar {
        display: block;
    }
}