:root {

    --brand-aa-black: #333132;
    --brand-aa-white: #F4F3F0;
    --brand-sandstone: #D6D1C7;
    --brand-beige: #BDA38C;
    --brand-red: #733630;
    --brand-terracotta: #A66138;
    --brand-amber: #C28540;
    --brand-olive: #6E6B4D;
    --brand-teal: #4D6375;
    --brand-mauve: #635259;
    --brand-sustainability-green: #898C32;
    --brand-sustainability-2: #404C2C;
    --brand-sustainability-3: #737838;
    --brand-sustainability-4: #A5A95D;
    --brand-sustainability-5: #BAAA85;
    --brand-sustainability-6: #CECBA8;

    --brand-aa-empire: #414447;
    --brand-aa-opera: #ebe7e1;
    --brand-aa-parthenon: #d7cfc4;

    --brand-primary: var(--brand-aa-black);

    --transition-timing: cubic-bezier(.16, 1, .3, 1);
    scrollbar-gutter: stable;

}

html,
body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    scrollbar-gutter: stable;
}

.font-size-rem {
    font-size: 16px;
}

body {
    background-color: var(--brand-aa-white);
    max-width: 2100px;
    margin: 0 auto;
}

body,
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    text-decoration-thickness: 1px;
}

a,
a:hover {
    text-decoration-thickness: 1px;
}

textarea,
input,
select,
button {
    font-family: "Helvetica Neue Autex", Helvetica, Arial, sans-serif;
}

.elementor-field-type-acceptance input[type="checkbox"] {
    border: 2px solid var(--brand-primary) !important;
    border-radius: 0;
    padding: 3px;
    width: 15px;
    height: 15px;
}

.elementor-field-type-acceptance .elementor-field-option {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hidden {
    display: none;
}

.fade-left-heading,
.home-top-heading {
    visibility: hidden;
}

.elementor-editor-active .fade-left-heading,
.elementor-editor-active .home-top-heading {
    visibility: visible;
}

.elementor-widget-text-editor p,
.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6,
.elementor-widget-theme-post-content p,
.elementor-widget-theme-post-content h1,
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content h4,
.elementor-widget-theme-post-content h5,
.elementor-widget-theme-post-content h6,
.elementor-widget-shortcode p,
.elementor-widget-shortcode h1,
.elementor-widget-shortcode h2,
.elementor-widget-shortcode h3,
.elementor-widget-shortcode h4,
.elementor-widget-shortcode h5,
.elementor-widget-shortcode h6 {
    margin: 0 0 15px 0;

}

a {
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}


.elementor-widget-text-editor p:last-child,
.elementor-text-editor p:last-child {
    margin-bottom: 0;
}

.elementor-widget-text-editor a,
.elementor-text-editor a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    transition: all 0.2s ease-in-out;
}


footer .elementor-widget-text-editor a,
footer .elementor-text-editor a {
    text-decoration: none;
}

footer .elementor-widget-text-editor a:hover,
.elementor-text-editor a:hover,
footer .elementor-icon-list-item a:hover {
    text-decoration: underline;
}

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.autex-flip-tile__text ul,
.autex-flip-tile__text ol {
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 20px;
}

.elementor-widget-text-editor ul li,
.elementor-widget-text-editor ol li,
.elementor-widget-theme-post-content ul li,
.elementor-widget-theme-post-content ol li,
.autex-flip-tile__text ul li,
.autex-flip-tile__text ol li {
    margin-bottom: 0;
}


.aspect-ratio-3-2 {
    aspect-ratio: 3 / 2;
}

.aspect-ratio-4-3 {
    aspect-ratio: 4 / 3;
}

.aspect-ratio-16-9 {
    aspect-ratio: 16 / 9;
}

@media (min-width:1299px) {
    .bg-fixed {
        background-attachment: fixed !important;
    }
}

