/* Typekit Custom Fonts - Omnes & Ballinger Mono */
@import url("https://use.typekit.net/qhf8pbb.css");

/* Theme Variables */
:root {
    --primary: #00529B; /* Make sure to customize CP login page bg to this in site/helpers/cp/override.css */
    --primaryrgb: 0,82,155; /* Need for alert/opague BG - Grab conversions from color-hex.com */
    --primaryhover: #00498b; /* Typically 1 shade darker than primary - see color-hex.com */
  --secondary: #0E3A62;
    --secondaryrgb: 14,58,98; /* Need for alert/opague BG - Grab conversions from color-hex.com */
    --secondaryhover: #0c3458; /* Typically 1 shade darker than secondary - see color-hex.com */
    --font-color-body: #343A40;
    --font-color-heading: #000;
  --body-background: #FFFFFF;
  --border-color: #EEEEEE;
  --border-color2: #E8E8E8;
  --light: #F4F4F4; /* Used For Hovers so needs enough contrast with body-background */
    --lightrgb: 244,244,244; /* Need for alert/opague BG - Grab conversions from color-hex.com */
  --dark: #343A40;
    --darkrgb: 52,58,64;
  --lightgray: #F1F1F2;
    --lightgrayrgb: 241,241,242;
  --darkgray: #4E4E4E;
  --green: #007853; /* Used for Success */
    --greenrgb: 0,120,83; /* Need for alert/opague BG - Grab conversions from color-hex.com */
  --darkgreen: #006c4a; /* 1 shade darker than the main green */
    --darkgreenrgb: 0,108,74;
  --darkergreen: #006042; /* 2 shades darker than the main green */
    --darkergreenrgb: 0,96,66;
  --cyan: #89A9E2; /* Used for Info */
    --cyanrgb: 137,169,226; /* Need for alert/opague BG - Grab conversions from color-hex.com */
  --yellow: #F5A81C; /* Used for Warning */
    --yellowrgb: 245,168,28; /* Need for alert/opague BG - Grab conversions from color-hex.com */
  --red: #C4122F; /* Used for Danger */
    --redrgb: 196,18,47; /* Need for alert/opague BG - Grab conversions from color-hex.com */
    --darkred: #9c0e25; /* 2 shades darker than the main red */
  --white: #fff; /* White */
    --whitergb: 255, 255, 255; /* White */
    --whitehover: #e5e5e5;
    --black: #000; /* Black */
  --blue: #00529B;
    --bluehover: #00498b;
  --bg-gradient: linear-gradient(to right top, #f77564, #fa895e, #fa9d5c, #f8b15f, #f3c567, #e8cf72, #ded87f, #d5e08e, #c9e09d, #c0e0ac, #bcdeb8, #bcdbc3); /* 3 color gradient - see https://mycolor.space/gradient3 */
  --bg-gradient2: linear-gradient(to right top, #f77564, #e3995c, #ccb671, #bbcc99, #bcdbc3); /* 2 color gradient - see mycolor.space/gradient */
  --bg-gradient3: linear-gradient(to right top, #fdd5b7, #edd8b3, #dbdab4, #cadbba, #bcdbc3); /* 2 color gradient - see mycolor.space/gradient */
  --font-family-heading: omnes-pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* Heading */
  --font-family-body: omnes-pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* Body */
  --font-family-monospace: ballinger-mono, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* Body Monospace */
  --font-weight-normal: 500; /* Omnes Regular */
  --font-weight-bold: 600; /* Omnes Medium */
  --font-weight-bolder: 700; /* Omnes Semibold */
  --font-weight-boldest: 800; /* Omnes Bold */
  --font-size-body: 1.2rem;
    --font-size-body-sm: .875rem;
  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.6rem;
  --font-size-h5: 1.25rem;
  --font-size-h6: 1.2rem;
  --font-size-lead: 1.5rem;
  --font-line-height-body: 1.7;
  --font-line-height-heading: 1.2;
  --border-radius-1: 0.25rem;
  --border-radius-2: 0.375rem;
  --border-radius-2-calc: calc(0.375rem - 0px);
  --border-radius-3: 1rem;
  /* Slider Block Styles */

}

[lang="ar"]:root,
[dir="rtl"]:root {
    --font-family-heading: omnes-arabic, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* Heading */
    --font-family-body: omnes-arabic, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* Body */
    --font-family-monospace: var(--font-family-body); /* Body Monospace */
}

html[dir="rtl"] body {
  text-align: right;
}

@media(max-width: 991px) {
  body.no-scroll {
    overflow: hidden;
  }
}

.col-lg-2_5, .col-lg-9_5 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
  @media(min-width: 992px) {
    .col-lg-2_5 {
      flex: 0 0 20.835%;
      max-width: 20.835%;
    }
    .col-lg-9_5 {
      flex: 0 0 79.165%;
      max-width: 79.165%;
    }
  }


h1, .h1, h2, .h2 {
  font-weight: var(--font-weight-bolder);
}

h3, .h3 {
    font-weight: var(--font-weight-bold);
}

h4, .h4, h5, .h5 {
    font-weight: var(--font-weight-normal);
}

html:not([dir="rtl"]):not([lang="ar"]) h6,
html:not([dir="rtl"]):not([lang="ar"]) .h6 {
    text-transform: uppercase;
    font-family: var(--font-family-monospace);
    font-weight: var(--font-weight-normal);
}
@media(min-width: 768px) {
  .border-md-top {
    border-top: 1px solid var(--border-color) !important;
  }
  .border-md-top-0 {
    border-top: none !important;
  }
  .bg-md-light {
    background-color: var(--light) !important;
  }
}

blockquote {
  font-size: 1.2rem;
  margin: 2em 0px 1em 0px!important;
  color: var(--primary);
  font-weight: var(--font-weight-bold);
  font-style: normal!important;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
  @media(min-width: 768px) {
    blockquote {
      font-size:1.5rem!important;
      margin: 1.5em 20px!important;
    }
  }
blockquote:before {
  position: absolute;
  content: open-quote;
  font-size: 4em;
  margin-left: -0.1em!important;
  margin-top: -.8em!important;
}
  html[dir="rtl"] blockquote:before {
    margin-left: 0!important;
    margin-right: -0.1em!important;
  }
  @media(min-width: 768px) {
    blockquote:before {
      margin-left: -0.55em!important;
      margin-top: -0.4em!important;
    }
    html[dir="rtl"] blockquote:before {
      margin-left: 0!important;
      margin-right: -0.55em!important;
    }
  }
blockquote p {
  display: inline;
}
  .quote_1 .quote {
    font-size:1.5rem;
    font-weight: var(--font-weight-bolder);
    line-height: 1.4;
    letter-spacing: .025em;
  }

.mt-6 {
  margin-top: 5rem !important;
}
.mb-6 {
  margin-bottom: 5rem !important;
}
.my-6 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.btn, .fsSubmitButton {
  font-family: var(--font-family-monospace);
  font-weight: var(--font-weight-normal);
}

    html[dir="rtl"] .btn, html[dir="rtl"] .fsSubmitButton,
    html[lang="ar"] .btn, html[lang="ar"] .fsSubmitButton {
      font-family: var(--font-family-body);
      font-weight: var(--font-weight-bolder);
    }

.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}

.card {
  background-color: var(--light);
}
  .card-footer {
    background-color: var(--light);
  }
.video-play-icon {
  background-color: rgba(255,255,255,.40);
}
  .video-play-icon.video-play-icon-lg {
    width: 5rem;
    height: 5rem;
  }
  .video-play-icon::after {
    font-weight: var(--font-weight-bold);
    color: var(--white);
    font-size: 1rem;
  }

.modal-backdrop {
  background: #fff;
}
  .modal-backdrop.show {
    opacity: .95;
  }

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

#content p a:not(.btn), #content ul a:not(.btn) {
  color: var(--dark);
  text-decoration: underline;
}

  #content p a:not(.btn):hover, #content ul a:not(.btn):hover {
  color: var(--primary);
  text-decoration: none;
}

#content .alert p a:not(.btn), #content .alert ul a:not(.btn), #content .alert p a:not(.btn):hover, #content .alert ul a:not(.btn):hover {
  color: inherit;
}


