html, body, .body {
    font-family: "Inter", sans-serif !important;
}

.overlay-gradient-lr {
    background-image: linear-gradient(to top, var(--primary) 5%, rgba(0, 0, 0, 0) );
}

.header-logo-non-sticky {
    margin-top: 16px !important;
    height: 52px !important;
}

.modal-body.text-left.line-height-5 {
    margin-top: 80px;
}

/* Search background color*/
section.search-section-forside.bg-ultralight-grey {
    background-color: rgba(221, 231, 227, 1) !important;
}

section.search-section-forside .bg-ultralight-grey.border-radius {
    background-color: rgba(221, 231, 227, 1) !important;
}

/* Search section label color*/
section.search-section-forside label.form-control-label {
    color: rgba(30, 76, 88, 1) !important;
}

/* Advance dropdown button color*/
.form-group.select .dropdown.advanced .dropdown-menu .bs-actionsbox .actions-btn {
    background: rgba(30, 76, 88, 1) !important;
    color: #FFF !important;
}

.form-group.select .dropdown.advanced .dropdown-menu .bs-actionsbox .actions-btn.bs-deselect-all {
    background: #96afb8 !important;
}

.form-group.select .dropdown.advanced .dropdown-menu .inner ul li.dropdown-header {
    color: #222 !important;
    background: rgba(221, 231, 227, 1) !important;
}

.dropdown-item.selected {
    color: rgba(30, 76, 88, 1) !important;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark:after {
    color: rgba(30, 76, 88, 1) !important;
}

.bootstrap-select .bs-ok-default:after {
    border-color: rgba(30, 76, 88, 1) !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: rgba(30, 76, 88, 1) !important;
    background-color: #f8f9fa00 !important;
}

/* Change the font color for all tabs in this specific list */
.tabs.tabs-simple .nav-tabs > li .nav-link, .tabs.tabs-simple .nav-tabs > li .nav-link:hover, .tabs.tabs-simple .nav-tabs > li .nav-link:focus {
    color: rgba(30, 76, 88, 1) !important;
}

/* Change the font color and border color for the ACTIVE tab specifically */
#tabs_ul .nav-item.active a {
    border-bottom: 2px solid !important;
    border-bottom-color: rgba(255, 216, 158, 1) !important;
}

/* Optional: Change color on hover to match your theme */
#tabs_ul .nav-item a:hover {
    color: rgba(30, 76, 88, 1) !important;
    border-bottom: 2px solid !important;
    border-bottom-color: rgba(255, 216, 158, 1) !important;
}

/* Footer css*/

footer#footer {
   background-color: rgba(255, 255, 255, 1) !important;
}

footer#footer .text-4.text-color-light {
    color: rgba(16, 35, 71, 1) !important;
}

#footer a {
    color: rgba(92, 107, 128, 1) !important;
}

/* Optional: Add a hover state */
#footer a:hover {
    color: rgba(16, 35, 71, 1) !important;
    font-weight: 600 !important;
    text-decoration: underline;
}

#footer .footer-copyright.footer-copyright-style-2 {
    background: #21252900 !important;
}

#footer .footer-copyright p {
    color: rgba(16, 35, 71, 1) !important;
}

#footer .footer-copyright.footer-copyright-style-2 {
  border-top-color: rgb(92 107 128 / 52%) !important;
  border-top-style: solid !important;
  border-top-width: 1px !important;
}

#footer .d-flex.flex-column.text-center {
    text-align: left !important;
    align-items: flex-start !important;
}

/* Newletter subscription bar css*/

.input-group .form-control[type="email"].bg-light {
    background-color: rgba(30, 76, 88, 1) !important;
    border: 3px solid rgba(255, 255, 255, 1) !important;
}

/* Standard syntax */
input[name="NewsletterSectionEmail"]::placeholder {
    color: rgba(255, 255, 255, 1) !important; /* Change this to your desired color */
    opacity: 1; /* Firefox requires this to apply the full color */
}

/* For older browsers (Webkit/Blink) */
input[name="NewsletterSectionEmail"]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 1) !important;
}

/* For Internet Explorer 10-11 */
input[name="NewsletterSectionEmail"]:-ms-input-placeholder {
    color: rgba(255, 255, 255, 1) !important;
}

/* For Microsoft Edge */
input[name="NewsletterSectionEmail"]::-ms-input-placeholder {
    color: rgba(255, 255, 255, 1) !important;
}

input[name="NewsletterSectionEmail"] {
    color: rgba(255, 255, 255, 1) !important; /* Change this to your preferred text color */
    font-weight: 500; /* Optional: makes the text slightly bolder */
}

/* Targets the heading inside the feature box info */
.feature-box-info h4.font-weight-bold {
    font-size: 28px !important; 
    font-weight: 500 !important; 
    line-height: 36.4px !important;
}