.hover-card .hover-card-content {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.hover-card:hover .hover-card-content {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.hover-card:hover {
    transform: scale(1.10);
    transition: all 0.3s ease-in-out;
    z-index: 2;
}




footer .elementor-widget-text-editor ul,
header .elementor-widget-text-editor ul {
    padding: 0;
}

footer .elementor-widget-text-editor ul li,
header .elementor-widget-text-editor ul li {
    margin: 0;
}



/* Breadcrumbs */

.mogul-breadcrumbs ol {
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
    padding-left: 0 !important;
    flex-wrap: wrap;
    gap: 25px;
}

.mogul-breadcrumbs ol li {
    list-style-type: none;
    display: flex;
    align-items: center;
    color: inherit;
}

.mogul-breadcrumbs ol li svg {

    margin: 0 8px 2px 8px;
    height: 12px;
    width: 12px;

}

.mogul-breadcrumbs ol li:last-child svg {
    display: none;
}

.mogul-breadcrumbs ol li:last-child:after {
    content: '';
    display: none;
}

.mogul-breadcrumbs ol li a {
    color: inherit;
    text-decoration: none;
}

.light .mogul-breadcrumbs ol li {
    color: #fff;
}

.light .mogul-breadcrumbs ol li a {
    color: #fff;
}

.mogul-breadcrumbs ol li a:hover {
    text-decoration: underline;
}

@media (max-width:1299px) {
    .mogul-breadcrumbs ol {
        gap: 10px;
    }
}



a.dialog-close-button {
    text-decoration: none !important;
}




.e-loop-item.resource .elementor-widget-video {
    opacity: 0;
    pointer-events: none;
}

.e-loop-item.resource .resource_type-video .elementor-widget-video {
    opacity: 1;
    pointer-events: all;
}

.e-loop-item.resource .resource_type-video .fa-play {
    font-size: 12px;
}


.elementor-search-form__container .dialog-lightbox-close-button svg {
    opacity: 0;
}

.logged-in .elementor-widget-off-canvas .e-off-canvas {
    margin-top: var(--wp-admin--admin-bar--height);
}

.elementor-widget-button {
    display: flex;
}

header .elementor-widget-button {
    display: flex;
    align-items: center;
}



header .elementor-button span.elementor-button-icon {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}



body .elementor-button.elementor-button-link {
    text-decoration-thickness: 1px !important;
}


.elementor-button-text {
    text-align: left;
}

/* Button center align fix for Mac */


footer .elementor-button-content-wrapper {
    cursor: pointer;
}

footer .elementor-button-content-wrapper .elementor-button-text {
    transition: all 0.2s ease-in-out;
}


footer .elementor-button-text {
    text-align: left;
}

input.elementor-search-form__input::-webkit-search-cancel-button {
    display: none;
}


.elementor-widget-n-carousel .swiper-pagination-progressbar {
    top: inherit;
    bottom: 0;
}




ul.elementor-nav-menu--dropdown a,
ul.elementor-nav-menu--dropdown a:focus,
ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: 0;
}



.elementor-nav-menu--main .menu-item.current_page_ancestor .elementor-item {
    color: var(--brand-primary) !important;
    fill: var(--brand-primary) !important;
    stroke: var(--brand-primary) !important;
}



blockquote {
    font-style: italic;
    font-weight: 300;
    font-size: 1.2em;
    display: flex;
    margin: 1.5em 0;
    line-height: 1.2em;
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    line-height: 0.5em;
    margin-right: 0.25em;
    font-size: 2em;
    color: var(--brand-primary);
}

.elementor-message-success {
    background-color: var(--brand-primary);
    color: var(--brand-grey);
    padding: 20px;
}

.elementor-message-success:before {
    display: none;
}

footer .elementor-widget-text-editor p a {
    color: var(--brand-primary);
}

div[data-elementor-type="wp-page"] {
    z-index: 10 !important;
}


header.elementor-location-header {
    background-color: transparent;
}

header.elementor-sticky--active {
    z-index: 10000 !important;
}

.elementor-field-type-acceptance label {
    font-size: 0.8em;
}


.elementor-nav-menu--dropdown {
    min-width: 200px !important;
}

/*

.mogul-audio-search-container {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
}

.mogul-audio-search-container form {
    width: 100%;
}

.mogul-audio-search-container form .search-wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
    gap: 5px;
    justify-content: center;
}

.mogul-audio-search-container input[type="search"] {
    width: 100%;
    padding: 15px;
    border-radius: 0;

    border: 2px solid #ccc;
}

.mogul-audio-search-container button {
    background-color: var(--brand-primary);
    color: #fff;
    border: 2px solid var(--brand-primary);
    padding: 10px 15px;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

}

.mogul-audio-search-container button svg {
    fill: #fff;
    height: 20px;
}

.mogul-audio-search-container button:hover,
.mogul-audio-search-container button:focus {
    background-color: #fff;
    color: var(--brand-primary);
    border: 2px solid var(--brand-primary);
}

.mogul-audio-search-container button:hover svg,
.mogul-audio-search-container button:focus svg {
    fill: var(--brand-primary);
}

*/

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.elementor-popup-modal a:focus {
    outline: 2px solid var(--brand-primary);
    outline-offset: 2px;
}


.autex-icon-elementor:before {
    content: ' ';
    background-image: url(/wp-content/themes/autexacoustics/assets/img/elementor-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;

}



/* Arrows which expand on hover */

.expand-arrow .elementor-icon {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 26px;
    transition: width 0.7s var(--transition-timing);

}

.expand-arrow .elementor-icon svg {
    margin-right: -2px;
}

.expand-arrow .elementor-icon:before {
    content: ' ';
    height: 2px;
    width: calc(100% - 1px);
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    background-color: currentColor;
}

.expand-arrow:hover .elementor-icon,
.hover-arrow-card {
    overflow: hidden;
}

.hover-arrow-card:hover .expand-arrow .elementor-icon {
    width: 80%;
}

@media (max-width:1024px) {
    .expand-arrow .elementor-icon {
        width: 20px;
    }

    .expand-arrow:hover .elementor-icon,
    .hover-arrow-card:hover .expand-arrow .elementor-icon {
        width: 50%;
    }
}

.hover-arrow-card .overlay {
    position: relative;
    overflow: hidden;
    background: inherit;
}

.hover-arrow-card .overlay:after {
    background-color: inherit;
    opacity: 0.75;
    mix-blend-mode: multiply;
    height: 100%;
    width: 100%;
    content: ' ';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    transition: transform 0.7s var(--transition-timing);
    transform: translateX(-101%);
}

.hover-arrow-card:hover .overlay>div.elementor-widget-image {
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.hover-arrow-card:hover .overlay:after {
    transform: translateX(0);
    transition: transform 0.7s var(--transition-timing);
}



.offset-slider-wrap {
    overflow: hidden;
}

.offset-slider {
    overflow: visible;
}

.offset-slider>.swiper {
    margin-right: -38%;

}


@media (max-width:849px) {
    .offset-slider>.swiper {
        margin-right: 0;
    }
}

.image-hover-zoom {
    overflow: hidden;
}

.image-hover-zoom img {
    width: 100%;
    transform-origin: top left;
    transition: transform 0.7s var(--transition-timing);
    transform: scale(var(--zoom, 1));
}

.image-hover-zoom:hover img {
    --zoom: var(--natural-scale);
}



/* Fancy button hover state - uses a bit of JS in theme.js too (see --btn-base-bg) */


.footer-links .elementor-icon-list-item>a {
    text-decoration-color: var(--brand-aa-white) !important;
}

/*
.invert-card:before {
    content: ' ';
    position: absolute;
    height: 100%;
    transform: scaleX(0);
    background-color: var(--brand-aa-black);
    top: 0;
    left: 0;
    z-index: 0;
    transition: transform 0.7s var(--transition-timing);
    transform-origin: var(--invert-card-transform-origin, right);
}

.invert-card:hover:before {
    transform: scaleX(1);
    transition: transform 0.7s var(--transition-timing);
    transform-origin: var(--invert-card-transform-origin, left);
}

.invert-card h5,
.invert-card svg,
.invert-card p,
.invert-card a {
    transition: all 0.7s var(--transition-timing) 0.1s;
}

.invert-card:hover h5,
.invert-card:hover svg,
.invert-card:hover p,
.invert-card:hover a {
    color: var(--brand-aa-white) !important;
    fill: var(--brand-aa-white) !important;
    transition: all 0.7s var(--transition-timing);
}
*/

/* invert cards v2 */

.invert-cards .invert-card:before {
    content: ' ';
    position: absolute;
    height: 100%;
    transform: scaleX(0);
    background-color: var(--brand-aa-black);
    opacity: 0.1;
    top: 0;
    left: 0;
    z-index: 1;
    transition: transform 0.6s var(--transition-timing) 0.1s;
    transform-origin: inherit;

}

.invert-cards .invert-card:hover:before {
    transform: scaleX(1);
    transition: transform 0.7s var(--transition-timing);

}


.mobile-menu-button .elementor-icon-wrapper {
    display: flex;
    align-items: center;

}

.autex-mobile-menu-close {
    display: flex;
    justify-content: flex-end;
}

.autex-mobile-menu-close .elementor-button-icon,
.autex-mobile-menu-close .elementor-button-icon svg {
    width: 1em;
}

.autex-mobile-menu-close a {
    height: 32px !important;
    width: 32px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-widget-off-canvas {
    --e-off-canvas-animation-duration: 0.3s;
}

#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-decoration: none;
    background-color: var(--brand-aa-black);
    border-radius: 48px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0px;
    gap: 0;
    aspect-ratio: 1;
    transition: all 0.3s ease;
    height: 70px;
    width: 70px;
}

#back-to-top img {
    display: inline-block;
    width: 20px;
    height: auto;
    min-height: 70px;
}

#back-to-top:hover {
    aspect-ratio: auto;
    height: auto;
    padding: 20px 0 10px 0;
}

#back-to-top span {

    color: var(--brand-aa-white);
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    max-height: 0;
    writing-mode: sideways-lr;
    text-orientation: mixed;
    transition: all 0.3s ease;

}


#back-to-top span:after {
    content: '';
    height: 16px;
    display: inline-block;
}

#back-to-top:hover span {
    max-height: 150px;
    transition: all 0.3s ease;
}



#back-to-top.visible {
    opacity: 1;
}

#back-to-top img {
    margin: auto;
}

@media (max-width:1024px) {

    #back-to-top,
    #back-to-top:hover {
        width: 50px;
        height: 50px;
        padding: 0;
    }

    #back-to-top img {
        width: 12px;
    }

    #back-to-top:hover span {
        display: none !important;
        transform: scaleX(0) !important;
    }
}

@media (max-width:600px) {
    #back-to-top {}
}


/* Slide reveal */



.elementor-widget-image.slide-reveal {
    overflow: hidden;
    position: relative;
}

.elementor-widget-image.slide-reveal:before {
    background: inherit;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    transform: translateX(-101%);
    transition: transform 0.7s var(--transition-timing);
}

.elementor-widget-image.slide-reveal:hover:before {
    transform: translateX(0);
    transition: transform 0.7s var(--transition-timing) 0.2s;
}

.elementor-widget-image.slide-reveal img {
    display: block;
    position: relative;
    z-index: 1;
}

