/*
Theme Name: Neighborly Ben Guide
Description: Neighborly child theme of Gallagher WAVE
Author: Gallagher | Ian Israel
Template: ajg_wave
Version: 1.0.0
Text Domain: nbly-ben
*/

/**
* Add site level css
**/

:root {
  /* Colors */
  --accent-seven: #a76450;
  --accent-eight: #dde9f8;
  --accent-nine: #85b09a;

  --neutral-one: #ececec;
  --neutral-two: #f0f0f0;
  --neutral-three: #afafaf;
  --neutral-four: #343434;

  --light-color: #fff;
  --dark-color: #1a1919;

  --color-warning: #ffc845;

  /* Fonts */
  --secondary-font: "neuzeit-grotesk", sans-serif;
}

/*** Typography */
h1 {
  color: var(--tertiary);
}

h2 {
  color: var(--secondary);
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--tertiary);
}

#index h2 {
  color: var(--tertiary);
  padding-bottom: 0;
  border-bottom: 0;
}

h3 {
  color: var(--neutral-four);
}

h2 + h3 {
  padding-top: 2rem;
}

p {
  font-size: 1.15rem;
}

p.footnote {
  font-size: 0.85rem;
}

span.footnote {
    font-family: var(--primary-font);
}

/*** Buttons */
a.rounded-btn {
  background-color: var(--accent-one);
}

a.solid-btn:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 16px;
  height: 14px;
  background-color: var(--light-color);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14'%3E%3Cpath d='M0 6.53062C-2.36485e-08 5.98961 0.438578 5.55103 0.979592 5.55103L12.4565 5.55103L8.16314 1.70963C7.75996 1.34889 7.72555 0.7296 8.0863 0.326415C8.44704 -0.0767712 9.06633 -0.111176 9.46952 0.249569L15.6736 5.80059C15.8813 5.98642 16 6.25192 16 6.53062C16 6.80931 15.8813 7.07482 15.6736 7.26065L9.46952 12.8117C9.06633 13.1724 8.44704 13.138 8.0863 12.7348C7.72555 12.3316 7.75996 11.7124 8.16314 11.3516L12.4565 7.51021L0.979592 7.51021C0.438578 7.51021 2.36485e-08 7.07163 0 6.53062Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  transition: 0.3s;
  top: 3px;
  margin-left: 0.5rem;
}

button {
  background-color: var(--accent-one);
  border: 0px;
  font-size: 1rem;
  color: #002554;
  font-weight: bold;
  padding: 0.8rem;
  border-radius: 1.2rem;
}

a.button-link {
    display: inline-block;
  background-color: var(--color-warning);
  border: 0px;
  font-size: 1rem;
  font-weight: bold;
        margin: 0 .5rem .5rem 0;
  padding: 0.8rem;
  border-radius: 1.2rem;
  text-decoration-line: none;
}

a.button-link:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 16px;
  height: 14px;
  background-color: var(--secondary);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14'%3E%3Cpath d='M0 6.53062C-2.36485e-08 5.98961 0.438578 5.55103 0.979592 5.55103L12.4565 5.55103L8.16314 1.70963C7.75996 1.34889 7.72555 0.7296 8.0863 0.326415C8.44704 -0.0767712 9.06633 -0.111176 9.46952 0.249569L15.6736 5.80059C15.8813 5.98642 16 6.25192 16 6.53062C16 6.80931 15.8813 7.07482 15.6736 7.26065L9.46952 12.8117C9.06633 13.1724 8.44704 13.138 8.0863 12.7348C7.72555 12.3316 7.75996 11.7124 8.16314 11.3516L12.4565 7.51021L0.979592 7.51021C0.438578 7.51021 2.36485e-08 7.07163 0 6.53062Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  transition: 0.3s;
  top: 3px;
  margin-left: 0.5rem;
}

/*** Utilities ***/
.w-60 {
    width: 60%;
}

