/*
Theme Name: Peak Quantum
Description: Peak Quantum Wordpress Theme. This is coded as a <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme.
Version: 1.0
Author: Thomas Luschmann
Template: enfold
*/



/*Add your own styles here:*/

:root {
    --header-column-gap: 16px;
    --header-height: 12vw;
    --bg-color-gray-light: #f3f3f3;
    --bg-color-gray-medium: #e8e8e8;
    --bg-color-gray-dark: #797979;
}

.page-title > h2 {
    text-transform: none !important;
    font-weight: normal !important;
}

.section-fullwidth .container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}




/* Header */
/* Flexbox layout for header and its elements */
.responsive #top #header,
.responsive #top #header #header_meta,
.responsive #top #header #menu-item-search a,
.responsive #top #header a.cart_dropdown_link,
.responsive #top #header #header_main nav .social_bookmarks,
.responsive #top #header #header_main .inner-container .logo,
.responsive #top #header #header_main .inner-container .main_menu,
.responsive #top #header #header_main .inner-container .widget:nth-child(3),
.responsive #top #header #header_main .inner-container .widget:nth-child(4),
.responsive #top #header #header_main .inner-container .widget:nth-child(5),
.responsive #top #header #header_main .inner-container .widget:nth-child(6),
.responsive #top #header #header_main .inner-container .widget:nth-child(7),
#top #header #header_main .container.av-logo-container .inner-container {
    display: flex;
    position: relative;
    row-gap: calc(var(--header-height) * 0.25);
    column-gap: var(--header-column-gap);
}

.responsive #top .container,
.responsive #top .grid-row-container {
    padding: 0 var(--header-column-gap);
}





/*--------------------------------

» Topbar

--------------------------------*/


/* Top bar */

.responsive #top #header #header_meta {
    flex-basis: 100%;
}




/*--------------------------------

» Header

--------------------------------*/


/* Height outer container */

#top #header #header_main .container.av-logo-container {
    /* Do not change height here */
    /* Auto height: Header takes the height of the contents */
    height: inherit;
    line-height: inherit;
    width: 100%;
    max-width: none;
}




/* Header inner container */

#top #header #header_main .container.av-logo-container .inner-container {
    /* Define header height here */
    height: var(--header-height);
    position: relative !important;
    flex-wrap: wrap;
    /* Define header padding */
    padding: var(--header-column-gap) 0 10px 0;
    justify-content: space-between;
    align-content: flex-start;
}

#top #header #header_main .container.av-logo-container .header-contact {
    color: var(--bg-color-gray-dark);
    text-align: right;
    position: absolute;
    top: calc(var(--header-height) * -0.39);

}
#top #header #header_main .container.av-logo-container .header-contact a {
    color:#000;
}

#top #header #header_main .container.av-logo-container .header-contact span.dashicons-arrow-right-alt {
    margin-top: -3px;
    margin-right: 10px;
}

#top #header #header_main .container.av-logo-container .logo a {
    width: 100%;
}

#top #header #header_main .container.av-logo-container .header-subtitle {
    color: #000;
    font-family: 'rapidst-regular', 'arial', sans-serif;
    font-weight: bold;

}

/* Default subtitle position (visible) */
#top #header .header-subtitle {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* When user scrolls */
#top #header.header-scrolled .header-subtitle {
    opacity: 0;
    pointer-events: none; /* Optional: prevents hover/focus when hidden */
}





/* Wrappers
--------------------------------*/


/* Main header ( logo, menu, widgets ) and topbar */

.responsive #top #header {
    flex-wrap: wrap;
}

#header::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: var(--header-column-gap);
    right: var(--header-column-gap);
    height: 1px;
    background-color: black;
    z-index: 999; /* adjust if needed */
}


/*  Logo, Menu, Social Icons and Widgets. */

.responsive #top #header #header_main {
    flex-basis: 100%;
}


/* Transparent header
--------------------------------*/

.responsive.html_header_transparency #top #wrap_all #header {
    position: absolute;
}

@media only screen and (max-width: 767px) {
    .responsive.html_header_transparency #top #wrap_all #main {
        /* Define padding value for transparent header in mobile */
        /*padding-top: 315px !important; */
    }
}






/* Fixed header
--------------------------------*/

.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
.html_header_sticky.html_header_transparency #top #wrap_all #header,
.html_header_sticky #top #wrap_all #header {
    position: fixed;
}

