/* 
Theme Name: Arrowhead Intermediaries
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Arrowhead Intermediaries is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.extra-bold {
   font-weight: 800 !important;
}


   .elementor-nav-menu--main .elementor-item {
       white-space: nowrap !important;
   }

.elementor-nav-menu--main .elementor-item:hover {
   font-weight: 800 !important;
}

.elementor-nav-menu--main .elementor-item-active {
   font-weight: 800 !important;
   position: relative;
}


.ai-card-logo {
   display: block;
   width: auto;
   height: 50px !important;
   max-width: 100%;
}

.ai-card-thumbnail {
   width: 216px;
   height: 252px;
   object-fit: cover;
   display: block;
}

/* BRAND CARDS  */
.XXbrand-card img {
   height: 50px;
   max-width: fit-content;
   /* max-width: 100% !important; */
   /* object-fit: contain; */
}

/* .brand-card img {
   display: block;
   height: 50px;
   width: fit-content;
   max-width: 100%;
   margin-left: 0;
   margin-right: auto;
} */

.brand-card img {
   display: block;
   height: 50px;
   width: auto;
   max-width: 100%;
   object-fit: contain;
}

/* BRAND TABLE  */
.brand-table-wrapper,
.brand-table-wrapper * {
    font-family: var(--e-global-typography-text-font-family);
}

.brand-table {
   border-collapse: collapse;
   border-radius: 8px !important;
   border: 2px solid #D9D9D9 !important;
   /* overflow: clip; */
   width: 100%;
   table-layout: fixed;  
}

.brand-table tr.brand-row td {
   font-size: 16px;
   padding: 12px 16px;
}

td.brand-current {
   background: #F8F8F8 !important;
}

td.brand-future {
   background: #fff !important;
}

td.brand-current.brand-current-last {
   border-right: 1px solid #616060;
}


.brand-table-title {
    color: #002855;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 4px;
}

.brand-table-description p,
.brand-table-description p a {
    color: #646464;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 12px;
}

.brand-table .current-group,
.brand-table .future-group {
    width: 50%;
    text-align: left;
}

.brand-table .column-row th,
.brand-table td {
    width: 25%;
}

.brand-table .column-row th {
    text-align: left;
}

.brand-table .column-row td {
   padding: 7px 8px;
}

/* Region heading row */
.brand-table .region-row {
   background-color: #8093AA !important;
   font-weight: 700;
   font-size: 12px;
   line-height: 20px;
}

.brand-table .region-row td {
   color: #fff;
   font-weight: 800 !important;
   font-size: 12px;
    padding: 24px 16px;
}

/* Optional table cell styling */
.brand-table th,
.brand-table td {
    padding: 16px;
    vertical-align: top;
}

.brand-table .effective-row th {
   background-color: #002855;
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   padding: 8px !important;
}

.brand-table .column-row th {
   background: #E6EEF5;
   border-color: #D9D9D9;
   color: #002855;
   font-size: 14px;
   font-weight: 700;
   padding: 8px;
}

.brand-table-desktop {
   display: block;
}

.brand-table-mobile {
   display: none;
}

@media (max-width: 767px) {

   .brand-table-desktop {
       display: none;
   }

   .brand-table-mobile {
       display: block;
   }

   #tables {
      background-color: #fff;
   }

}

/* =====================================
   MOBILE ACCORDION FOR BRAND DIRECTORY
   ===================================== */
:root {
    --mobile-header-height: 148px;
}

.region-accordion {
    border-bottom: 1px solid #505050;
    border-radius: 0;
    background: #fff;
}

.region-accordion[open] .region-title {
    border-bottom: 1px solid #D9D9D9;
}

.region-title {
    position: relative;
    color: #131313;
    font-size: 24px;
    font-weight: 300;
    padding: 24px 44px 24px 16px;
    cursor: pointer;
    list-style: none;
}

/* Hide native details marker */
.region-title::-webkit-details-marker {
    display: none;
}

.region-title::marker {
    display: none;
}

/* Chevron (closed state) */
.region-title::after {
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;

    width: 10px;
    height: 10px;

    border-right: 2px solid #131313;
    border-bottom: 2px solid #131313;

    transform: translateY(-70%) rotate(45deg);
    transition: transform 0.25s ease;
}

/* Chevron (open state) */
.region-accordion[open] .region-title::after {
    transform: translateY(-30%) rotate(-135deg);
}

.region-content {
    background: #F8F8F8;
    margin-top: 16px;
    overflow: visible;
}

.brand-card {
   border: 1px solid #D9D9D9;
   margin-bottom: 16px;
}

/* =====================================
   MOBILE EFFECTIVE HEADER
   ===================================== */

.mobile-effective-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #002855;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.mobile-effective-header > div {
    padding: 6px 8px;
}