.product-page-title h1 {
    transition: font-size 0.3s ease;
}

.sticky-enabled .product-page-title h1 {
    font-size: 40px !important;
}

@media (max-width:849px) {
    .sticky-enabled .product-page-title h1 {
        font-size: 24px !important;
    }
}

.document-link .elementor-button-text {
    text-align: left;
}


/* action buttons */

.elementor-widget-button.action-button .elementor-button {

    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;

}




.elementor-widget-button.action-button .elementor-button .elementor-button-icon svg {
    width: 18px;
    height: 18px;
}

.elementor-widget-button.action-button.video .elementor-button .elementor-button-icon svg {
    width: 30px;
    height: 30px;
}

.elementor-widget-button.action-button .elementor-button .elementor-button-text:before,
.elementor-widget-button.action-button .elementor-button .elementor-button-text:after {
    content: ' ';
    display: inline-block;
    width: 0.8em;
}

.elementor-widget-button.action-button .elementor-button:hover .elementor-button-text {
    max-width: 200px;
    transition: max-width 0.6s var(--transition-timing);
}


.grid-2col {
    grid-column: span 2;
}

.banner-left-column {
    max-width: 700px;
}

.ar1 {
    aspect-ratio: 1;
}

.ar1-icon {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ar1-map iframe {
    aspect-ratio: 1 / 1;
    height: auto !important;
    width: 100% !important;
}

.tabs-overlay .e-n-tabs-heading {
    margin-top: -59px;
    z-index: 10;
}

.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true],
.e-n-tabs>.e-n-tabs-heading .e-n-tab-title:hover {

    background-color: var(--brand-aa-opera) !important;
}

@media (max-width:849px) {

    .tabs-overlay .e-n-tabs-heading {
        display: flex;
        flex-direction: row;
    }

    .tabs-overlay .e-n-tabs-heading,
    .tabs-overlay .e-n-tabs-heading button {
        order: 10 !important;
    }

    .tabs-overlay .e-n-tabs-content {
        order: 5 !important;
    }

}

.elementor-widget-icon.extend-arrow,
.elementor-widget-icon.extend-arrow .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 25px;
    transition: all 0.3s ease !important;
}



.elementor-widget-icon.extend-arrow .elementor-icon:before {
    content: ' ';
    height: 1.2px;
    width: 100%;
    display: block;
    background-color: currentColor;
    position: absolute;
    top: calc(50% - 0.6px);

}

a:hover .elementor-widget-icon.extend-arrow {
    width: 100%;
}

.autex-hover-card {
    position: relative;
}

.autex-hover-card .autex-hover-card__image--hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.autex-hover-card .autex-hover-card__image-wrapper {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0;
    transition: all 0.3s ease-in-out;

}

.autex-hover-card.autex-hover-card--rounded:hover .autex-hover-card__image-wrapper {
    border-radius: 0 0 120px 0;
    transition: all 0.3s ease-in-out;
}

@media (max-width:1299px) {
    .autex-hover-card.autex-hover-card--vertical .hover-extend-arrow {
        display: none;
    }
}


@media (max-width:849px) {
    .autex-hover-card.autex-hover-card--rounded:hover .autex-hover-card__image-wrapper {
        border-radius: 0 0 50px 0;
    }
}

.autex-hover-card.autex-hover-card--has-hover-image .autex-hover-card__image--normal {
    transition: opacity 0.3s ease-in-out;
}


.autex-hover-card.autex-hover-card--has-hover-image:hover .autex-hover-card__image--normal {
    opacity: 0;
}

.autex-hover-card .hover-extend-arrow {
    display: flex;
    height: 25px;
    width: 25px;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    transition: all 0.3s ease !important;
}

.autex-hover-card .autex-hover-card__heading {
    display: flex;
    align-items: center;
    gap: 50px;
    margin: 0;
}

.autex-hover-card--vertical .autex-hover-card__heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.autex-hover-card .autex-hover-card__heading-text {
    flex: none;
    display: block;
}

.autex-hover-card__images {
    gap: 25px;
    display: flex;
    flex-direction: column;
}

.autex-hover-card .hover-extend-arrow:before {
    content: ' ';
    height: 1px;
    width: 100%;
    display: block;
    background-color: currentColor;
    position: absolute;
    top: calc(50% - 0.5px);
    right: 3px;
}

.autex-hover-card:hover .hover-extend-arrow {
    width: 95%;
}

/*
.autex-hover-card .hover-extend-arrow>span {
    border-top: 1.2px solid currentColor;
    border-right: 1.2px solid currentColor;
    height: 16px;
    width: 16px;
    transform: rotate(45deg);
    display: block;
    right: 1px;
    position: absolute;
}
    */

.autex-hover-card .hover-extend-arrow>svg {
    height: 25px;
    width: 25px;
    fill: currentColor;
}


/* Slide button */


.autex-slide-button {
    display: inline-flex;
    transition: all 0s var(--transition-timing);
}

.autex-slide-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0;
    position: relative;
}

.autex-slide-button-content-wrapper .autex-button-text {
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.7s var(--transition-timing);
    display: block;
    padding-right: 0;
}

.autex-slide-button:hover .autex-slide-button-content-wrapper .autex-button-text {
    max-width: 300px;
    padding-right: 15px;
    transition: all 0.7s var(--transition-timing);
}

.autex-slide-button-content-wrapper .autex-button-icon {
    height: 1em;
    width: 1em;
    display: block;
}

.autex-slide-button-content-wrapper .autex-button-icon svg {
    height: 100%;
    width: 100%;
}

/* What's new section */

.whats-new .hero-left {
    width: calc(450px + (100vw - 1300px) / 2);
    max-width: 850px;
}

.whats-new .hero-right {
    width: calc(850px + (100vw - 1300px) / 2);
    max-width: 1250px;
}

@media (max-width:1599px) {

    .whats-new .hero-left {
        width: calc(383px + (100vw - 1100px) / 2);
    }

    .whats-new .hero-right {
        width: calc(716px + (100vw - 1100px) / 2);
    }

}

@media (max-width:1299px) {

    .whats-new {
        --tile-width: 224.66px;
        --side-space: calc((100vw - 724px) / 2);
    }

    .whats-new .hero-left {
        /*
            side space is 100vw - 724 / 2
            left content is 1 column plus one gap = (grid - gaps) / 3 + gap = ((724 - 50) / 3) + 25 = ~250
            right content is 2 columns plus one gap = ((724 - 50) / 3 * 2) + 25 = ~475
          
        */
        width: calc(var(--tile-width) + var(--side-space) + 25px);
        /* width: calc(250px + ((100vw - 724px) / 2)); */

    }

    .whats-new .hero-right {
        /* width: calc(475px + ((100vw - 724px) / 2)); */
        width: calc((var(--tile-width) * 2) + var(--side-space) + 25px);
    }
}

@media (max-width:849px) {

    .whats-new .hero-left,
    .whats-new .hero-right {
        width: 100%;
    }
}


.elementor-widget-autex-button {}

.elementor-widget-autex-button .autex-button .autex-button-content-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

}

.elementor-widget-autex-button.elementor-align-stretch,
.elementor-widget-autex-button.elementor-align-stretch .autex-button-wrap,
.elementor-widget-autex-button.elementor-align-stretch .autex-button-wrap .autex-button {
    flex: 1;
}

.elementor-widget-autex-button.elementor-mobile-align-stretch .autex-button-wrap .autex-button .autex-button-content-wrapper {
    justify-content: space-between;
}