.html_header_sticky #top #header_main .container,
.html_header_sticky #top .main_menu ul:first-child>li a {
    height: inherit !important;
    line-height: inherit !important;
}


/* Main content padding value should be same as the fixed header height. */

.html_header_sticky:not(.html_header_transparency) #top #wrap_all #main,
.html_header_sticky #top #wrap_all #main {
    /* Define padding only if sticky header is active */
    padding-top: var(--header-height)
}

@media only screen and (max-width: 767px) {
    .html_header_sticky #top #wrap_all #main {
        /* Define padding value for sticky header on mobile */
        padding-top: 150px !important;
    }
}






/*--------------------------------

» Logo

--------------------------------*/


/* Logo */

.responsive #top #header #header_main .inner-container .logo {
    order: 2;
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 0;
    /*width: auto;*/

    /* Define scalable min width of the logo on small screens */
    min-width: 100px;

    z-index: 9;
    /* Define scalable max width of the logo on big screens */
    /* Logo width: (auto | 100% | px );  Set auto to display the uploaded image size */
    max-width: 25%;
    margin: 0 auto 0 calc(-1*var(--header-column-gap));
}


/* Logo image size */

.responsive #top #header .logo,
.responsive #top #header .logo a,
.responsive #top #header .logo img {
    width: auto;

    /* Height specification is not required. It is proportional to the max width of the logo */
    height: auto;
    align-items: center;
    align-self: start;
    justify-content: center;
}


/* Vertically center transparency logo */

.responsive #top #header .logo span img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



/*--------------------------------

» Menu

--------------------------------*/


/* Menu outer container: Menu with siblings cart and social icons */

.responsive #top #header #header_main .inner-container .main_menu {
    order: 1;

    /* Define menu width */
    flex-basis: 100%;

    align-items: center;
    align-self: center;
    height: inherit !important;
    background: #f1f1f1;
    justify-content: center;
    margin-bottom: 20px;
    display:none;
}


/* Navigation */

#header .av-main-nav {
    display: flex;
    flex-wrap: nowrap;
    column-gap:10px;
}


/*  Activate burger menu  */

@media only screen and (max-width: 1100px) {
    #top #header .av-main-nav>li.menu-item {
        display: none!important;
    }
    #top #header .av-burger-menu-main {
        cursor: pointer;
        display: block!important;
    }
}

@media only screen and (max-width: 767px) {
    /* Mobile menu position fix */
    .responsive #top .av-logo-container .avia-menu {
        display: flex!important;
        align-items: center;
    }
}



/* Mega menu submenu position fix */

.responsive #top #header .avia_mega_div {
    /* Define megamenu submenu top value */
    /*   top: 300px;
   position: fixed;
   left: 50%;
   transform: translateX(-50%);*/
}



/*--------------------------------

» Widget

--------------------------------*/


/* Widgets */

.responsive #top #header #header_main .inner-container .widget {
    flex-basis: auto;
    flex-direction: column;
    row-gap: 0 !important;
    padding: 0;
    clear: none!important;

    justify-content: start;
    align-self: start;
    align-items: start;
    z-index: 1;
    /*margin: 0 10px;*/
}


.responsive #top #header #header_main .inner-container .widget>div {
    width: 100%;
    line-height: var(--header-column-gap);
    /*padding: 0 10px;*/
    /*background: gold;*/
    margin: 0;
}

.responsive #top #header #header_main .inner-container .widget>h3.widgettitle {
    margin: 0 10px;
    line-height: var(--header-column-gap);
    border-top: 1px solid var(--bg-color-gray-dark);
    width: 90%;
    padding: 3px 0 20px 0;
    font-family: 'Arial', sans-serif !important;
    font-weight: normal;
}
.responsive #top #header #header_main .inner-container .widget>h3.widgettitle::after {
    display: block;
    height:3px;
    content: " ";
    border-bottom: 1px solid var(--bg-color-gray-dark);
}