.center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media only screen and (max-width: 980px) {
    .w-60 {
        width: 100%;
    }

    .center img {
        width: 100%;
    }
}

/*** Cards */
.card-content h4 {
  font-size: 1.5rem;
  margin: 0;
}

.card-content p {
  font-size: 1.15rem;
  text-align: center;
}

.archive.category .cards-grid .card {
  background-color: var(--accent-eight);
}

.card-content a.anchor-right-arrow {
    margin: auto;
}

/*** Hero */
.hero-carousel .hero-slide-content {
  background-color: var(--tertiary);
}

.hero-carousel .hero-slide-content p {
  font-weight: 700;
}

.hero-container {
  background: var(--tertiary);
}

.hero-slide-content a.solid-btn:after {
  background-color: var(--secondary);
  top: 0;
}

#contacts .hero-container,
#open-enrollment .hero-container,
#resources .hero-container {
  display: flex;
  align-items: center;
  height: 100%;
}

/*** Callouts */
.page-inner .callout-block-container ul {
  display: block;
  margin-bottom: 2rem;
  padding-left: 2rem;
}

.page-inner .callout-block-container ul li {
  font-size: 1.15rem;
}

.page-inner .callout-block-container ol li {
  padding-left: 0.35rem;
}

.page-inner .callout-block-container ol {
  padding-left: 2rem;
}

/* Category Page */
.archive.category .hero-container {
  background-color: var(--accent-seven);
  align-items: center;
  padding: 0;
}

#health hero-container {
  background-color: var(--accent-seven);
}

#wealth .hero-container {
  background-color: var(--accent-nine);
}

#life .hero-container {
  background-color: var(--tertiary);
}

#time .hero-container {
  background-color: var(--color-warning);
}

#time .hero-container * {
  color: var(--secondary);
}

.archive.category .hero-container .hero-content .hero-content-wrapper * {
  margin-bottom: 1.5rem;
}

.archive.category .hero-container .hero-content {
  background-color: revert;
}

.hero-content-wrapper {
  font-size: 1.15rem;
  line-height: 1.5;
  font-weight: 700;
}

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

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

.global-banner-content h2 {
  padding-bottom: 0;
  border-bottom: 0;
}

#index .global-banner-content h2 {
  color: var(--light-color);
}

.global-banner-container .global-banner-inner .global-banner-content h2 + h3 {
  padding: 1rem 0 0;
}

.global-banner-container .global-banner-inner {
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 4rem;
  padding: 2rem 0;
}

.global-banner-container .global-banner-inner .global-banner-content h2 {
  margin-bottom: 0;
}

.global-banner-container .global-banner-inner .global-banner-content p {
  color: var(--light-color);
}

.global-banner-container .global-banner-inner .global-banner-content {
  padding: 0;
}

.global-banner-container
  .global-banner-inner
  .global-banner-content
  .global-banner-cta-container
  a.rounded-btn {
  margin-top: 0;
}

.global-banner-container .global-banner-inner .global-banner-img-container {
  flex: revert;
}

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

.global-banner-container .global-banner-inner a.rounded-btn.wired:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 16px;
  height: 14px;
  background-color: var(--secondary);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14'%3E%3Cpath d='M0 6.53062C-2.36485e-08 5.98961 0.438578 5.55103 0.979592 5.55103L12.4565 5.55103L8.16314 1.70963C7.75996 1.34889 7.72555 0.7296 8.0863 0.326415C8.44704 -0.0767712 9.06633 -0.111176 9.46952 0.249569L15.6736 5.80059C15.8813 5.98642 16 6.25192 16 6.53062C16 6.80931 15.8813 7.07482 15.6736 7.26065L9.46952 12.8117C9.06633 13.1724 8.44704 13.138 8.0863 12.7348C7.72555 12.3316 7.75996 11.7124 8.16314 11.3516L12.4565 7.51021L0.979592 7.51021C0.438578 7.51021 2.36485e-08 7.07163 0 6.53062Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  transition: 0.3s;
  top: 3px;
  margin-left: 0.5rem;
}