/* Custom Color Utilities */
.bg-primary-dark {
  background-color: var(--secondary);
}
  .bg-lightgray {
    background-color: var(--lightgray) !important;
  }
.text-primary-dark {
  color: var(--secondary);
}

/* Custom Buttons */

.btn.btn-transparent-white {
  color: var(--white);
  border-color: var(--white);
  background-color: rgba(var(--whitergb),.2);
}
  .btn.btn-transparent-white:hover {
    background-color: rgba(var(--whitergb),.35);
  }

.btn.btn-link {
  color: rgba(var(--cyanrgb),1);
}
  .btn.btn-link:hover {
    color: rgba(var(--cyanrgb),.75);
  }

.btn.btn-link-white {
  color: var(--white);
  text-decoration: underline;
}
  .btn.btn-link-white:hover {
    text-decoration: none;
  }

.btn.btn-white {
  border-color: var(--white);
  background-color: var(--white);
}
  .btn.btn-white:hover {
    border-color: var(--whitehover);
    background-color: var(--whitehover);
  }

/* Tags */

.tags {
  color: var(--primary);
}
  .tag, a.tag {
    color: var(--primary);
    font-size: .875rem;
  }
    a.tag {
      text-decoration: underline;
    }
      a.tag:hover {
        text-decoration: none;
      }

/* Flickity fullscreen v1.0.1
------------------------- */

html.is-flickity-fullscreen .navbar.sticky-top {
  /*z-index: auto;*/
}

/* ---- flickity-fullscreen-button ---- */

/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
  /*right: auto;
  left: 10px;*/
}

/* !HEADINGS & CONTENT **************************/
html:not([dir="rtl"]):not([lang="ar"]) .heading_lead h5,
html:not([dir="rtl"]):not([lang="ar"]) .heading_lead .h5 {
  font-size: var(--font-size-body-sm);
  font-family: var(--font-family-monospace);
  font-weight: var(--font-weight-normal);
}

.accordion .card-header:first-child {
  border-radius: 0!important;
}

.tabbed_embed .nav-item a {
  text-decoration: none!important;
  font-family: var(--font-family-monospace);
  font-weight: var(--font-weight-normal);
}
    .tabbed_embed .nav-item a.active {
      color: var(--white)!important;
      border-bottom-left-radius: 0!important;
      border-bottom-right-radius: 0!important;
    }
    .tabbed_embed .tab-content {
        margin-top: 0;
    }

.figure-caption {
    font-family: var(--font-family-monospace);
}

/* !BREADCRUMBS **********************************/

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
  padding-right: 0.5rem;
}

html:not([dir="rtl"]):not([lang="ar"]) .breadcrumb-item,
html:not([dir="rtl"]):not([lang="ar"]) .breadcrumb-item a {
  font-family: var(--font-family-monospace);
  font-weight: var(--font-weight-normal);
}

.breadcrumb-item + .breadcrumb-item::before {
  font-size:13px;
  color: var(--dark);
  opacity: .5;
}
  html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: 0;
    padding-right: 0.5rem;
    transform: scaleX(-1);
  }
  .jumbotron:not(.jumbotron_16) .breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
    opacity: 1;
  }
