/*
Theme Name: U.S Venture Ben Guide
Description: U.S Venture's child theme of Gallagher WAVE
Author: Gallagher | Ian Israel
Template: ajg_wave
Version: 1.0.0
Text Domain: us-venture
*/

/**
* Add site level css
**/

/* Global Variables */
:root {
    /* Colors */
    --color-accent-one: #E7A614;

    --color-light: #FFF;
    --color-dark: #000;
    --color-neutral-one: #7A7270;
    --color-neutral-two: #EFF0F1;

    --color-text-dark: #343434;

    --gradient-primary: linear-gradient(90deg, #151D5F 0%, #1869A7 100%);

    /* Fonts */
    --primary-font: 'Lato', sans-serif;
    --secondary-font: 'Montserrat', sans-serif;
}

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

h1 {
  margin-bottom: 1rem;
}

h2 {
    border-bottom: none;
    padding-bottom: 0;
}

.page h2 {
    border-bottom: 1px solid var(--primary);
    margin-top: 2rem;
}

.content-column h2 {
  border-bottom: 1px solid var(--primary);
}

#index h2 {
    border-bottom: 0;
}

h4 {
    font-weight: 700;
}

p {
  color: var(--color-text-dark);
  font-family: var(--primary-font);
  font-size: 1rem;
}

ul li, ol li {
    color: var(--color-text-dark);
    font-family: var(--primary-font);
    font-size: 1rem;
    line-height: 1.5;
}

ol li {
    margin-bottom: .5rem;
}

.page-inner a:hover {
    color: var(--tertiary);
}

a.rounded-btn {
    transition: 0.3s;
}

a.rounded-btn:hover {
    color: var(--tertiary);
}

a.title:hover {
    color: var(--primary);
}

.callout-block-container.solid .rounded-btn, .callout-block-container.solid .square-btn {
    color: var(--primary);
    font-weight: 700;
    transition: .3s;
    padding-left: 0;
}

.callout-block-container.solid .rounded-btn:after, .callout-block-container.solid .square-btn:after {
    content: '';
    display: inline-block;
    position: relative;
    background-image: url(/wp-content/themes/usv-ben/assets/BUTTON-arrow-right-primary.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
    top: 2px;
    margin-left: .5rem;
}

.callout-block-container.solid .rounded-btn:hover, .callout-block-container.solid .square-btn:hover {
    color: var(--tertiary);
}


.callout-block-container.solid .rounded-btn:hover:after, .callout-block-container.solid .square-btn:hover:after {
    content: '';
    display: inline-block;
    position: relative;
    background-image: url(/wp-content/themes/usv-ben/assets/BUTTON-arrow-right-tertiary.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
    top: 2px;
    margin-left: .5rem;
    transition: .3s;
}


/** Header **/
header .header-container .header-left .menu-container ul#primary-menu li a,
header .utility-nav-container .utility-nav-wrapper nav .menu-utility-container li a,
.country-selector.weglot-dropdown span {
    font-weight: 400;
}

.country-selector.weglot-dropdown * {
    font-family: var(--primary-font);
}

.country-selector.weglot-dropdown .wgcurrent {
    background-color: var(--accent-two);
}

.country-selector.weglot-dropdown .wgcurrent a,
.country-selector.weglot-dropdown .wgcurrent span {
    padding-right: 1.5rem;
}

.country-selector.weglot-dropdown .wgcurrent.default:after {
    left: calc(100% - 1rem);
    top: .85rem;
}

.country-selector.weglot-dropdown .wgcurrent.active:after {
    left: calc(100% - 1rem);
    top: .85rem;
}

span.wglanguage-name::before {
    content: '';
    background-image: url(/wp-content/uploads/globe.svg);
    height: 1.25rem;
    width: 1.25rem;
    background-position: center;
    background-size: cover;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: .25rem;
}

header .utility-nav-container .utility-nav-wrapper nav .menu-utility-container li.menu-item-has-children {
    position: relative;
    cursor: pointer;
}

header .utility-nav-container .utility-nav-wrapper nav .menu-utility-container li.menu-item-has-children ul.sub-menu {
    display: none;
}

ul#utility-menu > li.menu-item-has-children:after {
    content: '';
    display: inline-block;
    position: relative;
    width: 0.625rem;
    height: 0.368rem;
    background-color: var(--secondary);
    mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 10" xmlns="http://www.w3.org/2000/svg"><path d="M15.0275 0.356573C15.4685 -0.113838 16.2329 -0.113839 16.7034 0.327171C16.9386 0.562377 17.0562 0.885785 17.0562 1.17979C17.0562 1.4738 16.9386 1.76781 16.7328 2.00301L9.38259 9.64719C9.14738 9.8824 8.85337 10 8.52997 10C8.20656 10 7.91255 9.8824 7.67735 9.64719L0.327172 2.00301C-0.113839 1.5326 -0.113839 0.797582 0.356573 0.327171C0.826984 -0.113839 1.562 -0.113839 2.03241 0.356572L8.52997 7.11873L15.0275 0.356573Z"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    margin-left: .25rem;
    top: 0;
    transition: 0.3s;
}

ul#utility-menu > li.menu-item-has-children.active:after {
    transform: rotate(-180deg);
}