/* Widgets areas */
.responsive #top #header #header_main .inner-container .widget:nth-child(3){
    order: 3;
    flex-basis: calc(25% - var(--header-column-gap));
}
.responsive #top #header #header_main .inner-container .widget:nth-child(4) > div{
    margin-left:0;
}
.responsive #top #header #header_main .inner-container .widget:nth-child(4){
    order: 4;
    flex-basis: calc(25% - var(--header-column-gap));
}
.responsive #top #header #header_main .inner-container .widget:nth-child(5){
    order: 5;
    flex-basis: calc(25% - var(--header-column-gap));
    visibility:hidden;
}
.responsive #top #header #header_main .inner-container .widget:nth-child(6){
    order: 6;
    flex-basis: calc(25% - var(--header-column-gap));
    display:none;
}
.responsive #top #header #header_main .inner-container .widget:nth-child(7){
    order: 7;
    flex-basis: calc(25% - var(--header-column-gap));
}
.responsive #top #header #header_main .inner-container .widget:nth-child(8){
    order: 8;
    flex-basis: calc(25% - var(--header-column-gap));
}

/*--------------------------------

» Social icons

--------------------------------*/


/* Flex support and position fix */

.responsive #top #header #header_main nav .social_bookmarks {
    top: auto;
    margin-top: 0;
    align-items: center;
}


/* Inherit height for flex alignment */

.responsive #top .av-logo-container .social_bookmarks li {
    height: inherit;
}

/* header menu styles */

.responsive #top #header #header_main .inner-container .widget_nav_menu ul {
    counter-reset: number;
}

.responsive #top #header #header_main .inner-container .widget_nav_menu li {
    border-top: 1px solid var(--bg-color-gray-dark);;
    background: #fff;
    font-family: 'Arial', sans-serif !important;
    letter-spacing: 1px;
    counter-increment: number;
    padding:0;
}
.responsive #top #header #header_main .inner-container .widget_nav_menu li a {
    color: var(--bg-color-gray-dark);
    font-weight: lighter;
    text-transform: uppercase;
    padding: 0 7px 0 0;
    line-height:var(--header-column-gap);
}
.responsive #top #header #header_main .inner-container .widget_nav_menu ul > li > ul li a::before {
    content: "0"counter(number)" ";
    margin-right: 5em;
}
/*
.responsive #top #header #header_main .inner-container .widget_nav_menu li:last-child {
    border-bottom: 1px solid #7F7F7F;
}*/

.responsive #top #header #header_main .inner-container .widget_nav_menu li.current-menu-item,
.responsive #top #header #header_main .inner-container .widget_nav_menu li.current-menu-ancestor{
    background: var(--bg-color-gray-light);;
    transition: background-color 0.3s ease;
}

.responsive #top #header #header_main .inner-container .widget_nav_menu li:hover {
    background: var(--bg-color-gray-light);;
    transition: background-color 0.3s ease;
}

.responsive #top #header #header_main .inner-container .widget_nav_menu ul.sub-menu li.current-menu-item {
    padding-left:13px;
}
.responsive #top #header #header_main .inner-container .widget_nav_menu ul > li > ul.sub-menu li.current-menu-item a::before {
    margin-right: calc(5em - 13px);
}

.responsive #top #header #header_main .inner-container .widget_nav_menu li.current-menu-item > a,
.responsive #top #header #header_main .inner-container .widget_nav_menu li.current-menu-ancestor > a{
    color: var(--bg-color-gray-dark);
    transition: background-color 0.3s ease;
}


/*--------------------------------

» Cart

--------------------------------*/


/* Cart position fix */

#top #header #header_main #menu-item-shop a.cart_dropdown_link {
    height: auto;
}

@media only screen and (max-width: 767px) {
    .responsive #top #menu-item-shop.cart_dropdown {
        display: flex;
        align-items: center;
    }
    .cart_dropdown .dropdown_widget .avia-arrow {
        display: none;
    }
}

/* #footer*/

#footer {
    height: 180px;
    font-size: 11px;
}

#footer .container {
    height: 100%;
}

#footer .widget {
    margin:0;
    font-family: 'arial', sans-serif;
}

#footer .widget_nav_menu a {
    padding:0;
    font-size: 11px;
}

.footer_color {
    background-size: 30%;
}

#footer .flex_column {
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

#footer .flex_column:nth-child(2) {
    margin-left:0;
    z-index:0;
    position: absolute;
    left:14.7vw;
    width:11vw;
    max-width: 11vw;
    top: 5%;
}

#footer .flex_column:first-child > .widget p {
    margin-top: auto;
    margin-bottom: 0;
}

#footer .flex_column:last-child {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    width:18%;
}