.jumbotron.bg-secondary .breadcrumb-item a, .jumbotron.bg-dark .breadcrumb-item a {
  color: var(--cyan);
  text-decoration:underline;
}
  .jumbotron.bg-secondary .breadcrumb-item a:hover, .jumbotron.bg-dark .breadcrumb-item a:hover {
    text-decoration:none;
  }
/* !JUMBOTRONS ***********************************/

/* JUMBOTRON 2 */
.jumbotron.jumbotron_2 {
  margin-bottom: 0;
  overflow: hidden;
}
  html[dir="rtl"] .jumbotron.jumbotron_2 .list-group .fa-angle-right:before {
    transform: scaleX(-1);
    display: inline-block;
  }
  html[dir="rtl"] .jumbotron.jumbotron_2  .list-group .fa-icons {
    margin-left: .75rem !important;
    margin-right: 0 !important;
  }
  .jumbotron.jumbotron_2 .bg-image {
    top: auto;
    object-position: 50% 0;
    background-color: transparent;
  }
  .jumbotron.jumbotron_2 .display-4 {
    font-size: 2rem;
    font-weight: var(--font-weight-bolder);
  }
  .jumbotron.jumbotron_2 .lead {
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .jumbotron.jumbotron_2 .list-group-item:first-child, .jumbotron.jumbotron_2 .list-group-item:last-child {

  }
    .jumbotron.jumbotron_2 .list-group:hover {
      box-shadow: 0px 0px 10px rgb(0,0,0,.16);
    }
  .jumbotron.jumbotron_2 .list-group-item {
    font-weight: var(--font-weight-normal);
    font-family: var(--font-family-monospace);
  }
        html[dir="rtl"] .btn, html[dir="rtl"] .jumbotron.jumbotron_2 .list-group-item,
        html[lang="ar"] .btn, html[lang="ar"] .jumbotron.jumbotron_2 .list-group-item {
          font-family: var(--font-family-body);
        }
    .jumbotron.jumbotron_2 .list-group-item small {
      font-size: 1rem;
      color: var(--darkgray);
      font-weight: var(--font-weight-normal);
    }

    .jumbotron.jumbotron_2 .display-4 {
      font-size: 3.25rem;
      text-transform: uppercase;
    }

    @media (min-width:769px) and (max-width:1199px) {
      .jumbotron.jumbotron_2 .display-4  {
        font-size: 3rem;
        text-transform: uppercase;
      }
    }

    .jumbotron.jumbotron_2 .lead {
      font-size: 1.3rem;
    }

    .jumbotron.jumbotron_2 .list-group-item {
      text-transform: uppercase;
      line-height: var(--font-line-height-heading);
    }

/* JUMBOTRON 3 */

html[dir="rtl"] .jumbotron.jumbotron_3 .list-group .fa-angle-right:before {
  transform: scaleX(-1);
  display: inline-block;
}
html[dir="rtl"] .jumbotron.jumbotron_3 .list-group .fa-icons.mr-2 {
  margin-left: 0.75rem !important;
  margin-right: 0 !important;
}

.jumbotron_4 {
    border-radius: 0;
}

/* JUMBOTRON 10 */
.jumbotron.jumbotron_10 {

}
  .jumbotron.jumbotron_10 .display-4 {
    font-size: 2rem;
    font-weight: var(--font-weight-bolder);
  }
  .jumbotron.jumbotron_10 .lead {
    font-size: 1.25rem;
    line-height: 1.4;
  }

    .jumbotron_10 img {
        border-radius: var(--border-radius-2-calc);
    }

/* JUMBOTRON 14 */
html[dir="rtl"] .jumbotron.jumbotron_14 .card-body .icon-rounded.mr-3 {
  margin-left: 1.5rem !important;
  margin-right: 0;
}

/* JUMBOTRON 17 */
.jumbotron_17-btn-group .btn {
    font-family: var(--font-family-body);
}
    .jumbotron_17-btn-group .btn-title {
        font-weight: var(--font-weight-bolder);
    }

/* Block Specific Styling */

/* Global Alert */
.global-alert .alert-danger h2,
.global-alert .alert-danger h3 {
    color: var(--white)!important;
}
.global-alert .alert-danger {
  background-color: var(--darkred);
}

.global-alert .alert-danger a {
  text-decoration: underline!important;
  color: var(--white)!important;
}

.global-alert .alert-danger a:hover {
  text-decoration: none!important;
}

.global-alert .alert-danger p {
  font-size: .9rem;
  color: var(--white)!important;
}


/* !RTL Overrides */

.rtl .navbar.navbar-main .navbar-collapse-utility .nav-link:before, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-utility .nav-link:before, .rtl nav.utility .nav-link:before, html[dir="rtl"] nav.utility .nav-link:before {
  margin-right: 0;
  margin-left: .5rem;
}
.rtl .navbar.navbar-main .search, html[dir="rtl"] .navbar.navbar-main .search, html[dir="rtl"] nav.utility .search {
  margin-left: 0;
  margin-right: auto;
}
html[dir="rtl"] #fat-footer .signup-newsletter input[type=email] {
    border-top-right-radius: var(--border-radius-1);
    border-bottom-right-radius: var(--border-radius-1);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
html[dir="rtl"] #fat-footer .signup-newsletter .btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: var(--border-radius-1);
    border-bottom-left-radius: var(--border-radius-1);
}

.rtl .navbar.navbar-main .navbar-collapse-main .navbar-nav.nav-left, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-main .navbar-nav.nav-left {
  justify-content: center;
  padding-right: 0;
}
.rtl .navbar.navbar-main .navbar-collapse-main .navbar-nav.nav-right, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-main .navbar-nav.nav-right {
  justify-content: center;
  padding-right: 0;
}
.rtl .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu {
    text-align: right;
  }
    .rtl .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu.dropdown-with_sidebar .row, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu.dropdown-with_sidebar .row {
      text-align: center;
    }
    .rtl .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu a.dropdown-item .dropdown-title:before, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu a.dropdown-item .dropdown-title:before {
      display: none;
    }
    html[dir="rtl"] .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu a.dropdown-item .dropdown-title:after {
      content: "\f0d9";
      font-family: 'Font Awesome 6 Pro';
      margin-right: 7px;
    }