header .utility-nav-container .utility-nav-wrapper nav .menu-utility-container li.menu-item-has-children.active ul.sub-menu {
    display: block;
    position: absolute;
    background-color: var(--accent-two);
    width: auto;
    padding: 0.5rem 0;
    text-align: left;
    z-index: 9;
}

header .utility-nav-container .utility-nav-wrapper nav .menu-utility-container li.menu-item-has-children.active ul.sub-menu li {
    display: block;
    padding: 0;
    white-space: nowrap;
    transition: 0.3s;
}

header .utility-nav-container .utility-nav-wrapper nav .menu-utility-container li.menu-item-has-children.active ul.sub-menu li a {
    display: block;
    width: auto;
    white-space: nowrap;
    padding: .25rem 1rem;
    transition: 0.3s;
}

header .utility-nav-container .utility-nav-wrapper nav .menu-utility-container li.menu-item-has-children.active ul.sub-menu li:hover {
    background-color: var(--accent-three);
}

/** Hero Styles **/
/* Hero Carousel Styles */
.hero-carousel .hero-slide-media {
    width: 100%;
    height: 32.5rem;
    background-size: cover;
    background-position: center;
}

.hero-carousel .hero-slide-content {
    background-color: white;
    height: auto;
    width: 45%;
    margin: 5%;
    padding: 2rem;
}

.hero-carousel .hero-slide-content h2 {
    color: var(--primary);
    font-size: 3rem;
}

.hero-carousel .hero-slide-content p {
    color: var(--color-text-dark);
    font-size: 1.15rem;
}

.hero-slide-content a.solid-btn.warning {
    background-color: var(--primary);
    color: white;
    font-weight: 400;
    border-radius: .25rem;
    transition: .3s;
}

.hero-slide-content a.solid-btn.warning:hover {
    background-color: var(--tertiary);
}

.hero-slide-content a.solid-btn.warning:after {
    background-color: var(--color-light);
}

.hero-carousel .hero-dot.active {
    background: var(--tertiary);
}

/* Category Hero Styles */
.archive.category .hero-container .hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.archive.category .hero-container {
  padding: 0;
}

.archive.category .hero-container .hero-image {
    height: 100%;
    background-position: center;
}

/** Footer **/
footer {
  background-color: var(--color-neutral-one);
}

footer * {
  font-size: .85rem;
  font-family: var(--primary-font);
  color: var(--color-light);
}

footer .custom-logo {
  height: 1.5rem;
}

.copyright {
  font-family: var(--primary-font);
  font-size: .85rem;
}

.footer-right p {
  font-size: .85rem;
  color: var(--light);
}

/** Breadcrumbs **/
.breadcrumbs-container * {
  color: var(--primary);
  font-family: var(--primary-font);
  font-size: .85rem;
}

.breadcrumbs-container .breadcrumbs li a:hover {
    color: var(--tertiary);
}

/** Callout Styles **/
.callout-block-container.solid {
  background: var(--accent-three);
  border-radius: 0 .5rem .5rem;
}

.callout-block-container h3 {
  font-weight: 500;
}

/** Card Styles **/
/* Home Card Styles */
#index .cards-grid .card {
  border-radius: 0 0.5rem 0.5rem;
}

#index .card-content a.anchor-right-arrow {
    color: var(--primary);
}

#index .card-content * {
    color: var(--color-light);
}

#index .card-content h4 {
    font-family: var(--primary-font);
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 0rem;
}

#index .card-content p {
    font-size: 1.15rem;
}

.card-content .anchor-right-arrow {
    color: var(--primary);
    padding: .63rem 2rem;
    background-color: var(--color-light);
    border-radius: 0.25rem;
    text-transform: lowercase;
    font-weight: 400;
    transition: .3s;
}

.card-content .anchor-right-arrow:hover {
    background-color: var(--color-accent-one);
}

/* overide of the current parent style */
.cards-grid .card .card-image {
    height: 4.5rem !important;
    width: auto;
    display: block;
    margin: 0 auto;
}