@media (max-width:1299px) {
    .elementor-widget-autex-button .autex-button .autex-button-content-wrapper {
        align-items: center;

    }

    .elementor-widget-autex-button.elementor-mobile-align-stretch,
    .elementor-widget-autex-button.elementor-mobile-align-stretch .autex-button-wrap,
    .elementor-widget-autex-button.elementor-mobile-align-stretch .autex-button-wrap .autex-button,
    .elementor-widget-autex-button.elementor-mobile-align-stretch .autex-button-wrap .autex-button .autex-button-content-wrapper {
        flex: 1;

    }

}

.elementor-widget-autex-button .autex-button {
    display: inline-flex;
}

.elementor-widget-autex-button .autex-button .autex-button-text {
    line-height: 1.1em;
}

.autex-button .autex-button-icon {

    position: relative;
    width: 30px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: all 0.7s var(--transition-timing);
}

.autex-button .autex-button-icon:before {
    width: calc(100% - 2px);
    max-width: 16px;
    height: 1px;
    content: ' ';
    display: block;
    background-color: currentColor;
    margin-right: 2px;

}

.autex-button .autex-button-icon svg.button-arrowhead {
    height: 17px !important;
    width: 17px !important;
    right: 0;
    display: block;
    position: absolute;
}

.autex-button:hover .autex-button-icon:before,
.autex-button:focus .autex-button-icon:before {
    max-width: calc(100% - 2px);
    transition: all 0.7s var(--transition-timing);
}

.elementor-widget-autex-button .elementor-widget-container,
.elementor-widget-autex-button .elementor-widget-container .autex-button-wrap {
    display: flex;
    align-items: stretch;
}

.elementor-widget-autex-button .elementor-widget-container .autex-button-wrap .autex-button {
    align-items: center;
}

.autex-button-wrap.autex-button--alt {
    padding-right: 15px;
    transition: all 0.3s ease;
}

.autex-button-wrap.autex-button--alt:hover {
    padding-right: 0;
    transition: all 0.3s ease;
}

.autex-button-wrap.autex-button--alt .autex-button-icon {
    opacity: 0;
    transition: all 0.3s ease;
    overflow: hidden;
    max-width: 0px;


}

.autex-button-wrap.autex-button--alt:hover .autex-button-icon {
    opacity: 1;
    transition: all 0.3s ease;
    max-width: 15px;
}


.autex-button-wrap.autex-button--alt .autex-button-icon {
    width: 15px;
    height: 15px;
}


@media (max-width:1299px) {

    .autex-button .autex-button-icon:before {
        max-width: 14px;
    }

    .autex-button .autex-button-icon svg.button-arrowhead {
        height: 14px !important;
        width: 14px !important;
    }
}


.sustainability-tile {
    transition: all 0.7s;
}

.sustainability-tile:hover h5,
.sustainability-tile:hover p,
.sustainability-tile:hover a,
.sustainability-tile:focus h5,
.sustainability-tile:focus p,
.sustainability-tile:focus a {
    color: #e8e8d7 !important;

}

.elementor-heading-title a:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}


.half-boxed-left {
    padding-left: clamp(100px, calc((100vw - 1300px)/ 2), 400px);
}

@media (max-width:1599px) {
    .half-boxed-left {
        padding-left: max(100px, calc((100vw - 1100px)/ 2));
    }
}

@media (max-width:1299px) {
    .half-boxed-left {
        padding-left: max(50px, calc((100vw - 724px)/ 2));
    }
}

@media (max-width:849px) {
    .half-boxed-left {
        padding-left: 0;
    }
}


/* Hubspot styling */

body .hsfc-EmailField,
body .hsfc-TextField {
    background-color: var(--brand-aa-white);
    padding: 5px;
}

body [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
    padding: 0;
}

body [data-hsfc-id=Renderer] .hsfc-TextInput {
    background-color: transparent;
    border: none;
}

body [data-hsfc-id=Renderer] .hsfc-ErrorAlert {
    font-size: 12px;
}

body [data-hsfc-id=Renderer] .hsfc-FieldLabel {
    margin-bottom: 0 !important;
}

body [data-hsfc-id=Renderer] .hsfc-TextInput,
body [data-hsfc-id=Renderer] .hsfc-EmailInput {
    padding: 5px 0;
}

body [data-hsfc-id=Renderer] .hsfc-RichText {
    color: var(--brand-aa-black);
}

body [data-hsfc-id=Renderer] .hsfc-Row {
    margin-bottom: 10px;
    gap: 0px;
}

body [data-hsfc-id=Renderer] .hsfc-TextareaField {
    background-color: var(--brand-aa-white);
    padding: 5px;

}

body [data-hsfc-id=Renderer] .hsfc-TextareaField textarea {
    padding: 10px 5px;
    border: none;
    background-color: transparent;
    font-size: 17px;
    font-weight: 300;
    resize: vertical;
    min-height: 150px;
}


body .hs-form-html * {
    font-family: "Helvetica Neue Autex", Sans-serif !important;
}

body footer .hsfc-EmailField,
body footer .hsfc-TextField {
    background-color: transparent;
}

body footer .hs-form-html .hsfc-TextInput {
    border: none;
    border-bottom: 2px solid var(--brand-primary) !important;
    border-radius: 0;
    background-color: transparent;
}

body footer .hs-form-html [data-hsfc-id=Renderer] input[type="text"],
body footer .hs-form-html [data-hsfc-id=Renderer] input[type="email"] {
    padding: 10px 0;
}

body footer .hs-form-html [data-hsfc-id=Renderer] input::placeholder {
    font-family: "Helvetica Neue Autex", Sans-serif;
    color: #333132 !important;
}

body .hsfc-FieldLabel,
body .hsfc-FieldLabel span span {
    font-weight: 400;
    font-size: 16px;
}

body footer .hs-form-html[data-show-labels="no"] label[data-hsfc-id="FieldLabel"] {
    display: none;
}

body footer .hs-form-html .hsfc-Step .hsfc-Step__Content {
    padding: 0;
}

body .hs-form-html .hsfc-CheckboxInput {
    border: 1px solid var(--brand-primary) !important;
    border-radius: 0;
    padding: 3px;
    width: 13px;
    height: 13px;
    background-color: transparent;
}

body footer .hs-form-html .hsfc-CheckboxFieldGroup__Options label[data-hsfc-id="FieldLabel"] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

body footer .hs-form-html .hsfc-CheckboxFieldGroup__Options {
    columns: 2;
    column-gap: 20px;

}

body footer .hs-form-html .hsfc-CheckboxFieldGroup__Options input {
    margin-top: 3px;
}

body .hs-form-html button[type="submit"],
body [data-hsfc-id=Renderer] .hsfc-Button {
    padding: 25px;
    border-radius: 0;
    font-weight: 300;
    font-size: 17px;
    display: flex;
    gap: 40px;
    align-items: center;
    background-color: #333132;
    font-family: "Helvetica Neue Autex", Sans-serif;
    width: auto;
    margin-left: auto;
}