@media(min-width: 768px) {
  body.rtf #fat-footer .financial, html[dir="rtl"] #fat-footer .financial {
    border-left: none;
    border-right: 1px solid #fff;
  }
}
@media(min-width: 992px) {
  .rtl .navbar.navbar-main .navbar-collapse-main .navbar-nav.nav-left, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-main .navbar-nav.nav-left {
    justify-content: flex-end;
    padding-right: 0;
    padding-left: 2.5rem;
  }
  .rtl .navbar.navbar-main .navbar-collapse-main .navbar-nav.nav-right, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-main .navbar-nav.nav-right {
    padding-left: 0;
    padding-right: 2.5rem;
    justify-content: flex-start;
  }
  .rtf .navbar.navbar-main .navbar-collapse-utility .navbar-nav.nav-left, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-utility .navbar-nav.nav-left, .rtf nav.utility .navbar-nav.nav-left, html[dir="rtl"] nav.utility .navbar-nav.nav-left  {
    margin-right: 0;
    margin-left: auto;
  }
  .rtf .navbar.navbar-main .navbar-collapse-utility .navbar-nav.nav-right, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-utility .navbar-nav.nav-right, .rtf nav.utility .navbar-nav.nav-right, html[dir="rtl"] nav.utility .navbar-nav.nav-right {
    margin-right: auto;
    margin-left: 0;
  }

  .rtl .navbar.navbar-main .nav-link.btn.btn-donate, html[dir="rtl"] .navbar.navbar-main .nav-link.btn.btn-donate {
    margin-left: 0;
    margin-right: 1.125rem;
  }
  .rtl .navbar.navbar-main .nav-link.search, html[dir="rtl"] .navbar.navbar-main .nav-link.search, .rtl nav.utility .nav-link.search, html[dir="rtl"] nav.utility .nav-link.search {
    margin-left: 0;
    margin-right: .75rem;
  }
  .rtl .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu.dropdown-with_sidebar .row, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu.dropdown-with_sidebar .row {
    text-align: right;
  }
    .rtl .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu.dropdown-with_sidebar .sidebar, html[dir="rtl"] .navbar.navbar-main .navbar-collapse-main .dropdown .dropdown-menu.dropdown-with_sidebar .sidebar {
      border-left: none;
      border-right: 1px solid var(--border-color);
    }

  .rtl #fat-footer .fat-footer-nav, html[dir="rtl"] #fat-footer .fat-footer-nav {
    text-align: right;
  }
  .rtl #fat-footer .financial, html[dir="rtl"] #fat-footer .financial {
    text-align: right;
  }
  .rtl footer, html[dir="rtl"] footer {
    text-align: right;
  }
}

/* !GRIDS ***********************************************/

/* Arrows for Grids */

html[dir="rtl"] .grid_1 .fa-angle-right:before, html[dir="rtl"] .grid_2 .fa-angle-right:before, html[dir="rtl"] .grid_11 .fa-angle-right:before {
  transform: scaleX(-1);
  display: inline-block;
}

/* Set icon color for Grid 6, 7, 8, 9, 13 */

.grid_6 .fa-icons, .grid_7 .fa-icons, .grid_8 .fa-icons, .grid_9 .fa-icons, .grid_13 .fa-icons {
  color: var(--primary);
}

/* GRID 3 */

.grid_3 .card {
  background-color: var(--border-color2);
}

/* GRID 6 */

html[dir="rtl"] .grid_6 .card-body .fa-icons {
  margin-left: 1.5rem !important;
  margin-right: 0 !important;
}
/* GRID 7 */

html[dir="rtl"] .grid_7 .fa-icons {
  margin-left: 1.5rem !important;
  margin-right: 0 !important;
}
/* GRID 9 */

.grid_9 {

}
  .grid_9 .card {
    background-color: var(--light);
    transition: top 0.2s ease, box-shadow 0.2s ease;
    top: 0rem;
  }
    .grid_9 .card:hover {
      box-shadow: 0px 0px 10px rgb(0,0,0,.16);
      top: -0.375rem;
    }
    .grid_9 .card-body {
      justify-content: center;
      display: flex;
      flex-direction: column;
    }
  .grid_9 .fa, .grid_9 .fas {
    color: var(--darkgreen);
  }
  .grid_9 h5, .grid_9 .h5 {
    color: var(--darkgreen);
  }
  .grid_9 .link {
    color: var(--darkgreen);
    text-transform: uppercase;
    font-size: 1rem;
  }
    .grid_9 .link:after {
      content: "\f0da";
      font-family: 'Font Awesome 6 Pro';
      margin-left: 10px;
    }
      html[dir="rtl"] .grid_9 .link:after {
        content: "\f0d9";
        margin-left: 0;
        margin-right: 10px;
      }
    .grid_9 .link:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      pointer-events: auto;
      content: "";
      background-color: rgba(0,0,0,0);
    }