/* Align list items individually */
#footer .flex_column:last-child .menu li {
    text-align: left;
}

/* Align the links themselves */
#footer .flex_column:last-child .menu li a {
    display: inline-block;
}


/* mission section */

.avia_textblock.bordered-heading-mission > p {
    display: block; /* Ensures it behaves like a full-width block element */
    width: 100%; /* Forces it to take full width */
    text-align: left; /* Keep text aligned left */
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    line-height: 27px;
    color: #000;
    text-transform: uppercase;
    font-size: 1.1em;
}

#top .flex_column .av_textblock_section:first-child .avia_textblock.bordered-heading-mission > p {
    margin-top:1px;
}

/* Team section */

.team-hotspot-image .av-hotspot-container-inner-wrap img {
    border-radius: 0 !important;
}

.section-fullwidth .av-hotspot-container {
    width: 100% !important;
}

.team-hotspot-image .av-image-hotspot-pulse,
.team-hotspot-image .avia-tooltip .avia-arrow-wrap{
    display:none;
}

.team-hotspot-image .avia-tooltip {
    padding:0;
}
.team-hotspot-image .avia-tooltip .inner_tooltip {
    color: #fff;
    text-align: left;
    font-size: 1em;
    line-height: 1em;
    font-family: arial, sans-serif;
    font-weight: lighter;
}

.team-hotspot-image .avia-tt {
    background: none;
    margin-left:10px;
}
.team-hotspot-image .av-image-hotspot {
    width: 12px;
    height: 12px;
}

.avia-team-member {
    margin: 0 !important;
}

.team-img-container {
    border-radius: 0;
}

/* Ensure `.team-slider-inner` behaves as a scrolling container */
.team-slider-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    transition: transform 0.5s ease-in-out;
    gap: 5vw; /* Space between team members */
    overflow: visible;
    align-items: center;
    scroll-behavior: smooth;
    position: relative;
    justify-content: flex-start; /* Change from center to flex-start */
}

/* Ensure `.team-slider-wrapper` keeps the effect clean */
.team-slider-wrapper {
    overflow: hidden; /* Hides extra team members */
    position: relative;
    width: 100%;
    max-width: 100vw;
    margin: auto;
}

/* Style for each team member */
.avia-team-member {
    flex: 0 0 27vw !important; /* Each member takes 1/3 of viewport */
    max-width: 27vw !important;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    text-align: center;
    background: white;
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
}


/* Responsive Tweaks */
@media screen and (max-width: 1024px) {
    .avia-team-member {
        flex: 0 0 50vw !important;
        max-width: 50vw !important;
    }
}

@media screen and (max-width: 768px) {
    .avia-team-member {
        flex: 0 0 90vw !important;
        max-width: 90vw !important;
    }

    .team-hotspot-image .av-image-hotspot {
        display:none;
    }
}

/* Navigation buttons */
.team-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 100;
    font-size: 24px;
}

.team-slider-nav.prev {
    left: 10px;
}

.team-slider-nav.next {
    right: 10px;
}

span.avia-gallery-img-title,
span.avia-gallery-img-caption {
    display: block !important;
    position: relative;
    color: #000;
    font-size: 1rem;
    text-align: left;
    margin-top: 10px;
    font-family: 'rapidst-medium', 'arial', sans-serif;
}
span.avia-gallery-img-caption {
    color: var(--bg-color-gray-dark);
    margin-top:0;
}

.av-horizontal-gallery {
    overflow: visible;
}

/* blog */
/* Make the blog post container use flexbox */
.av-alb-blogposts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--header-column-gap);
    justify-content: space-between;
    position: relative;
}

/* Each post takes up 48% of the width to fit two per row */
.blog-posts.av-alb-blogposts .post-entry,
.career-posts.av-alb-blogposts .post-entry{
    width: calc(50% - var(--header-column-gap)/2);
    box-sizing: border-box; /* Prevent width issues with padding */
    position: relative;
    overflow: visible;
}

/* Use flexbox to reorder elements inside .entry-content-header */
.blog-posts .entry-content-header,
.career-posts .entry-content-header{
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Aligns content to the left */
    text-align: left; /* Ensures text is aligned left */
    width:100%;
    padding:0;
}

/* Move meta info to the top */
.blog-posts .entry-content-header .post-meta-infos{
    order: -1; /* Moves it before the title */
}