body .hs-form-html button[type="submit"]:after,
body [data-hsfc-id=Renderer] .hsfc-Button:after {
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(/wp-content/themes/autexacoustics/assets/img/arrow-button-arrowhead-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    content: ' ';

}

body .hs-form-html button[type="submit"]:before,
body [data-hsfc-id=Renderer] .hsfc-Button:before {
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(/wp-content/themes/autexacoustics/assets/img/arrow-button-white-bg.svg);
    background-size: contain;
    background-repeat: repeat-x;
    right: 26px;
    position: absolute;
    content: ' ';
    transition: all 0.3s var(--transition-timing);
}

body .hs-form-html button[type="submit"]:hover,
body [data-hsfc-id=Renderer] .hsfc-Button:hover {
    transform: none !important;
    background-color: #414447 !important;
}

body .hs-form-html button[type="submit"]:hover:before,
body [data-hsfc-id=Renderer] .hsfc-Button:hover:before,
body .hs-form-html button[type="submit"]:focus:before,
body [data-hsfc-id=Renderer] .hsfc-Button:focus:before {
    width: 30px;
}

body footer [data-hsfc-id=Renderer] .hsfc-Row {
    margin-bottom: 25px;
}



/* Legacy forms */

.elementor-widget-autex_hubspot_form_embed form,
.hbspt-form form {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.elementor-widget-autex_hubspot_form_embed form fieldset,
.hbspt-form form fieldset {
    max-width: 100%;
}



.elementor-widget-autex_hubspot_form_embed .hs-form-field,
.hbspt-form .hs-form-field {

    background-color: var(--brand-aa-white);
    padding: 5px;
    border-radius: 0;
    margin-bottom: 10px;
}

.elementor-widget-autex_hubspot_form_embed .hs-fieldtype-text input,
.elementor-widget-autex_hubspot_form_embed .hs-fieldtype-email input,
.elementor-widget-autex_hubspot_form_embed .hs-fieldtype-select select,
.hbspt-form .hs-fieldtype-text input,
.hbspt-form .hs-fieldtype-email input,
.hbspt-form .hs-fieldtype-select select {
    padding: 5px 0;
    border: none;
    background-color: transparent;
    font-size: 17px;
    font-weight: 300;
}

.elementor-widget-autex_hubspot_form_embed .input,
.hbspt-form .input {
    margin: 0 !important;
}

.elementor-widget-autex_hubspot_form_embed [data-show-labels="no"] .hs-fieldtype-text>label,
.hbspt-form[data-show-labels="no"] .hs-fieldtype-text>label {
    display: none;
}

.elementor-widget-autex_hubspot_form_embed .hs-fieldtype-select select,
.hbspt-form .hs-fieldtype-select select {
    appearance: none;
    -webkit-appearance: none;

}

.elementor-widget-autex_hubspot_form_embed .hs-fieldtype-select .input,
.hbspt-form .hs-fieldtype-select .input {
    position: relative;
}

.elementor-widget-autex_hubspot_form_embed .hs-fieldtype-select .input:after,
.hbspt-form .hs-fieldtype-select .input:after {
    content: ' ';
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(/wp-content/themes/autexacoustics/assets/img/menu-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: calc(50% - 7.5px);
    right: 10px;
}


.elementor-widget-autex_hubspot_form_embed .hs-form-field>label,
.hbspt-form .hs-form-field>label {

    font-size: 17px;
}

.elementor-widget-autex_hubspot_form_embed .hs-fieldtype-textarea textarea,
.hbspt-form .hs-fieldtype-textarea textarea {
    padding: 10px 0;
    border: none;
    background-color: transparent;
    font-size: 17px;
    font-weight: 300;
    resize: vertical;
    min-height: 150px;

}

.elementor-widget-autex_hubspot_form_embed .form-columns-2,
.hbspt-form .form-columns-2 {
    display: flex;
    gap: 0px;
    align-items: stretch;
}

.elementor-widget-autex_hubspot_form_embed form fieldset.form-columns-2 .hs-form-field,
.hbspt-form form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
    float: none;
}

.elementor-widget-autex_hubspot_form_embed .hs-input,
.hbspt-form .hs-input {
    width: 100% !important;
}


.elementor-widget-autex_hubspot_form_embed .hs-error-msgs,
.hbspt-form .hs-error-msgs {
    padding: 10px 20px;
    margin: 0;
    font-size: 0.8em;
}


.elementor-widget-autex_hubspot_form_embed .actions input[type="submit"],
.hbspt-form .actions input[type="submit"] {
    padding: 25px;
    border-radius: 0;
    font-weight: 300;
    font-size: 17px;
    display: flex;
    gap: 40px;
    align-items: center;
    background-color: #333132;
    font-family: "Helvetica Neue Autex", Sans-serif;
    width: auto;
    position: relative;
    cursor: pointer;

}

.elementor-widget-autex_hubspot_form_embed .actions input[type="submit"]:hover,
.elementor-widget-autex_hubspot_form_embed .actions .autex-submit-wrap:hover input[type="submit"],
.hbspt-form .actions input[type="submit"]:hover,
.hbspt-form .actions .autex-submit-wrap:hover input[type="submit"] {
    background-color: var(--brand-aa-empire) !important;
}

.elementor-widget-autex_hubspot_form_embed .actions .autex-submit-wrap,
.hbspt-form .actions .autex-submit-wrap {
    background-color: var(--brand-aa-black);
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-right: 25px;
    gap: 15px;
    cursor: pointer;
}

.elementor-widget-autex_hubspot_form_embed .actions .autex-submit-wrap:after,
.hbspt-form .actions .autex-submit-wrap:after {
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(/wp-content/themes/autexacoustics/assets/img/arrow-button-arrowhead-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    content: ' ';

}

.elementor-widget-autex_hubspot_form_embed .actions .autex-submit-wrap:before,
.hbspt-form .actions .autex-submit-wrap:before {
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(/wp-content/themes/autexacoustics/assets/img/arrow-button-white-bg.svg);
    background-size: contain;
    background-repeat: repeat-x;
    right: 26px;

    position: absolute;
    content: ' ';
    transition: all 0.3s var(--transition-timing);
}

.elementor-widget-autex_hubspot_form_embed .actions .autex-submit-wrap:hover,
.hbspt-form .actions .autex-submit-wrap:hover {
    transform: none !important;
    background-color: #414447 !important;
}

.elementor-widget-autex_hubspot_form_embed .actions .autex-submit-wrap:hover:before,
.elementor-widget-autex_hubspot_form_embed .actions .autex-submit-wrap:focus:before,
.hbspt-form .actions .autex-submit-wrap:hover:before,
.hbspt-form .actions .autex-submit-wrap:focus:before {
    width: 30px;
}



@media (max-width:1599px) {

    body footer .hs-form-html button[type="submit"],
    body footer [data-hsfc-id=Renderer] .hsfc-Button,
    .elementor-widget-autex_hubspot_form_embed .actions input[type="submit"],
    .hbspt-form .actions input[type="submit"] {
        padding: 20px;
        font-size: 15px;
    }

    body footer .hs-form-html button[type="submit"]:before,
    body footer [data-hsfc-id=Renderer] .hsfc-Button:before {
        right: 21px;
    }

}

@media (max-width:1299px) {

    body footer .hs-form-html button[type="submit"],
    body footer [data-hsfc-id=Renderer] .hsfc-Button,
    .elementor-widget-autex_hubspot_form_embed .actions input[type="submit"],
    .hbspt-form .actions input[type="submit"] {

        font-size: 12px;
    }

    .elementor-widget-autex_hubspot_form_embed .hs-fieldtype-text label {
        font-size: 15px;
    }

    .elementor-widget-autex_hubspot_form_embed .hs-fieldtype-text input,
    .elementor-widget-autex_hubspot_form_embed .hs-fieldtype-email input,
    .elementor-widget-autex_hubspot_form_embed .hs-fieldtype-select select,
    .hbspt-form .hs-fieldtype-text input,
    .hbspt-form .hs-fieldtype-email input,
    .hbspt-form .hs-fieldtype-select select {
        font-size: 15px;
    }


    body footer .hs-form-html button[type="submit"],
    body footer [data-hsfc-id=Renderer] .hsfc-Button {
        padding: 15px;
    }

    body footer .hs-form-html button[type="submit"]:before,
    body footer [data-hsfc-id=Renderer] .hsfc-Button:before {
        right: 16px;
    }

    body .hs-form-html[data-show-labels="no"] .hsfc-FieldLabel {
        font-size: 14px;
    }

    body footer .hs-form-html [data-hsfc-id=Renderer] input,
    body footer .hs-form-html [data-hsfc-id=Renderer] input::placeholder {
        font-size: 14px;
    }

    .elementor-widget-autex_hubspot_form_embed form fieldset.form-columns-2,
    .hbspt-form form fieldset.form-columns-2 {
        flex-direction: column;
    }

}

@media (max-width:849px) {

    body footer .hs-form-html .hsfc-CheckboxFieldGroup__Options {
        columns: 2;
    }

    body footer .hs-form-html button[type="submit"],
    body footer [data-hsfc-id=Renderer] .hsfc-Button {
        margin-right: auto;
        margin-left: 0;
    }



}


/* Product intro banner */

.autex-product-intro-banner {}

.autex-product-intro-banner-variants {}

.autex-product-intro-banner-variants {
    width: 100%;
    padding-left: max(100px, calc(50vw - 800px));
}


.autex-product-intro-banner-variants.multiple-variants {
    max-width: 1600px;
    padding-left: 150px;
    margin: 0 auto;
}

@media (max-width:1599px) {
    .autex-product-intro-banner-variants {
        padding-left: 0;
    }

    .autex-product-intro-banner-variants.multiple-variants {
        margin-right: 0;
        margin-left: 0;
        padding-left: calc((100vw - 1100px) / 2);

    }
}

@media (max-width:1299px) {
    .autex-product-intro-banner-variants.multiple-variants {

        padding-left: calc((100vw - 724px) / 2);

    }
}

@media (max-width:849px) {
    .autex-product-intro-banner-variants.multiple-variants {
        padding-left: 0;
    }

    .autex-product-intro-banner-variants.multiple-variants .product-intro-inner {
        flex-direction: column-reverse;
        align-items: flex-end;
    }
}


.autex-product-intro-banner-variants .product-intro-inner {
    width: 100%;
    max-width: 1600px;
    display: flex;
    align-items: flex-start;
    background-color: #EBE7E1;
    gap: 0;
}

@media (max-width:1599px) {


    .autex-product-intro-banner-variants.multiple-variants,
    .autex-product-intro-banner-variants.multiple-variants .product-intro-inner {
        max-width: 100%;
    }



}


.autex-product-intro-banner-variants .variant-sliders-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.autex-product-intro-banner-variants .variant-slide {

    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;

}

.autex-product-intro-banner-variants .variant-slide.active {
    display: block;
    position: relative;
    opacity: 1;
}

.autex-product-intro-banner-variants .variant-slide .slide-image {
    width: 100%;
    min-height: 790px;
    height: auto;
    display: block;
    background-size: cover;
}

@media (max-width:1599px) {
    .autex-product-intro-banner-variants .variant-slide .slide-image {
        min-height: 670px;
    }
}

@media (max-width:1299px) {
    .autex-product-intro-banner-variants .variant-slide .slide-image {
        min-height: 500px;
    }
}

.variant-swatches {
    width: 150px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    flex: none;
    padding-top: 50px;
    padding-right: 25px;
}

.variant-swatches .variant-swatch {
    cursor: pointer;

    width: 100%;
    font-size: 17px;
    font-weight: 400;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.variant-swatches .variant-swatch .img-wrap {
    border-radius: 0 0 25px 0;
    width: 100%;
    max-width: 90px;
    display: flex;
    overflow: hidden;
    position: relative;
}

.variant-swatches .variant-swatch .img-wrap img {
    width: 100%;
    height: auto;
    display: block;
}

.variant-swatches .variant-swatch .swatch-label {
    width: 100%;
    display: flex;
}

.variant-swatches .variant-swatch.active .img-wrap:before {
    content: ' ';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: block;
    position: absolute;
}

.variant-swatches .variant-swatch.active .img-wrap:after {
    content: url(/wp-content/themes/autexacoustics/assets/img/swatch-selected.svg);
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
}

.variant-swatches .variant-swatch.active .swatch-label {
    text-decoration: underline;
}

@media (max-width:1599px) {
    .variant-swatches {}

    .variant-swatches .variant-swatch .img-wrap {}
}


@media (max-width:1299px) {
    .variant-swatches {
        width: 80px;
        padding-right: 0;
        padding-top: 25px;
    }

    .variant-swatches .variant-swatch {
        width: 50px;
        font-size: 12px;
        font-weight: 300;
    }

    .variant-swatches .variant-swatch .img-wrap {
        border-radius: 0 0 15px 0;
        max-width: 50px;
    }
}

@media (max-width:849px) {
    .variant-swatches {
        width: 100%;
        flex-direction: row;
        padding-right: 0;
        padding: 25px 25px 25px 50px;
        overflow-x: scroll;
        gap: 10px;

    }

    .variant-swatches .variant-swatch {
        width: 75px;
        font-size: 11px;
        font-weight: 300;
        flex: none;
    }

    .variant-swatches .variant-swatch:first-child {}

    .variant-swatches .variant-swatch .img-wrap {
        border-radius: 0 0 25px 0;
        max-width: 75px;
    }


}


.variant-slider {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.variant-slider .swiper-wrapper {
    display: flex;
    overflow: visible !important;
}

.variant-slider .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}


.variant-slider .slider-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    padding: 25px 150px 50px 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

@media (max-width:1599px) {
    .variant-slider {
        align-items: flex-start;
    }

    .variant-slider .slider-nav {
        padding: 25px 0;
        max-width: 1100px;
    }

    .multiple-variants .variant-slider .slider-nav {
        max-width: 950px;
        padding: 25px 0;
        margin-left: 0;
    }
}

@media (max-width:1299px) {


    .variant-slider .slider-nav {
        padding: 25px 0 25px 0;
        max-width: 724px;

    }

    .multiple-variants .variant-slider .slider-nav {

        max-width: 645px;
        margin-left: 0;
    }

}

@media (max-width:849px) {


    .variant-slider .slider-nav {
        display: none;
    }
}

.variant-slider .button-next,
.variant-slider .button-prev {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media (max-width:1299px) {

    .variant-slider .button-next,
    .variant-slider .button-prev {
        height: 25px;
        width: 25px;
    }
}

.variant-slider .swiper-button-disabled {
    opacity: 0.2;
    cursor: default;
}

/* Product sticky intro */

#product-intro-sticky.elementor-sticky--active {}

#product-intro-sticky.elementor-sticky--active #product-page-title h1 {
    font-size: 45px;
}

#product-intro-sticky.elementor-sticky--active #descriptor h2 {
    font-size: 17px;
}

@media (max-width:1599px) {
    #product-intro-sticky.elementor-sticky--active #product-page-title h1 {
        font-size: 34px;
    }

    #product-intro-sticky.elementor-sticky--active #descriptor h2 {
        font-size: 13px;
    }

}

@media (max-width:1299px) {
    #product-intro-sticky.elementor-sticky--active #product-page-title h1 {
        font-size: 25px;
    }

    #product-intro-sticky.elementor-sticky--active #descriptor h2 {
        font-size: 10px;
    }
}