/* GRID 10 */
html[dir="rtl"] .grid_10 .text-md-left {
  text-align: right !important;
}
html[dir="rtl"] .grid_10 .fa-icons {
  margin-left: 1.5rem !important;
  margin-right: 0 !important;
}
/* GRID 13 */
.grid_13 .card,
.text_image_1 .card {
  background-color: rgba(var(--lightrgb),.5);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

@media (min-width: 414px) {
  .grid_13 ul {
    columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2;
  }
}

/* GRID 17 */

.grid_17 {
  font-size: 1rem;
  line-height: 1.4;
}
  .grid_17 h3 {
    font-size: 1.5rem;
    padding-bottom: 1.25rem;
  }

/* !TEXT IMAGE ***********************************************/
/* TEXT IMAGE 1 */
@media (min-width: 768px) {
  html[dir="rtl"] .text_image_1 .card.flex-md-row .card-img {
    border-radius: 0 var(--border-radius-2) var(--border-radius-2) 0;
  }
}

    html:not([dir="rtl"]):not([lang="ar"]) .text_image_1 h5 {
      font-family: var(--font-family-monospace);
      font-size: var(--font-size-body-sm);
      font-weight: var(--font-weight-normal);
    }

    @media(max-width: 768px) {
      html:not([dir="rtl"]) .text_image_1 img {
        border-top-left-radius: var(--border-radius-2)!important;
        border-top-right-radius: var(--border-radius-2)!important;
        border-bottom-right-radius: 0!important;
        border-bottom-left-radius: 0!important;
      }
    }

/* TEXT IMAGE 3 */
.text_image_3 {

}
  .text_image_3 > div {
    background: var(--darkergreen) !important;
    color: var(--white);
  }
  .text_image_3 h1, .text_image_3 h2, .text_image_3 h3, .text_image_3 h4, .text_image_3 h5, .text_image_3 h6 {
    color: var(--white);
  }
    html:not([dir="rtl"]):not([lang="ar"]) .text_image_3 h5 {
            font-family: var(--font-family-monospace);
            font-weight: var(--font-weight-normal);
      font-size: 1rem;
    }
            html[dir="rtl"] .text_image_3 h5,
            html[lang="ar"] .text_image_3 h5 {
                font-family: var(--font-family-body);
            }
  .text_image_3 a:not(.btn) {
    color: var(--white)!important;
    text-decoration: underline;
  }
    .text_image_3 a:not(.btn):hover,
    .text_image_3 a.video-play-icon {
      text-decoration: none!important;
    }

/* TEXT IMAGE 4 */
html:not([dir="rtl"]):not([lang="ar"]) .text_image_4 h5 {
    font-family: var(--font-family-monospace);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-body-sm);
}

/* TEXT IMAGE 6 */
.text_image_6 {

}
  @media (min-width: 992px) {
    html[dir="rtl"] .text_image_6 .content-wrapper.ml-lg-4 {
      margin-left: 0 !important;
      margin-right: 2.25rem !important;
    }
  }
  @media (min-width: 1200px) {
    html[dir="rtl"] .text_image_6 .content-wrapper.ml-xl-5 {
      margin-left: 0 !important;
      margin-right: 4.5rem !important;
    }
  }
/* !ENTRIES ***********************************************/
.entries_1 {

}
.entries_1 .block-heading {
  font-size: var(--font-size-h2)!important;
  text-transform: uppercase;
}
.entries_1 .view-all {
  color: var(--primary);
}

html:not([dir="rtl"]):not([lang="ar"]) .entries_1 .view-all {
    font-family: var(--font-family-monospace);
    font-weight: var(--font-weight-normal);
}

html[dir="rtl"] .entries_1 .view-all {
  text-align: left !important;
}
  html[dir="rtl"] .entries_1 .view-all .fas.fa-caret-right:before {
    content: "\f0d9";
  }
.entries_1 .card {

    font-size: 1rem;
    line-height: 1.375;
    background-color: var(--light);
    border: 1px solid var(--border-color2);
  }
    .entries_1 .card-img-top {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .entries_1 .date {
      color: var(--primary);
      font-size: .875rem;
      font-weight: var(--font-weight-bolder);
      margin-bottom: 1rem;
    }
    .entries_1 h1, .entries_1 h2, .entries_1 h3, .entries_1 h4, .entries_1 h5, .entries_1 h6 {
      font-size:  1.25rem;
    }
    .entries_1 .card .btn {
      text-align: left;
      border-top: 1px solid var(--border-color2);
      padding: 1rem 1.75rem 1rem 1.5rem;
      position: relative;
    }
      .entries_1 .card .btn:after {
        content: "\f0da";
        font-family: 'Font Awesome 6 Pro';
        margin-left: 10px;
        position: absolute;
        top: 50%;
        right: 1.5rem;
        transform: translateY(-50%);
      }

/* !TABLES ***********************************************/

html:not([dir="rtl"]):not([lang="ar"]) thead tr th {
    font-family: var(--font-family-monospace);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-body-sm);
}

.table_3 .table th {
  vertical-align: middle;
}
.table_3 .table p {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

table {
      border-collapse: collapse;
      border-style: hidden;
    }
    table td {
      border: 1px solid #dee2e6;
    }

/* !Calculator *********************/
.calc-prepend {
  padding-left: 25px;
}
.calc-prepend:before {
  content: '$';
  font-size: 1.125rem;
  display: inline-block;
  position: absolute;
  transform: translateX(-100%);
  padding-right: 5px;
  opacity: .5;
  top: 3px;
}

@media(min-width: 768px) {
  .calc-totals {
    padding-left: 25px;
  }
}
.calc-total-due {
  font-size: 1.5rem;
}

/* !QUOTES ************************************/
html:not([dir="rtl"]):not([lang="ar"]) .by-line {
    font-family: var(--font-family-monospace);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-body-sm);
}

/* !CTAS **************************************/
.cta_2.bg-dark {
  background-color: var(--secondary) !important;
}
  html[dir="rtl"] .cta_3 .mr-md-3 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
  }
.cta_4.bg-dark {
  background-color: var(--secondary) !important;
}
  html[dir="rtl"] .cta_4 .col-10.offset-1 {
    margin-left: 0;
    margin-right: 8.33333%;
  }