/* Keep title below meta info */
.blog-posts .entry-content-header .post-title {
    order: 0; /* Default order, keeps it below meta */
    font-weight: normal;
    font-family: "Arial", "Verdana", sans-serif;
    font-size: 19px !important;
}

/* Force the date container's parent to be a block element */
.blog-posts .entry-content-header .post-meta-infos,
.career-posts .entry-content-header .post-meta-infos{
    display: block; /* Ensure it can contain full-width elements */
    width: 100%; /* Take full width */
}

/* Force the date-container to stretch across full width */
.blog-posts .entry-content-header .date-container {
    display: block; /* Ensures it behaves like a full-width block element */
    width: 100%; /* Forces it to take full width */
    text-align: left; /* Keep text aligned left */
    border-top: 1px solid var(--bg-color-gray-dark);
    border-bottom: 1px solid var(--bg-color-gray-dark);
    line-height: 27px;
    padding: 0 0 !important;
    font-family: "Arial", "Verdana", sans-serif;
    font-size: 1.1em !important;
    color: #000;
}

.bloglist-simple .read-more-link {
    display: none !important;
}

#top .fullsize .template-blog .post-title {
    margin:0;
}

#top .fullsize .template-blog .post_delimiter {
    display:none;
}

@media (min-width: 768px) {
    /* align to grid */
    .blog-posts.av-alb-blogposts,
    .career-posts.av-alb-blogposts {
        margin-left: var(--header-column-gap);
    }

    .blog-detail-header .flex_column.av_three_fourth.no_margin {
        width: calc(75% - var(--header-column-gap));
        transform: translateX(var(--header-column-gap));
    }
    .responsive #top .grid-row-container > .flex_cell.no_margin.av_three_fourth .flex_cell_inner {
        margin-left: var(--header-column-gap);
    }
}

/* blog detail */

#main .blogpost p {
    margin-top:0 !important;
}

.blog-post-date {
    font-size: 13px;
}

.blog-post-link > .avia-button-fullwidth  {
    text-align: left;
    padding: 5% !important;
    font-size: 1em !important;
    line-height: 1em !important;
    font-weight: normal;
    font-family: 'rapidst-medium', 'arial', sans-serif;
    border-radius: 10px;
}

/* landing page */
.avia_textblock.bordered-heading > p {
    display: block; /* Ensures it behaves like a full-width block element */
    width: 100%; /* Forces it to take full width */
    text-align: left; /* Keep text aligned left */
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    line-height: 17px;
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
}