/*** Image Content Row */
.imgContentRow-block-container .content {
  background-color: var(--neutral-one);
}

.img-content-grid h3 {
  color: var(--tertiary);
}

/*** Page Inner */
.page-inner ul li,
.page-inner ol li {
  font-family: var(--primary-font);
  font-size: 1rem;
  color: var(--primary);
  line-height: 1.5;
  margin: 1rem 0;
}

/*** Sidebar */
.sidebar a[href$=".pdf"]:before,
.contact-grid a[href$=".pdf"]:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: var(--secondary);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.68437 8.00313C5.52812 7.50313 5.53125 6.5375 5.62187 6.5375C5.88437 6.5375 5.85937 7.69063 5.68437 8.00313ZM5.63125 9.47812C5.39062 10.1094 5.09063 10.8313 4.74375 11.4375C5.31563 11.2188 5.9625 10.9 6.70937 10.7531C6.3125 10.4531 5.93125 10.0219 5.63125 9.47812ZM2.69062 13.3781C2.69062 13.4031 3.10313 13.2094 3.78125 12.1219C3.57188 12.3187 2.87188 12.8875 2.69062 13.3781ZM7.75 5L12 5L12 15.25C12 15.6656 11.6656 16 11.25 16H0.75C0.334375 16 0 15.6656 0 15.25L0 0.75C0 0.334375 0.334375 0 0.75 0L7 0L7 4.25C7 4.6625 7.3375 5 7.75 5ZM7.5 10.3687C6.875 9.9875 6.45937 9.4625 6.16563 8.6875C6.30625 8.10938 6.52812 7.23125 6.35937 6.68125C6.2125 5.7625 5.03437 5.85313 4.86562 6.46875C4.70937 7.04063 4.85313 7.84688 5.11875 8.875C4.75625 9.7375 4.22188 10.8937 3.84375 11.5562C3.84063 11.5562 3.84063 11.5594 3.8375 11.5594C2.99063 11.9937 1.5375 12.95 2.13438 13.6844C2.30938 13.9 2.63438 13.9969 2.80625 13.9969C3.36563 13.9969 3.92187 13.4344 4.71562 12.0656C5.52187 11.8 6.40625 11.4688 7.18437 11.3406C7.8625 11.7094 8.65625 11.95 9.18437 11.95C10.0969 11.95 10.1594 10.95 9.8 10.5938C9.36563 10.1687 8.10312 10.2906 7.5 10.3687ZM11.7812 3.28125L8.71875 0.21875C8.57812 0.078125 8.3875 0 8.1875 0L8 0L8 4L12 4V3.80938C12 3.6125 11.9219 3.42188 11.7812 3.28125ZM9.46562 11.2594C9.59375 11.175 9.3875 10.8875 8.12813 10.9781C9.2875 11.4719 9.46562 11.2594 9.46562 11.2594Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  height: 1.15rem;
  width: 1.5rem;
  top: 5px;
  left: 0;
}

.sidebar a[href^="mailto:"]:before,
.contact-grid a[href^="mailto:"]:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 1rem;
  width: 1rem;
  background-color: var(--primary);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-envelope' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  margin-right: 0.5rem;
  top: 1px;
}

.sidebar a[href$=".pdf"]:after,
.contact-grid a[href$=".pdf"]:after {
  display: none;
}

.sidebar a[href$=".pdf"],
.contact-grid a[href$=".pdf"] {
  position: relative;
  padding-left: 2rem;
}

.sidebar a[href^="http"]:not([href$=".pdf"]),
.contact-grid a[href^="http"]:not([href$=".pdf"]) {
  display: block;
  position: relative;
  padding-left: 2rem;
}

.sidebar a[href^="http"]:not([href$=".pdf"]):before,
.contact-grid a[href^="http"]:not([href$=".pdf"]):before {
  position: absolute;
  left: 0;
  top: 4px;
}

.resources a {
  text-decoration: none;
}