html:not([dir="rtl"]):not([lang="ar"]) .cta_5 span {
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-body-sm);
}
.cta_6 .row .col-12 {
  opacity: 70%;
}
/* !NAV COMBOS ********************************/

html[dir="rtl"] .combo_1 .card-body .fa-angle-right:before, html[dir="rtl"] .combo_2 .card-footer .fa-angle-right:before, html[dir="rtl"] .combo_3 .card-footer .fa-angle-right:before, html[dir="rtl"] .combo_4 .list-group .fa-angle-right:before, html[dir="rtl"] .combo_6 .list-group .fa-angle-right:before, html[dir="rtl"] .combo_7 .card-body .fa-angle-right:before, html[dir="rtl"] .combo_8 .card-footer .fa-angle-right:before, html[dir="rtl"] .combo_11 .list-group .fa-angle-right:before {
  transform: scaleX(-1);
  display: inline-block;
}

html[dir="rtl"] .combo_8 .card-body .fa-icons, html[dir="rtl"] .combo_9 .card-body .fa-icons, html[dir="rtl"] .combo_10 .card-body .fa-icons, html[dir="rtl"] .combo_11 .list-group .fa-icons {
  margin-left: 1.5rem !important;
  margin-right: 0 !important;
}

.combo_4 .list-group-item:first-child {
  border-top: none;
}
    a.list-group-item-action:hover, a.list-group-item-action:hover span,
    a.list-group-item-action:focus, a.list-group-item-action:focus span {
        background: none;
        color: var(--primary)!important;
    }

    .combo_4 h6, .combo_4 .h6 {
        text-transform: none!important;
    }

/* !EVENTS **********************************/

html[dir="rtl"] .events_2 .fa-angle-right:before, html[dir="rtl"] .events_3 .fa-angle-right:before {
  transform: scaleX(-1);
  display: inline-block;
}

/* !QUOTES **********************************/
.quote_2 .flickity-slider {
    display: flex!important;
    align-items: center!important;
}
    .quote_2 .flickity-button, .quote_2 .flickity-page-dots {
        display: none!important;
    }

/* !DIGITAL GUIDELINES ***********************/

html:not([dir="rtl"]):not([lang="ar"]) .colors strong {
    font-family: var(--font-family-monospace);
    font-weight: var(--font-weight-normal);
}

/* !ID/PAGE specific block styles *********************/

/* Homepage heading and lead above grid_9 */
#block-d2c31637-797d-42cf-a8c5-82e5ad5a1ab3 {
  background-color: var(--lightgray);
}
  #block-d2c31637-797d-42cf-a8c5-82e5ad5a1ab3 h2, #block-d2c31637-797d-42cf-a8c5-82e5ad5a1ab3 .h2 {
    color: var(--darkergreen);
  }

/* Homepage jumbotron_2 */
body#page-73410e00-9cb6-4aff-b0b9-24c26d57093d .jumbotron.jumbotron_2 .display-4,
body#page-7167f16b-9f4e-47f6-be6f-5a44b380a21b .jumbotron.jumbotron_2 .display-4 {
    font-size: 2rem;
    text-transform: inherit!important;
}

/* Homepage grid_9 */
body#page-73410e00-9cb6-4aff-b0b9-24c26d57093d .grid_9,
body#page-7167f16b-9f4e-47f6-be6f-5a44b380a21b .grid_9 {
  background-color: var(--lightgray);
}
  body#page-73410e00-9cb6-4aff-b0b9-24c26d57093d .grid_9 .card,
    body#page-7167f16b-9f4e-47f6-be6f-5a44b380a21b .grid_9 .card {
    background-color: var(--white);
  }

    html:not([dir="rtl"]):not([lang="ar"]) .grid_9 .link {
        font-family: var(--font-family-monospace);
        font-weight: var(--font-weight-normal);
        text-transform: none;
    }

    html:not([dir="rtl"]):not([lang="ar"]) .grid_9 .link:after {
        font-weight: var(--font-weight-bold);
    }

body#page-73410e00-9cb6-4aff-b0b9-24c26d57093d .jumbotron.jumbotron_2 .list-group-item {
    color: var(--primary);
    font-weight: var(--font-weight-normal);
}

/* 404 error page */
.template-errors\/404,
.template-errors\/404 .bg-gradient-3 {
    background-color: var(--red);
}

/* Where we work page */

  body#page-917083ea-4733-460e-aeed-1be6aaaac437 section#content,
  body#page-564be5be-3ee2-4bfd-a89a-5ea239258bae section#content {
    background: url('../img/body-bg-map-work.jpg') no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  body#page-917083ea-4733-460e-aeed-1be6aaaac437 .pre-footer,
  body#page-564be5be-3ee2-4bfd-a89a-5ea239258bae .pre-footer {
    background: #F4F4F4 !important;
    padding-top: 10px;
  }

/* Publications landing */

#block-970ff5d4-ccf0-444c-b33b-b96ffb77e378,
#block-cd41b88f-09bd-4a3f-bc2f-19f2db232264 {
  margin-top: 3rem;
}

/* Black History Month */
@media (max-width:992px) {
    #ac106ecb-ba16-4e75-ac58-eea8f2ac81b9 div:first-child .opacity-50 {
        opacity: .9;
    }
}
    #ac106ecb-ba16-4e75-ac58-eea8f2ac81b9 div div div:first-child .opacity-50 {
        opacity: .9;
    }

/* Wordpress Migrated Data Styles ***********************************************/
img.size-full {
  max-width: 100%!important;
  height: auto!important;
}
/* Custom_2 ****************/

@media (min-width:992px) {
  .border-lg-top {
        border-top: 1px solid var(--border-color);
    }
}
.custom_2_per_input .instructions, .custom_2_multi-select .instructions, .custom_2_number_input .instructions {
  color: var(--darkgray);
  line-height: 1.6;
  display: inline-block;
}
.custom_2_number_input .instructions {
  font-size: 1rem;
  line-height: 1.2;
}