@media (min-width: 768px) {
    .avia_textblock.landing-cta > p {
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

/* career section */

.career-posts .entry-content-header .post-title {
    display: block; /* Ensures it behaves like a full-width block element */
    width: 100%; /* Forces it to take full width */
    text-align: left; /* Keep text aligned left */
    border-top: 1px solid var(--bg-color-gray-dark);
    border-bottom: 1px solid var(--bg-color-gray-dark);
    line-height: 27px;
    padding: 0 0 !important;
    font-family: 'rapidst-regular', 'arial', sans-serif;
    font-size: 1.1em !important;
}
.career-posts .entry-content-header .date-container {
    display:none;
}

.post-entry.active-job {
    background-color: var(--bg-color-gray-medium);
}

/* Match hover state to active-job background */
.career-posts .post-entry:hover,
.blog-posts .post-entry:hover{
    background-color: var(--bg-color-gray-medium);
    transition: background-color 0.3s ease;
    cursor: pointer;
}

/* Career details styling */
/* Container and Button */
.toggle-job-container {
    display: flex;
    justify-content: flex-end;
    margin-top: -35px;
    margin-bottom: 1rem;
}
.toggle-job-button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
    padding: 0.2rem;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}
.post-entry.active-job .toggle-job-button {
    z-index: 11;
}
.post-entry.active-job .toggle-job-button span {
    transform: rotate(180deg);
}

/* Popout Content */
.job-popout-content.floating-popout {
    position: absolute;
    top: 80px;
    transform: none;
    left:0;
    right: auto;
    width: calc(75vw - var(--header-column-gap) - 24px);
    max-height: 40vh;
    background: var(--bg-color-gray-medium);
    padding: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 10;
    border-radius: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.job-popout-content.floating-popout::-webkit-scrollbar {
    width: 20px;
    background-color: var(--bg-color-gray-medium); /* Full scrollbar "box" background */
    border: 1px var(--bg-color-gray-dark) solid;
}

.job-popout-content.floating-popout::-webkit-scrollbar-track {
    background-color: var(--bg-color-gray-medium); /* Track blends in with scrollbar width */
    border: 1px var(--bg-color-gray-dark) solid;
}

.job-popout-content.floating-popout::-webkit-scrollbar-thumb {
    background-color: var(--bg-color-gray-medium); /* Thumb is same tone, just slightly darker */
    border-radius: 0; /* Sharp rectangular edges */
    border: 1px var(--bg-color-gray-dark) solid; /* No inner margin, so thumb fills scrollbar width */
}

.job-popout-content.floating-popout::-webkit-scrollbar-thumb:hover {
    background-color: var(--bg-color-gray-light);
}
@media only screen and (min-width: 767px) {
    /* on desktop, handle 2 column popouts */
    .post-entry:nth-of-type(even) .job-popout-content.floating-popout {
        left: auto;
        right: 0;
    }
    /* disable clicking heading to link */
    .career-posts .entry-content-header .post-title a {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: inherit; /* Optional: prevent link styling */
    }
}

/* contact */
.avia_ajax_form.av-form-labels-hidden p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#top div .av-dark-form .input-text, #top div .av-dark-form input[type="text"], #top div .av-dark-form input[type="input"], #top div .av-dark-form input[type="password"], #top div .av-dark-form input[type="email"], #top div .av-dark-form input[type="number"], #top div .av-dark-form input[type="url"], #top div .av-dark-form input[type="tel"], #top div .av-dark-form input[type="search"], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
    border-width: 1px !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: var(--bg-color-gray-dark); !important;
}

div div .av-dark-form .button {
    background: #000000 !important;
    color: #FFFFFF !important;
    border: 0 !important;
}

div div .av-dark-form .button:hover {
    background: var(--bg-color-gray-dark) !important;
}


form .form_element:last-child::before {
    font-family: "Dashicons";
    content: "\f344"; /* Unicode for dashicons-arrow-right-alt */
    display: inline-block;
    margin-right: 8px;
    font-size: 20px;
    vertical-align: middle;
}

form .form_element:not(:first-child) input[type="text"],
form .form_element:not(:first-child) textarea{
    border-top: 0 !important;
}

form .form_element:last-child {
    text-align: right;
}

form h3 {
    font-size: 1.1em;
}

/* mobile responsiveness */
@media only screen and (max-width: 767px) {

    /* general mobile styling */
    /* container width to edge */
    .responsive #top #wrap_all .container {
        width: calc(100% - var(--header-column-gap));
        max-width: calc(100% - var(--header-column-gap));
    }

    /* Flexbox layout for header and its elements */
    .responsive #top #header,
    .responsive #top #header #header_meta,
    .responsive #top #header #header_main .inner-container .logo,
    .responsive #top #header #header_main .inner-container .widget:nth-child(3),
    .responsive #top #header #header_main .inner-container .widget:nth-child(4),
    .responsive #top #header #header_main .inner-container .widget:nth-child(5),
    .responsive #top #header #header_main .inner-container .widget:nth-child(6),
    .responsive #top #header #header_main .inner-container .widget:nth-child(7),
    #top #header #header_main .container.av-logo-container .inner-container {
        display: flex;
        position: relative;
        row-gap: 0;
        column-gap: var(--header-column-gap);
    }

    #top #header #header_main .container.av-logo-container .inner-container {
        min-height:140px;
        height: auto;
    }

    .responsive #top #header #header_main .inner-container .logo {
        order: 1;
        flex-basis: calc(50% - var(--header-column-gap)/2);

        /* Define scalable min width of the logo on small screens */
        min-width: 100px;

        max-width: 50%;
        margin: 0 auto 0 calc(var(--header-column-gap)/2 * -1);
    }

    /* desktop menu widgets - hide */
    .responsive #top #header #header_main .inner-container .widget:nth-child(3),
    .responsive #top #header #header_main .inner-container .widget:nth-child(4),
    .responsive #top #header #header_main .inner-container .widget:nth-child(5){
        display:none;
    }

    .responsive #top #header #header_main .inner-container .widget:nth-child(6){
        display:flex;
        order: 2;
        flex-basis: calc(50% - var(--header-column-gap));
    }
    /* tagline, fixed below logo */
    .responsive #top #header #header_main .inner-container .widget:nth-child(7){
        width: 50%;
        position: absolute;
        left: calc(var(--header-column-gap)/2);
        top: 24vw;
    }
    #top #header .header-subtitle {
        font-size: 11px !important;
    }
    /* subtitle remains visible */
    #top #header.header-scrolled .header-subtitle {
        opacity: 1;
    }
    .responsive #top #header #header_main .inner-container .widget:nth-child(8){
        display:none;
    }

    /* header separator */
    #header::before {
        display: none;
    }




    /* Add caret/arrow styling if needed */
    #menu-mobile-menu li.menu-item-has-children > a::after {
        content: "▸";
        float: right;
        margin-left: 10px;
        font-size: 0.8em;
        transform: rotate(0deg);
        transition: transform 0.3s ease;
    }

    /* When active, rotate the caret */
    #menu-mobile-menu li.menu-item-has-children.active > a::after {
        transform: rotate(90deg);
    }

    /* Right-align submenu items in mobile menu */
    #menu-mobile-menu ul.sub-menu li a {
        text-align: right;
        display: block;
    }

    #menu-mobile-menu .sub-menu {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    }

    #menu-mobile-menu .sub-menu.visible {
        max-height: 500px; /* Adjust based on expected submenu size */
        opacity: 1;
    }

    /* hide counter */
    .responsive #top #header #header_main .inner-container .widget_nav_menu ul > li > ul li a::before {
        display:none;
    }
    #top .widget_nav_menu ul ul li:before {
        display:none;
    }
    /* enlarge menu items*/
    .responsive #top #header #header_main .inner-container .widget_nav_menu li a {
        padding: 0 7px 0 0;
        line-height:25px;
    }

    /* basic page styling */
    .page-title {
        padding-left:10%;
    }

    .section-fullwidth .container {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* team */
    .av-horizontal-gallery-inner {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        height: auto !important;
        position: relative !important;
        white-space: normal !important;
    }

    .av-horizontal-gallery-slider {
        position: relative !important;
        width: auto !important;
        transform: none !important;
        display: flex !important;
        height: auto !important;
        left: 0 !important;
    }

    .av-horizontal-gallery-wrap {
        flex: 0 0 auto !important;
        height: auto !important;
        width: 85vw;
        scroll-snap-align: center;
        margin-right: 16px !important;
    }

    .av-horizontal-gallery-img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        display: block;
        position: relative !important;
        top: auto !important;
        transform: none !important;
    }

    .av-horizontal-gallery .avia-slideshow-arrows {
        display: none !important;
    }

    /* blog */

    /* go to single column posts on mobile */
    .blog-posts.av-alb-blogposts .post-entry,
    .career-posts.av-alb-blogposts .post-entry {
        width: 100%;
    }

    .bloglist-simple .entry-content-header {
        padding: 0;
    }

    /* Popout Content */
    .job-popout-content.floating-popout {

        width: calc(100vw - var(--header-column-gap));
    }

    /* Neutralize tap highlight and inherit color */
    .toggle-job-button {
        -webkit-tap-highlight-color: transparent;
        background: none;
        border: none;
        padding: 0;
        color: inherit;
        font: inherit;
    }

    /* Ensure icon inherits color properly */
    .toggle-job-button .dashicons {
        color: #000; /* Or whatever color matches your design */
    }

    .job-popout-content.floating-popout::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 20px;
        width: 100%;
        background: linear-gradient(to bottom, transparent, #f2f2f2);
        pointer-events: none;
    }

    /*footer */
    #footer {
        height:120px;
        padding-bottom: 7px;
    }

    #footer .flex_column.av_one_fourth
    {
        margin-bottom: 0 !important;
        width: 25% !important;
    }

    #footer .flex_column:nth-child(1) {
        width: 27% !important;
        font-size:9px;
    }

    #footer .flex_column:nth-child(2) {
        left:27vw;
        width:21vw !important;
        max-width: 21vw !important;
        top: 5%;
    }

    #footer .flex_column:nth-child(3) {
        width: calc(23% + var(--header-column-gap)) !important;
    }

    #footer .flex_column:last-child {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer_color {
        background-size: 50%;
    }

}