@media (max-width:849px) {
    #product-intro-sticky.elementor-sticky--active #product-page-title h1 {
        font-size: 23px;
    }


}


ul.document-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.document-list li {
    margin-bottom: 0.7em;
}

ul.document-list li:last-child {
    margin-bottom: 0;
}

ul.document-list li a {
    color: inherit;

}

@media (max-width:1599px) {
    ul.document-list li a {}
}

@media (max-width:1299px) {
    ul.document-list li a {}
}





.cta-block-inner {}

@media (max-width:1599px) {
    .cta-block-inner {
        padding-left: calc((100vw - 1100px) / 2);
    }
}

@media (max-width:1299px) {
    .cta-block-inner {
        padding-left: calc((100vw - 724px) / 2);
    }
}

@media (max-width:849px) {
    .cta-block-inner {
        padding-left: 0;
    }
}

/* Main nav stuff */

#top-bar {
    position: relative;
    z-index: 1001;
}

#main-nav {
    background-color: transparent;
}


#main-nav svg path {
    transition: fill 0.3s ease;
}

#main-nav.elementor-sticky--active,
#main-nav:has(a[aria-expanded=true]),
#main-nav:has(.quick-search-button.active) {
    background-color: var(--brand-aa-white) !important;
}

#main-nav.light svg path {
    fill: var(--brand-aa-white) !important;
}