.sticky-header {
    position: sticky;
    top: var(--mobile-header-height);
    z-index: 20;
}

/* =====================================
   MOBILE DATA ROWS
   ===================================== */
.mobile-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.mobile-column {
    border-right: 1px solid #D9D9D9;
}

.mobile-column:last-child {
    border-right: 0;
}

.mobile-label {
    background: #E6EEF5;
    color: #002855;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 8px;
}

.mobile-value {
    padding: 12px;
    font-size: 16px;
    line-height: 1.4;
}

.mobile-value p:last-child {
    margin-bottom: 0;
}

label.elementor-field-label {
   cursor: default;
}

/* SELECT2 DROPDOWNS */
.select2-container--default .select2-selection--single {
   background-color: #ffffff;
   border-color: #505050 !important;
   border-radius: 4px 4px 4px 4px;
   padding: 6px;
   height: 47px !important;
   display: flex !important;
   align-items: center;
}
.select2-selection__clear {
   display: none;
}
.select2-selection--single .select2-selection__arrow b {
   display: none;
}

.select2-selection--single .select2-selection__arrow {
   position: relative;
}

.select2-selection--single .select2-selection__arrow:before {
      content: "";
      display: inline-block;
  
      width: 10px;
      height: 10px;
  
      border-right: 2px solid #002855;
      border-bottom: 2px solid #002855;
  
      transform: rotate(45deg);
  
      position: absolute;
       top: 14px;
       right: 14px;
}

.select2-search--dropdown {
   display: none !important;
}
.select2-results__option {
   border-radius: 4px !important;
}
.select2-results__option[aria-selected=true] {
   background-color: #000 !important;
   color: #fff !important;
   position: relative;
   display: flex;
   justify-content: space-between;
}
.select2-results__option[aria-selected=true]:after {
   content: '';
   display: inline-block;
   width: 8px;
   height: 14px;
   border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
   transform: rotate(40deg);
   position: absolute;
   right: 20px;
   top: 13px;
   
}
.select2-dropdown {
   margin-top: 0 !important;
   padding: 0px !important;
}

.select2-results li {
   font-size: 16px !important;
   line-height: 24px !important;
}

.select2-results__option:not([aria-selected=true]):hover {
   background: #F3F7FB !important;
   color: inherit !important;
}

.select2-container--default .select2-results>.select2-results__options {
   max-height: 300px !important;
}


/* ==========================================
   MOBILE NAV
   ========================================== */

.mobile-section-nav {
    position: relative;
    display: flex;
}

.mobile-section-nav-control {
    display: flex;
    align-items: flex-start;
}

.mobile-section-nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* ------------------------------------------
   COLLAPSED STATE
   ------------------------------------------ */

.mobile-section-nav:not(.is-open) .mobile-section-nav-item {
    display: none;
}

.mobile-section-nav:not(.is-open) .mobile-section-nav-item.is-current {
    display: block;
}

/* ------------------------------------------
   EXPANDED STATE
   ------------------------------------------ */

.mobile-section-nav.is-open .mobile-section-nav-item {
    display: block;
}

/* ------------------------------------------
   LINKS
   ------------------------------------------ */

.mobile-section-nav-link {
    display: block;

    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;

    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 26px;

    padding: 9px 0;
}

.mobile-section-nav-item.is-current .mobile-section-nav-link {
    font-weight: 700;
}

/* ------------------------------------------
   TOGGLE BUTTON
   ------------------------------------------ */

.mobile-section-nav-toggle {
   align-self: flex-start;
    flex: 0 0 auto;

    width: fit-content;

    border: 0;
    background: transparent !important;
    color: #fff !important;

    cursor: pointer;

    padding: 8px 4px;
}

/* ------------------------------------------
   CARET
   ------------------------------------------ */

.mobile-section-nav-caret {
    display: block;

    width: 10px;
    height: 10px;

    box-sizing: border-box;

    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;

    transform: translateY(-25%) rotate(45deg);
    transform-origin: center;

    transition: transform .25s ease;
}

.mobile-section-nav.is-open .mobile-section-nav-caret {
    transform: translateY(25%) rotate(-135deg);
}

html {
   scroll-behavior: smooth;
}

#about-us,
#our-next-chapter,
#leadership-team,
#senior-leadership,
#numbers,
#explore-our-divisions,
#brand-directory,
#meet-our-leaders,
#news,
#explore-positions,
#contact-us {
    scroll-margin-top: 39px;
}

@media (min-width: 1367px) {
    #about-us,
    #our-next-chapter,
    #leadership-team,
    #senior-leadership,
    #numbers,
    #explore-our-divisions,
    #brand-directory,
    #meet-our-leaders,
    #news,
    #explore-positions,
    #contact-us {
        scroll-margin-top: 24px;
    }
}