.custom_2_per_input .country-name, .custom_2_multi-select .sadaqah-jariyah, .custom_2_number_input .country-name {
  line-height: 1;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-bolder);
}
.custom_2_per_input .country-livestock {
  font-size: 1rem;
}
.custom_2_per_input input[type="number"] {
  width: 68px;
  padding-left: .25rem;
  padding-right: .25rem;
}
.custom_2_number_input input[type="number"] {
  padding-left: .25rem;
  padding-right: .25rem;
}
.custom_2_multi-select .custom-select {
  font-size: 1rem;
}

/* PORTAL */

.min-vh-100 {
  min-height: 100vh!important;
}

body.template-portal .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
  body.template-portal .card.card-sponsor {
    top: 0rem;
    background-color: var(--white);
    transition: top 0.2s ease, box-shadow 0.2s ease;
  }
    body.template-portal .card.card-sponsor:hover {
      box-shadow: 0px 0px 10px rgb(0,0,0,.16);
      top: -0.375rem;
    }
body.template-portal .view-all i.small {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}

  body.template-portal .card.card-sponsor .card-footer .btn {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
    padding: .375rem 1rem;
    text-transform: uppercase;
  }
  body.template-portal .card.card-sponsor .card-title {
    font-size: var(--font-size-h5);
  }
  body.template-portal .card.card-sponsor, body.template-portal .card.card-sponsor-add  {
    min-height: 200px;
  }
  @media (min-width: 992px) {
    body.template-portal .card.card-sponsor, body.template-portal .card.card-sponsor-add  {
      min-height: 385px;
    }
  }

    body.template-portal .card.card-sponsor .card-text {
      font-size: var(--font-size-body-sm);
    }
    body.template-portal .card.card-sponsor-add a, body.template-portal .card.card-sponsor-add a span {
      color: rgba(0,0,0,.5) !important;
      text-decoration: none;
      transition: color .15s ease-in-out;
    }
      body.template-portal .card.card-sponsor-add a:hover, body.template-portal .card.card-sponsor-add a:hover span {
        color: rgba(0,0,0,1) !important;
      }
      body.template-portal .card.card-sponsor-add .far {
        font-size: var(--font-size-lead);
      }


body.template-orphans .btn.btn-back {
  color: var(--blue);
}
body.template-portal .btn.btn-back .far,  body.template-orphans .btn.btn-back .far {
  font-size: 70%;
}
body.template-portal .btn.btn-back:hover, body.template-orphans .btn.btn-back:hover {
  text-decoration: none;
}
  body.template-orphans .btn.btn-back:hover {
    color: var(--blue);
  }

body.template-portal .btn.btn-manage {
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}
  body.template-portal .btn.btn-manage:hover {
    opacity: .75;
  }
body.template-portal .btn.btn-manage .far {
  font-size: 70%;
}

body.template-portal .age-gender {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-body-sm);
}

body.template-portal, body.template-orphans, body.template-portal #wrapper, body.template-orphans #wrapper {
  background-color: var(--body-background);
}
body.template-orphans .card.card-sponsor-detail {
  background-color: #fff;
  border-width: 0;
  overflow: hidden;
}
  body.template-orphans .card.card-sponsor-detail a, body.template-orphans .timeline a {
      text-decoration: underline;
      color: var(--blue);
    }
      body.template-orphans .card.card-sponsor-detail a:hover, body.template-orphans .timeline a:hover {
        color: var(--bluehover);
        text-decoration: none;
      }

body.template-orphans .title-update {
  margin-bottom: 0;
}
body.template-orphans .title-update:after {
  content: '';
  display: block;
  width: 70px;
  height: 1px;
  background-color: #000;
  margin: 1rem auto 0;
}

body.template-orphans .timeline {
  position: relative;
  overflow: hidden;
  padding-top: 4.5rem;
  padding-bottom: 4rem;
}
  body.template-orphans .timeline:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
  }

  body.template-orphans .timeline .timeline-item {
    position: relative;
    float: left;
    clear: left;
    width: 50%;
    margin: 1em 0;
    display: block;
    padding-left: 0;
    padding-right: 100px;
    z-index: 15;
    top: -2.5em !important;
    text-align: right;
  }
     body.template-orphans .timeline .timeline-item:before {
      content: '';
      height: 1px;
      width: 76px;
      background: #000;
      position: absolute;
      top: 12px;
      right: 0;

    }
      body.template-orphans .timeline .timeline-item:nth-of-type(2n) {
        float: right;
        clear: right;
        top: 0 !important;
        margin-top: 2em;
        padding-left: 100px;
        padding-right: 0;
        text-align: left;
      }
        body.template-orphans .timeline .timeline-item:nth-of-type(2n):before {
          right: auto;
          left: 0;

        }


    body.template-orphans .timeline .timeline-item h3 {
      font-size: var(--font-size-h4);
      margin-bottom: .5rem;
      font-weight: var(--font-weight-bold);
    }
    body.template-orphans .timeline .timeline-item img {
      margin-bottom: .5rem;
    }

    body.template-orphans .timeline ul {
      padding-left: 0;
      margin-bottom: .25rem;
            list-style: none;
    }
      body.template-orphans .timeline ul li {
        margin-bottom: .25rem;
      }
        body.template-orphans .timeline ul li::marker {
          color: var(--blue);
        }
  body.template-orphans .timeline-start {

  }
    body.template-orphans .timeline-start:before {
      content: '';
      display: block;
      width: 70px;
      height: 1px;
      background-color: #000;
      margin: 0 auto 1rem;
    }
    body.template-orphans .timeline-start h3, body.template-orphans .timeline-start .h3 {
      font-size: var(--font-size-h4);
      margin-bottom: .5rem;
      font-weight: 600;
    }