#main-nav.light nav>ul>li>a {
    color: var(--brand-aa-white) !important;
}

#main-nav.dark svg path,
#main-nav.elementor-sticky--active svg path,
#main-nav:has(a[aria-expanded=true]) svg path,
#main-nav:has(.quick-search-button.active) svg path {
    fill: var(--brand-aa-black) !important;
}

#main-nav.dark nav>ul>li>a,
#main-nav.elementor-sticky--active nav>ul>li>a,
#main-nav:has(a[aria-expanded=true]) nav>ul>li>a,
#main-nav:has(.quick-search-button.active) nav>ul>li>a {
    color: var(--brand-aa-black) !important;
}

#main-nav nav>ul>li>a[aria-expanded="true"] {
    color: var(--brand-aa-black) !important;
    background-color: var(--brand-aa-opera) !important;
}

#main-nav .menu-item a:hover,
#top-bar .menu-item a:hover {
    text-decoration: underline;
}

.single-product .menu-item-7646>a {
    text-decoration: underline;
}


#top-bar>div {
    align-items: stretch;
}

#main-nav .elementor-widget-icon .elementor-icon-wrapper {
    display: flex;
}

.autex-icon-download svg,
.autex-icon-link-ext svg {
    height: 18px;
    width: 18px;
}


.team-member-tile {
    cursor: pointer;
    position: relative;
    perspective: 1000px;
}

.team-member-tile .tile-front {
    transition: all 0.3s ease;
    backface-visibility: hidden;
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}

.team-member-tile .tile-back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    transform-style: preserve-3d;

    flex-wrap: nowrap;
}

.team-member-tile.flipped .tile-back {
    opacity: 1;
    pointer-events: auto;
    border-radius: 0 0 45px 0;
    transform: rotateY(0deg);
    transition: all 0.3s ease;

}


.team-member-tile.flipped .tile-front {
    opacity: 0;
    transform: rotateY(-180deg);
}


.team-member-contact-links {
    display: flex;
    flex-direction: column;
}



@media (max-width:850px) {

    .team-member-tile.flipped .tile-back {
        overflow-y: scroll;
    }

    .team-member-contact-links a {
        padding: 5px 0;
    }
}


/* Modals and lightboxes */

.elementor-popup-modal .dialog-close-button.dialog-lightbox-close-button {
    background-image: url(/wp-content/themes/autexacoustics/assets/img/mobile-close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    outline: none;
}

.elementor-popup-modal .dialog-close-button.dialog-lightbox-close-button:focus {
    outline: none;
    color: inherit;
}

.elementor-popup-modal .dialog-close-button.dialog-lightbox-close-button svg {
    opacity: 0;

}

.elementor-lightbox .dialog-close-button.dialog-lightbox-close-button {
    background-image: url(/wp-content/themes/autexacoustics/assets/img/mobile-close-light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    outline: none;
}

.elementor-lightbox .dialog-close-button.dialog-lightbox-close-button:focus {
    outline: none;
    color: inherit;
}

.elementor-lightbox .dialog-close-button.dialog-lightbox-close-button svg {
    opacity: 0;

}

.autex-downloads {
    display: grid;
}

.autex-downloads-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.autex-downloads-download-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 22px;
    border: 0;
    border-radius: 999px;
    background: #0f3f34;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

.autex-downloads-download-all:hover,
.autex-downloads-download-all:focus {
    background: #0a2c24;
}

.autex-downloads-download-all:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.autex-download-item {
    border-radius: 0 0 25px 0;
}

.autex-downloads .no-results {
    padding: 25px;
}

.autex-download-item h5 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
}

.autex-download-item h5 .actions {
    display: flex;
    gap: 25px;
    align-items: center;
    margin-top: 3px;
}

.autex-download-item h5 .actions a,
.autex-download-item h5 .actions a i {
    display: flex;
}

.autex-download-item.document-category-bim-content .actions a.download-link {
    display: none;
}

.autex-download-item h5>a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;

}

.autex-download-item h5 .actions svg {

    height: 26px;
    width: auto;

}

button.autex-downloads-download-all {
    display: flex;
    align-items: center;
    gap: 25px;
}

button.autex-downloads-download-all svg {
    height: 1em;
    width: auto;
}

@media (max-width:1299px) {
    .autex-download-item h5 .actions svg {
        height: 20px;
    }

}

.e-n-carousel.offset-both~.elementor-swiper-button-prev {
    left: inherit !important;
    right: calc(15px + (100vw - 1300px) / 2) !important;
}

.e-n-carousel.offset-both~.elementor-swiper-button-next {
    left: inherit !important;
    right: calc((100vw - 1300px) / 2) !important;
}

@media (max-width:1599px) {
    .e-n-carousel.offset-both~.elementor-swiper-button-prev {
        left: inherit !important;
        right: calc(15px + (100vw - 1100px) / 2) !important;
    }

    .e-n-carousel.offset-both~.elementor-swiper-button-next {
        left: inherit !important;
        right: calc((100vw - 1100px) / 2) !important;
    }
}

@media (max-width:1299px) {
    .e-n-carousel.offset-both~.elementor-swiper-button-prev {
        left: inherit !important;
        right: calc(15px + (100vw - 724px) / 2) !important;
    }

    .e-n-carousel.offset-both~.elementor-swiper-button-next {
        left: inherit !important;
        right: calc((100vw - 724px) / 2) !important;
    }
}

@media (max-width:850px) {
    .e-n-carousel.offset-both~.elementor-swiper-button-prev {
        left: inherit !important;
        right: 15px !important;
    }

    .e-n-carousel.offset-both~.elementor-swiper-button-next {
        left: inherit !important;
        right: 0px !important;
    }
}

.e-widget-swiper.marquee-scroll .swiper-wrapper {
    transition-timing-function: linear !important;
}



.sticky-side>div {
    position: sticky;
    top: 150px;
}

@media (max-width:850px) {
    .sticky-side>div {
        position: static;
    }
}

.max-1750 {
    max-width: 1750px;
    margin-left: auto;
}

.autex-map-popup h4 {
    margin: 0;
}

sup {
    font-size: 0.6em;
    line-height: 0.6em;
}


.autex-product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}


.autex-product-grid .product-tile {
    position: relative;
}

.autex-product-grid .product-tile>a {
    color: var(--brand-aa-black);
}