/* Category Card Styles */
.archive.category .cards-grid .card {
  border-radius: 0 .5rem .5rem;
}

.archive.category .cards-grid .card .card-content > a.anchor-right-arrow {
    background-color: revert;
    padding: 0;
    text-transform: none;
}

.archive.category .cards-grid .card .card-content > .anchor-right-arrow:hover:after {
    background-color: var(--tertiary);
}
.archive.category .cards-grid .card .card-content > :last-child {
  padding-top: 2rem;
}

/** Image Content Styles **/
a.text-only-btn {
  font-family: var(--primary-font);
  font-weight: 600;
  text-decoration: none;
    transition: .3s;
}

a.text-only-btn:hover {
    color: var(--tertiary);
}

a.text-only-btn:hover:after {
    background-image: url(/wp-content/themes/usv-ben/assets/BUTTON-arrow-right-tertiary.svg);
}

a.text-only-btn:after {
  content: '';
  display: inline-block;
  position: relative;
  background-image: url(/wp-content/themes/usv-ben/assets/BUTTON-arrow-right-primary.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    width: 16px;
    height: 14px;
  top: 2px;
  margin-left: .5rem;
    transition: .3s;
}

/** Global Banner Styles **/
.global-banner-content * {
  color: var(--color-light);
}

.global-banner-container {
  position: relative;
  background: var(--gradient-primary);
    transition: .3s;
}

.global-banner-container .global-banner-inner .global-banner-content .global-banner-cta-container a.rounded-btn:hover {
    background-color: var(--color-accent-one);
}

.global-banner-container::before {
  content: '';
  display: inline-block;
  position: absolute;
  background-image: url('/wp-content/uploads/arrow-texture.svg');
  background-position-x: right;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.25;
  right: 0;
  top: 0;
  z-index: 2;
  height: 100%;
  width: 30%;
}

.global-banner-container .global-banner-inner .global-banner-content h2,
.global-banner-container .global-banner-inner .global-banner-content h3 {
  font-family: var(--secondary-font);
  font-weight: 400;
    border-bottom: 0;
}

.global-banner-container .global-banner-inner .global-banner-content p {
  color: var(--color-light);
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: 600;
}

.global-banner-cta-container a.rounded-btn.wired {
  border-radius: .5rem;
}

.global-banner-container .global-banner-inner .global-banner-content .global-banner-cta-container a.rounded-btn:after {
    content: "";
    width: 1.5rem;
    height: 1.25rem;
    background-color: revert;
    background-image: url('/wp-content/uploads/external-link.svg');
    background-position: center;
    background-size: cover;
    mask-image: revert;
    mask-repeat: revert;
    mask-size: revert;
    mask-position: revert;
    margin-top: 0;
}

/** Tables **/
table {
  width: 90%;
  margin: 1rem 0 2rem;
  border-radius: 0;
}

table thead th {
  color: white;
  font-family: var(--primary-font);
  font-size: 1.15rem;
  font-weight: 400;
  padding: 1rem 0.5rem;
}

table tbody td {
  font-family: var(--primary-font);
  padding: 1rem .5rem;
}

table tbody tr td:nth-child(1) {
  font-weight: revert;
}

/** Contacts Page **/
.contact-accordion-list {
  max-width: auto;
  margin: 0 auto 1rem;
  display: grid; 
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.grid-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/*** Accordions ***/
#contacts .accordion-toggle {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
  border-radius: 0.5rem;
  background-color: var(--color-neutral-two);
  border: 0; 
  overflow: hidden;
}

#contacts .accordion-label {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  color: var(--secondary);
  font-family: var(--primary-font);
  font-size: 1.5rem;
  font-weight: 700;
    padding: 1.5rem 1.5rem 1.5rem 3rem;
  margin: 0;
  cursor: pointer;
}

#contacts .accordion-label:before {
  content: "";
    display: block;
    position: absolute;
    left: 1rem;
  background-color: var(--tertiary);
  height: 1rem;
  width: 1rem;
  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 10" xmlns="http://www.w3.org/2000/svg"><path d="M15.0275 0.356573C15.4685 -0.113838 16.2329 -0.113839 16.7034 0.327171C16.9386 0.562377 17.0562 0.885785 17.0562 1.17979C17.0562 1.4738 16.9386 1.76781 16.7328 2.00301L9.38259 9.64719C9.14738 9.8824 8.85337 10 8.52997 10C8.20656 10 7.91255 9.8824 7.67735 9.64719L0.327172 2.00301C-0.113839 1.5326 -0.113839 0.797582 0.356573 0.327171C0.826984 -0.113839 1.562 -0.113839 2.03241 0.356572L8.52997 7.11873L15.0275 0.356573Z"/></svg>');
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  transition: 0.3s;
}