@media (max-width: 991px) {
  body.template-orphans .timeline {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  body.template-orphans .title-update:after {
    display: none;
  }
  body.template-orphans .timeline:before {
    left: 0;
    margin-left: 0;
  }
  body.template-orphans .timeline .timeline-item, body.template-orphans .timeline .timeline-item:nth-of-type(2n) {
    margin-top: 0;
    padding-left: 50px;
    padding-right: 0;
    float: none;
    clear: none;
    width: 100%;
    text-align: left;
    top: 0 !important;
  }
    body.template-orphans .timeline .timeline-item:before, body.template-orphans .timeline .timeline-item:nth-of-type(2n):before {
      left: 0;
      right: auto;
      width: 25px;
    }

  body.template-orphans .timeline-start {
    margin-top: 1rem;
  }
    body.template-orphans .timeline-start:before {
      display: none;
    }
}

/* Carousels for Orphans photos */

/* Flickity Defaults for Orphan photos */
.carousel-photos .flickity-prev-next-button {
  background: transparent;
}
.carousel-photos .flickity-prev-next-button:hover {
    background: transparent;
  }
  .carousel-photos .flickity-prev-next-button:after {
    font-size: 3.25rem;
    line-height: 1;
    color: var(--white);
  }

.carousel-photos.flickity-enabled .bg-image.fullscreen{
  display: none;
}
  .carousel-photos.flickity-enabled.is-fullscreen .bg-image.fullscreen{
    display:inline;
  }
  .carousel-photos.flickity-enabled.is-fullscreen .bg-image.cropped {
    display: none;
  }
.carousel-photos .carousel-cell {
  display: block;
  padding: 0;
  overflow: hidden;
}
  .carousel-photos .carousel-cell:before {
    content: "";
    display: block;
    /*padding-top: 56.25%;*/ /*16x9*/
  }
.carousel-photos .caption {
  color: var(--white);
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  padding-bottom: 3.25rem;
  width: 100%;
  text-align: center;
}
  .carousel-photos.flickity-enabled.is-fullscreen .caption {
    padding-left: 5%;
    padding-bottom: 1.5rem;
    text-align: left;
  }
  .carousel-photos .caption .caption-header {
    font-weight: var(--font-weight-bolder);
    font-size: 1.5rem;
    line-height: 1.2;
    position: relative;
    z-index: 1;
  }
  .carousel-photos .caption .caption-desc {
    line-height: 1.2;
    position: relative;
    z-index: 1;
  }

.carousel-photos .carousel-cell .caption::after {
  content: '';
  background: linear-gradient(180deg, rgba(var(--darkrgb),0) 0%, rgba(var(--darkrgb),.7) 100%);
  z-index: 0;
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.carousel-photos.is-fullscreen .carousel-cell .caption.caption-none::after {
  display: none;
}
  .carousel-photos.flickity-enabled.is-fullscreen .carousel-cell::after {
    top: 20%;
  }

.carousel-photos.flickity-enabled.is-fullscreen .carousel-cell {
  padding: 0 !important;
}

  .carousel-photos.flickity-enabled.is-fullscreen .carousel-cell:not(.w-video):before {
    display: none;
  }
    .carousel-photos.flickity-enabled.is-fullscreen .carousel-cell img {
      position: relative;
      top: 0;
      left: 0;
      height: auto;
    }

@media(max-width: 1199.98px) {
  .carousel-photos .flickity-prev-next-button {
    display: block !important;
  }
}

/* Flickity Fix for 2 slides flicker */
@media(min-width: 992px) {
  .carousel-photos .carousel-cell {
    opacity: 0 !important;
    transition: opacity 1s ease !important;
  }
  .carousel-photos .carousel-cell.is-selected {
      opacity: 1 !important;
    }
}

.carousel-photos .carousel-cell {
  height: 544px;
}
  .carousel-photos.flickity-enabled.is-fullscreen .carousel-cell {
    height: auto;
  }
  .carousel-photos .carousel-cell img {
    min-height: 544px;
    min-width: 100%;
    object-fit: cover;
  }

html {
    scroll-padding-top: 66px;
}

html:has(.navbar-onpage) {
    scroll-padding-top: 123px;
}

html:not(:has(.page-header)):has(.navbar-onpage) {
    scroll-padding-top: 57px;
}

.navbar-onpage {
    top: 66px;
}

html:not(:has(.page-header)) .navbar-onpage {
    top: 0;
}

@media screen and (min-width: 768px) {
    html {
        scroll-padding-top: 73px;
    }

    html:has(.navbar-onpage) {
        scroll-padding-top: 138px;
    }

    html:not(:has(.page-header)):has(.navbar-onpage) {
        scroll-padding-top: 65px;
    }

    .navbar-onpage {
        top: 74px;
    }

    html:not(:has(.page-header)) .navbar-onpage {
        top: 0;
    }
}

@media screen and (min-width: 992px) {
    html {
        scroll-padding-top: 55px;
    }

    html:has(.navbar-onpage) {
        scroll-padding-top: 120px;
    }

    html:not(:has(.page-header)):has(.navbar-onpage) {
        scroll-padding-top: 65px;
    }

    .navbar-onpage {
        top: 56px;
    }

    html:not(:has(.page-header)) .navbar-onpage {
        top: 0;
    }
}

@media screen and (min-width: 1200px) {
    html {
        scroll-padding-top: 58px;
    }

    html:has(.navbar-onpage) {
        scroll-padding-top: 122px;
    }

    html:not(:has(.page-header)):has(.navbar-onpage) {
        scroll-padding-top: 64px;
    }

    .navbar-onpage {
        top: 58px;
    }

    html:not(:has(.page-header)) .navbar-onpage {
        top: 0;
    }
}