.resources a:hover {
  text-decoration: underline;
}

/*** Tables */
table {
  width: 100%;
  margin: 1rem 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

h2 + table {
  margin-top: 2rem;
}

table thead th {
  text-align: center;
}

table thead th.left {
  text-align: left;
}

table ul {
  margin-left: 0;
}

table ul li {
  font-size: 1rem;
}

table tbody td {
  font-size: 1.15rem;
  border: 1px solid var(--secondary);
}

table tbody td a {
  word-break: break-all;
}

tr {
  border-bottom: 1px solid var(--neutral-three);
}

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

table tbody tr:nth-child(even) td:nth-child(1) {
  background: var(--accent-eight);
}

table tbody tr td:nth-child(1) {
  background-color: var(--accent-eight);
}

table.whats-new tbody tr td[rowspan] {
  background-color: var(--accent-eight);
}

table.whats-new td:first-child {
  background-color: var(--light-color);
}

table.whats-new tbody tr:nth-child(even) td:nth-child(1) {
  background: var(--neutral-two);
}

table.whats-new tbody tr:nth-child(even) td.first-col:nth-child(1) {
  background-color: var(--accent-eight);
}

/*** Jumo-to ***/
html {
  scroll-padding-top: calc(127px + 4rem);
  scroll-behavior: smooth;
}
.jump-to-container {
  margin: 2rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

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

footer * {
  color: var(--secondary);
}

/*** Breakpoints ***/
@media only screen and (max-width: 1024px) {
  .cards-grid {
    grid-template-columns: 100% !important;
  }

    .breadcrumbs-container .breadcrumbs {
        flex-wrap: wrap;
    }

    .jump-to-container {
        gap: .5rem;
    }

    table {
        table-layout: auto;
    }

    table tbody td:not(:first-child) {
        white-space: nowrap;
    }

    #resources .accordion-content ul {
        columns: 1 !important;
    }
}

@media only screen and (max-width: 980px) {
    h1 {
        font-size: 3rem;
    }

    .global-banner-container .global-banner-inner {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        text-align: center;
    }
}

@media only screen and (max-width: 479px) {
}

/* Header break at 980 from scss */
@media (max-width: 980px) {
  header .header-container .header-left {
    gap: 1rem;
  }
}
@media (max-width: 980px) {
  header .header-container .header-left .menu-container .menu-toggle {
    display: block;
  }
}

@media (max-width: 980px) {
  header .header-container .header-left .menu-container ul#primary-menu {
    display: none;
  }
  header .header-container .header-left .menu-container ul#primary-menu.active {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 1px 1px 6px var(--accent-two);
    padding: 1rem;
    z-index: 10000;
    width: 100vw;
    margin: 0 -6.8%;
  }
}

@media (max-width: 980px) {
  header
    .header-container
    .header-left
    .menu-container
    ul#primary-menu
    li
    .sub-menu {
    width: 100vw;
    position: static;
  }
}

@media (max-width: 980px) {
  header
    .header-container
    .header-left
    .menu-container
    ul#primary-menu
    > li.menu-item-has-children {
      flex-direction: column;
      align-items: flex-start;
  }

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

@media (max-width: 980px) {
  header .header-container .header-right .search-container {
    gap: 0;
  }
}

@media (max-width: 980px) {
  header .header-container .header-right .search-container .search-slide {
    visibility: visible;
    opacity: 1;
    width: 100%;
    transform: translateX(0);
  }
}

@media (max-width: 980px) {
  header .header-container .header-right .search-container .search-slide #s#s,
  header
    .header-container
    .header-right
    .search-container
    .search-slide
    #searchsubmit#s {
    width: 70px;
  }
}

@media (max-width: 980px) {
  header .header-container .header-right .search-toggle {
    display: none;
  }

    .page-wrapper > .global-banner-container {
        display: none;
    }
}

@media (max-width: 476px) {
    .custom-logo {
        height: 1.5rem;
    }
}