#contacts .accordion-label.active:before {
  transform: rotate(-180deg);
}

#contacts .accordion-content {
  display: none;
  padding: 0 1.5rem 1.5rem 3.79169rem;
  background-color: var(--color-neutral-two); 
  border-top: 1px solid #f0f0f0; 
}

#contacts .accordion-content > :first-child {
  margin-top: .5rem;
}

.accordion-content > :last-child {
  margin-bottom: 0;
}

.inner-contact-item {
  border-bottom: 0;
  padding: 1rem 0;
}

.inner-contact-item p.contact-title {
  font-family: var(--secondary-font);
  font-size: 1.25rem;
}

.inner-contact-item:last-of-type {
  border-bottom: none;
  padding-bottom: 1rem;
}

.inner-contact-item:first-of-type {
  padding-top: 1rem;
}

.inner-contact-item p {
  font-size: 1rem;
  margin: 0 0 4px 0;
}

.inner-contact-item p strong {
  color: var(--color-text-dark);
  font-size: 1rem;
  margin-bottom: 2px;
}

.inner-contact-item .benefit-description {
  color: var(--color-text-dark);
  font-size: 0.85rem;
}

.inner-contact-item a {
  color: var(--color-text-dark);
  text-decoration: underline;
}

.inner-contact-item a:hover {
  text-decoration: underline;
}

.inner-contact-item a.contact-phone {
  text-decoration: none;
}

.inner-contact-item .extra-info {
  color: var(--color-text-dark);
  font-size: 0.8rem;
}

/* Sidebar */
.sidebar a[href$=".pdf"]:not(.rounded-btn):after,
.contact-grid a[href$=".pdf"]:not(.rounded-btn):after,
.sidebar a[href^="tel:"]:before,
.contact-grid a[href^="tel:"]:before,
.sidebar a[href^=http]:not([href$=".pdf"]):not(.rounded-btn):before,
.contact-grid a[href^=http]:not([href$=".pdf"]):not(.rounded-btn):before {
    display: none;
}

.contact-container:not(:last-child) {
    margin-bottom: 1rem;
}

/* Documents Page */
#documents .page-outer {
    background-color: var(--accent-one);
}

.documents-section {
    background-color: white;
    padding: 1.5rem;
}

.documents-section:not(:last-child) {
    margin-bottom: 2.5rem;
}

.documents-section h2 {
    margin-top: 0;
}

.documents-section h3 {
    margin-top: 1.5rem;
    margin-bottom: .75rem;
}

.benefit-resources-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.benefit-resources-list.columns {
    columns: 2;
    gap: 2.5rem;
}

.sidebar a,
.benefit-resources-list li a {
    text-decoration: none;
    transition: .3s;
}

.sidebar a:hover,
.benefit-resources-list li a:hover {
    text-decoration: underline;
}

li.benefit-resource-item:not(:last-child) {
    margin-bottom: 0.25rem;
}

@media only screen and (max-width: 1024px) {
    .benefit-resources-list.columns {
        columns: 1;
        gap:0;
    }
}

@media (max-width: 768px) {

    header .header-container .header-left .menu-container ul#primary-menu > li.menu-item-has-children:after {
        position: absolute;
        right: .5rem;
    }

    header .header-container .header-left .menu-container ul#primary-menu li.active .sub-menu {
        width: auto;
    }

    header .header-container .header-left .menu-container ul#primary-menu li .sub-menu li {
        margin: 0;
    }

    header .header-container .header-left .menu-container ul#primary-menu li .sub-menu li a {
        padding: 0.75rem 0;
    }

    .cards-grid {
        grid-template-columns: repeat(1, 1fr)!important;
    }

  .contact-accordion-list {
      grid-template-columns: 1fr;
      gap: 0;
  }

    .hero-carousel .hero-slide-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: var(--primary);
        height: 100%;
        width: auto;
        margin: 0;
        padding: 2rem;
    }

    .hero-carousel .hero-slide-content h2,
    .hero-carousel .hero-slide-content p {
        color: var(--color-light);
    }

    .hero-slide-content a.solid-btn.warning {
        background-color: var(--color-light);
        color: var(--primary);
    }

    .hero-slide-content a.solid-btn.warning:after {
        background-color: var(--primary);
    }

    .hero-carousel .hero-carousel-controls {
        top: 85%;
    }

    .hero-container {
        display: flex;
        align-items: center;
    }

  .grid-column {
      gap: 0;
  }

    .result-item p {
        word-break: break-word;
    }
}