.autex-product-grid .product-tile .product-tile-tag {
    padding: 15px;
    border-radius: 0 0 25px 0;
    background-color: var(--brand-aa-empire);
    color: var(--brand-aa-opera);
    font-size: 17px;
    font-weight: 300;
    text-transform: uppercase;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.autex-product-grid .product-tile h3.product-tile-title {
    font-size: 23px;
    font-weight: 400;
}

.autex-product-grid .product-tile>a:hover .product-tile-title {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}


.autex-product-grid .product-tile .product-tile-info {
    padding: 25px 25px 0 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
}

.autex-product-grid .product-tile .product-tile-info .product-tile-title,
.autex-product-grid .product-tile .product-tile-info .product-tile-descriptor,
.autex-product-grid .product-tile .product-tile-info .product-colour-options {
    margin: 0;
    padding: 0;
}

.autex-product-grid .product-tile .product-tile-info .product-tile-descriptor {
    font-size: 20px;
    font-weight: 300;
}

.autex-product-grid .product-tile .product-tile-info .product-colour-options {
    font-size: 17px;
    font-weight: 300;
}


@media (max-width:1599px) {
    .autex-product-grid .product-tile .product-tile-tag {
        font-size: 15px;
        padding: 10px 15px;
    }

    .autex-product-grid .product-tile h3.product-tile-title {
        font-size: 21px;
    }

    .autex-product-grid .product-tile .product-tile-info .product-colour-options {
        font-size: 13px;
        font-weight: 300;
    }
}

@media (max-width:1299px) {
    .autex-product-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .autex-product-grid .product-tile .product-tile-tag {
        font-size: 12px;
        padding: 8px 15px 8px 8px;
    }

    .autex-product-grid .product-tile h3.product-tile-title {
        font-size: 19px;
    }

    .autex-product-grid .product-tile .product-tile-info .product-tile-descriptor {
        font-size: 15px;
    }

    .autex-product-grid .product-tile .product-tile-info .product-colour-options {
        font-size: 10px;
        font-weight: 300;
    }
}

@media (max-width:850px) {
    #products-search-results-grid .autex-product-grid.autex-product-results-swiper {
        display: block;
        overflow: hidden;
        position: relative;
        padding-bottom: 75px;
    }

    #products-search-results-grid .autex-product-grid.autex-product-results-swiper>.swiper-wrapper {
        display: flex;
    }

    #products-search-results-grid .autex-product-grid.autex-product-results-swiper .swiper-slide {
        flex: 0 0 calc((100% - 15px) / 2);
        width: calc((100% - 15px) / 2) !important;
    }

    #products-search-results-grid .autex-product-grid.autex-product-results-swiper .autex-product-results-nav {
        width: 28px;
        height: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--brand-aa-black);
        cursor: pointer;
        top: 35%;
        transform: translateY(-50%);
        margin-top: 0;
    }

    #products-search-results-grid .autex-product-grid.autex-product-results-swiper .autex-product-results-nav svg {
        width: 25px;
        height: 25px;
    }

    #products-search-results-grid .autex-product-grid.autex-product-results-swiper .elementor-swiper-button-prev.autex-product-results-nav {
        right: 40px;
        top: inherit;
        bottom: 0;
        left: inherit;
        position: absolute;
    }

    #products-search-results-grid .autex-product-grid.autex-product-results-swiper .elementor-swiper-button-next.autex-product-results-nav {
        position: absolute;
        right: 0;
        bottom: 0;
        top: inherit;
    }

    #products-search-results-grid .autex-product-grid.autex-product-results-swiper .autex-product-results-nav.swiper-button-disabled {
        opacity: 0.35;
        pointer-events: none;
    }

    #projects-search-results-grid .elementor-loop-container.autex-project-results-swiper,
    #projects-search-results-grid .e-loop-container.autex-project-results-swiper,
    #projects-search-results-grid .e-loop.autex-project-results-swiper {
        display: block;
        overflow: hidden;
        position: relative;
    }

    #projects-search-results-grid .autex-project-results-swiper>.swiper-wrapper {
        display: flex;
    }

    #projects-search-results-grid .autex-project-results-swiper .swiper-slide {
        flex: 0 0 calc((100% - 15px) / 2);
        width: calc((100% - 15px) / 2) !important;
    }

    #projects-search-results-grid .autex-project-results-swiper .autex-project-results-nav {
        width: 28px;
        height: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--brand-aa-black);
        cursor: pointer;
        top: 35%;
        transform: translateY(-50%);
        margin-top: 0;
    }

    #projects-search-results-grid .autex-project-results-swiper .autex-project-results-nav svg {
        width: 25px;
        height: 25px;
    }

    #projects-search-results-grid .autex-project-results-swiper .elementor-swiper-button-prev.autex-project-results-nav {
        right: 40px;
        top: inherit;
        bottom: 0;
        left: inherit;
        position: absolute;
    }

    #projects-search-results-grid .autex-project-results-swiper .elementor-swiper-button-next.autex-project-results-nav {
        position: absolute;
        right: 0;
        bottom: 0;
        top: inherit;
    }

    #projects-search-results-grid .autex-project-results-swiper .autex-project-results-nav.swiper-button-disabled {
        opacity: 0.35;
        pointer-events: none;
    }

    #projects-search-results-grid .swiper-wrapper {
        padding-bottom: 75px;
    }

    #posts-search-results-grid .elementor-loop-container.autex-post-results-swiper,
    #posts-search-results-grid .e-loop-container.autex-post-results-swiper,
    #posts-search-results-grid .e-loop.autex-post-results-swiper {
        display: block;
        overflow: hidden;
        position: relative;
    }

    #posts-search-results-grid .autex-post-results-swiper>.swiper-wrapper {
        display: flex;
    }

    #posts-search-results-grid .autex-post-results-swiper .swiper-slide {
        flex: 0 0 calc((100% - 15px) / 2);
        width: calc((100% - 15px) / 2) !important;
    }

    #posts-search-results-grid .autex-post-results-swiper .autex-post-results-nav {
        width: 28px;
        height: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--brand-aa-black);
        cursor: pointer;
        top: 35%;
        transform: translateY(-50%);
        margin-top: 0;
    }

    #posts-search-results-grid .autex-post-results-swiper .autex-post-results-nav svg {
        width: 25px;
        height: 25px;
    }

    #posts-search-results-grid .autex-post-results-swiper .elementor-swiper-button-prev.autex-post-results-nav {
        right: 40px;
        top: inherit;
        bottom: 0;
        left: inherit;
        position: absolute;
    }

    #posts-search-results-grid .autex-post-results-swiper .elementor-swiper-button-next.autex-post-results-nav {
        position: absolute;
        right: 0;
        bottom: 0;
        top: inherit;
    }

    #posts-search-results-grid .autex-post-results-swiper .autex-post-results-nav.swiper-button-disabled {
        opacity: 0.35;
        pointer-events: none;
    }

    #posts-search-results-grid .swiper-wrapper {
        padding-bottom: 75px;
    }

}

.project-tile:hover .elementor-heading-title,
.news-tile:hover .elementor-heading-title {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

/* Filter fade transitions */
[data-elementor-type="loop-item"] {
    transition: opacity 0.2s ease;
}

/* Active filter chips */
.autex-active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 0;
}

.autex-active-filters[hidden] {
    display: none;
}

button.autex-active-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px 6px 14px;
    background-color: var(--brand-aa-black);
    color: var(--brand-aa-white);
    border: none;
    font-size: 13px;
    font-weight: 300;
    font-family: inherit;
    cursor: pointer;
    line-height: 1;
}

.autex-active-filter-chip__remove {
    font-size: 18px;
    line-height: 0.8;
    opacity: 0.6;
    font-weight: 300;
}

.autex-active-filter-chip:hover .autex-active-filter-chip__remove {
    opacity: 1;
}

@media (min-width: 1300px) {
    .autex-active-filters {
        display: none;
    }
}