/* Login button css*/
/* Specific selector for the button container */
#btnloginnew .login_button.bg-color-primary.text-white {
    background-color: #fff !important;
    border: 1px solid rgba(30, 79, 92, 1) !important; /* Set width and style as needed */
    color: rgba(30, 79, 92, 1) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Specific selector for the icon inside */
#btnloginnew .login_button .icon.material-symbols-sharp {
    color: rgba(30, 79, 92, 1) !important;
}

/* Specific selector for the text inside */
#btnloginnew .login_button .text-3 {
    color: rgba(30, 79, 92, 1) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* HOVER STATES */

/* Hover state for the button container */
#btnloginnew .login_button.bg-color-primary.text-white:hover {
    background-color: rgba(30, 79, 92, 1) !important;
    border-color: rgba(30, 79, 92, 1) !important;
    color: #fff !important;
}

/* Hover state for the icon when button is hovered */
#btnloginnew .login_button:hover .icon.material-symbols-sharp {
    color: #fff !important;
}

/* Hover state for the text when button is hovered */
#btnloginnew .login_button:hover .text-3 {
    color: #fff !important;
}

/* Menu css */
.dropdown-submenu .dropdown-menu a.dropdown-item {
    color: rgba(30, 76, 88, 1) !important;
}

/* 1. Non-active menu text color */
#header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li > a, #header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li .wrapper-items-cloned > a {
    color: rgba(255, 216, 158, 1) !important;
    background-color: rgba(30, 79, 92, 1) !important; /* Default background */
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* 2. Non-active menu text and background color on HOVER */
.header-nav-main nav > ul > li > a.dropdown-item:not(.active):hover {
    background-color: rgba(238, 245, 243, 1)  !important; /* Hover background */
    color: rgba(30, 79, 92, 1) !important; !important;
}

/* 3. Menu ACTIVE node background and text color */
/* Targets the active link or the link inside an active list item */
.sticky_custom_menu #header .header-nav:not(.header-nav-line):not(.header-nav-links)
.header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active {
  background-color: rgba(238, 245, 243, 1) !important;
 color: rgba(30, 79, 92, 1) !important;
 font-size: 16px !important;
 font-weight: 500 !important;
}

#header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li:hover > a {
    color: #fff !important;
}

header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light.dropdown-light > a.active {
  background-color: rgba(238,245,243,1) !important;
  color: rgba(30,79,92,1) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* 4. Sub-menu items (Dropdowns) hover/active */
.header-nav-main nav > ul > li .dropdown-menu li a:hover,
.header-nav-main nav > ul > li .dropdown-menu li.active > a {
    color: rgba(30, 79, 92, 1) !important;
    font-weight: 600 !important;
    background-color: transparent !important;
}

/* Article pages background color */
.nyheader-section {
    background: rgba(244, 246, 250, 1) !important;
}

.nyheader-search-section {
    background: rgba(240, 244, 243, 1) !important;
}

.nyheader-detail-section {
   background: rgba(244, 246, 250, 1) !important;
}

.nav {
    margin-bottom: 1px !important;
}

/* Guide html css */

.guides-panel {
      width: 100%;
      overflow: hidden;
      border: 1px solid #ededed;
      border-radius: 3px;
      background: #F1F1F2;
    }

    .guides-panel__header {
      display: flex;
      align-items: center;
      min-height: 60px;
      padding: 10px 20px;
      background: rgba(30, 76, 88, 1);
    }

    .guides-panel__title {
      margin-top: 15px !important;
      margin-bottom: 15px !important;
      color: #ffffff;
      font-size: 27px !important;
      font-weight: 500 !important;
      line-height: 1.25;
    }

    .guides-panel__content {
      padding: 18px 20px 21px;
    }

    .guides-list {
      display: grid;
      gap: 26px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .guides-list__link {
      display: inline;
      color: rgba(30, 76, 88, 1);
      font-size: 18px;
      font-weight: 300;
      line-height: 1.35;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 2px;
      transition: color 160ms ease;
    }

    .guides-list__link:hover {
      color: #0f596b;
    }

    .guides-list__link:active {
      color: #0a414e;
    }

    .guides-list__link:focus-visible {
      border-radius: 2px;
      outline: 2px solid #124f5e;
      outline-offset: 3px;
    }

    @media (max-width: 600px) {
      .guides-panel__header {
        min-height: 56px;
        padding: 10px 16px;
      }

      .guides-panel__title {
        font-size: 21px;
      }

      .guides-panel__content {
        padding: 17px 16px 20px;
      }

      .guides-list {
        gap: 21px;
      }

      .guides-list__link {
        font-size: 17px;
      }
   }

/* Article slider overlay css */
.hero-overlay {
    background: linear-gradient(90deg, rgba(7, 20, 38, 0.00) 12.7%, rgba(7, 20, 38, 0.38) 63.29%, rgba(7, 20, 38, 0.72) 100%) !important;
}

/* Member section css */
.board-director-section {
    border-radius: 10px;
}

.board-director-section .board-card {
    border-radius: 10px;
}

.board-director-section .board-photo {
    border-radius: 10px;
}