@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-300-Light.woff2") format("woff2"), url("../fonts/Lato-300-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-400-Regular.woff2") format("woff2"), url("../fonts/Lato-400-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-500-Medium.woff2") format("woff2"), url("../fonts/Lato-500-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-600-Semibold.woff2") format("woff2"), url("../fonts/Lato-600-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-700-Bold.woff2") format("woff2"), url("../fonts/Lato-700-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight:700;
}
strong{
    font-weight:700
}

/*animate.css -https://daneden.me/animate - Version - 3.5.2*/
.animated{-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-o-keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;-o-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;-o-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}


/************/
/** NAVBAR **/
/************/
.navbar-nav {
    color: #002756;
    font-size: 1.125em;
    font-weight: 700;
}

.navbar-toggler {
    border: transparent;
}

.offcanvas.offcanvas-end {
    width: 325px;
}

.navbar {
  transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
}

.navbar-scrolled {
    border-bottom: 1px solid #eff1f2;
    padding-top: .25rem!important;
    padding-bottom: .25rem!important;
    
}

/**************/
/** DROPDOWN **/
/**************/
/* .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0.125em;
} */

.dropdown-menu {
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
    border-radius: 0;
    border-color: transparent;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #141414;
    color: #fff;
}

/**************/
/** TRI-BAND **/
/**************/
/* TRI-BAND GRADIENT */
.gradient-banner {
    background: linear-gradient(to right, #054972 0%, #054972 59.75%, #0da3cc 59.75%, #0da3cc 76%, #b38300 76%, #b38300 100%);
    /* min-height: 600px; */
    padding: 80px 0;
}

.solid-huron-banner {
    background-color: #054972;
    padding: 80px 0;
}

/*******************/
/** DISPLAY FONTS **/
/*******************/
.display-2 {
    font-weight: 700;
    letter-spacing: -0.05rem;
}

.display-3,
.display-6 {
    font-weight: 700;
}

/***********/
/** TABLE **/
/***********/
.table> :not(caption)>*>* {
    padding: 1rem;
}

/******************/
/** HERO SECTION **/
/******************/
.mountain {
    background-color: #0da3cc;
}

.harvest {
    background-color: #b28500;
}

@media (max-width: 500px) {

    .mountain,
    .harvest {
        background-color: #fff;
    }
}

.mountain img {
    mix-blend-mode: multiply;
    object-fit: cover;
    min-height: 500px;
}

.harvest img {
    mix-blend-mode: multiply;
    object-fit: cover;
    min-height: 500px;
}

.hero-section {
    background: rgb(5, 74, 115);
    background: linear-gradient(90deg, rgba(5, 74, 115, 1) 0%, rgba(5, 74, 115, 1) 65%, rgba(178, 133, 0, 1) 65%, rgba(178, 133, 0, 1) 100%);
}

.hero-copy {
    color: #fff;
}

@media screen and (max-width: 800px) {
    .hero-section {
        background: var(--bg-body);
    }

    .hero-copy {
        color: var(--bs-body-color-rgb);
    }

    .harvest img {
        mix-blend-mode: initial;
    }

    .mountain img {
        mix-blend-mode: initial;
    }
}

/*************/
/** SPACING **/
/*************/
.section-padding-top {
    padding-top: 100px;
}

@media (max-width: 500px) {
    .section-padding-top {
        padding-top: 3rem;
    }
}

.section-padding {
    padding-bottom: 100px;
}

@media (max-width: 500px) {
    .section-padding {
        padding-bottom: 3rem;
    }
}

p:last-of-type {
    margin-bottom: 0;
}

/* linearGradient */
.subpageHeader {
    /* background: linear-gradient(121.21deg, #c9f1fc -17.31%, #fff7f5 46.37%, #fff 65.87%); */
    background: #ffffff;
    background: linear-gradient(144deg, rgba(238, 250, 254, 1) 0%, rgba(255, 255, 255, 1) 74%);
    /* background-color: #edf8fe; */
    padding: 80px 0;
}

.topBorderBanner {
    border-top: 10px solid transparent;
    border-image: linear-gradient(90deg, rgba(5, 73, 114, 1) 0%, rgba(5, 73, 114, 1) 60%, rgba(13, 163, 204, 1) 60%, rgba(13, 163, 204, 1) 76%, rgba(179, 131, 0, 1) 76%, rgba(179, 131, 0, 1) 100%);
    border-image-slice: 1;
    width: 100%;
}


/***********/
/** ALERT **/
/***********/
.alert-hn1 {
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important;
    box-shadow:none!important;
}

.alert-hn1 div:has(a) a {
  color: var(--bs-dark-text-emphasis)!important;
  text-decoration: none;
}

/****************/
/** ACCORDION  **/
/****************/


.bi {
    display: inline-block;
    vertical-align: -0.185em;
    vertical-align: -0.3em;
    fill: currentcolor;
}



.btn-primary {
    --bs-btn-bg: #054972;
    --bs-btn-border-color: #054972;
    border-radius:0.375rem;
}

.spinner-border {
    width: 1.3rem;
    height: 1.3rem;
    margin-left: 10px;
}

/**********/
/** BLOG **/
/**********/
.shadow-blog {
    box-shadow: 0 0 1.25rem rgba(30, 34, 40, .07) !important;
}

.lift {
    transition: box-shadow .25s ease, transform .25s ease
}

.lift:hover,
.lift:focus {
    transform: translate3d(0, -5px, 0)
}

.wrapper-blog:before {
    background: #054972;
    content: " ";
    height: 175px;
    left: 0;
    position: absolute;
    /* top: 0; */
    width: 100%;
    z-index: -1;
}

.float-right {
    float: right;
}

#social-links ul li a {
    font-size: 24px;
}

#social-links ul li {
    margin: 0 5px;
}

#social-links ul {
    display: inline-flex;
    list-style: none;
    padding: unset;
}


/************/
/** ALERTS **/
/************/
.alert{
    display: block;
    box-shadow: 0px 4px 17px -3px rgba(0, 0, 0, 0.1);
    border: none;
    border-left: 4px solid rgba(0, 0, 0, 0);
    color: #212529;
    line-height: 1.5;
    background: #fff;
    border-radius: 0.375rem;
    padding: 1rem;
}

.alert-success{
    border-color: #1ee0ac;
}
.alert-danger{
    border-color: #e85347;
}
.alert-warning{
    border-color: #f4bd0e;
}

/****************/
/** SKIP LINKS **/
/****************/
.skip-link {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

.skip-link:focus {
  clip: auto;
}

/****************/
/** PREMIER EC **/
/****************/
.pec-hero {
    min-height: 715px;
    background-size: cover;
    background-color: #054972;
    background-repeat: no-repeat, repeat;
    background-image: url("../images/premier/hedis-hero-1.webp");
    background-blend-mode: multiply;
    padding: 100px 0;
}

.bg-slate-100{
    background-color: rgb(241, 245, 249);
}

.pec-hero:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;
    background: linear-gradient(90deg, #0da3cc, #b38300, #b38300, #0da3cc, #0da3cc);
    background-size: 200% 100%;
    width: 100%;
    z-index: -1;
    animation: 5s moving linear infinite;
    border-radius: 10px 10px 0 0;
}

@keyframes moving {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 200% 0;
    }
}

.counter {
    margin: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 1.5rem;
}

.harvest-color {
    color: #b38300;
}

.mountain-color {
    color: #0da3cc;
}

.bg-huron {
    background-color: #054972;
}

.bg-harvest {
    background-color: #b38300;
}

.bg-mountain {
    background-color: #0da3cc;
}

.ms-n5 {
    margin-left: -2.5rem !important;
}

.mt-n6 {
    margin-top: -2.75rem !important;
}

.fill-mode {
    fill: #b38300;
}

.card-lift {
    border-radius: .75rem;
    transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.card-lift:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
    transform: translateY(-.25rem);
}

/****************/
/** DARK MODE  **/
/****************/
.bd-mode-toggle {
    z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important;
}
/****************/
/** JOIN FORM  **/
/****************/
.wrapper:before {
    background-color: #054972;
    content: " ";
    height: 25rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.mt-6 {
    margin-top: 6rem;
}
.pb-7 {
    padding-bottom:7rem;
}


/* Loader styles */
.loader {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 99;
}

.progress-bar {
    width: 200px;
    height: 2px;
    background-color: #666;
    position: relative;
    top: calc(50% - 1px);
    left: calc(50% - 100px);
}

.progress-bar:before {
    content: "";
    display: block;
    width: 0px;
    height: 4px;
    position: absolute;
    top: -1px;
    border-left: 0px solid #007bff;
    animation: progress 0.5s ease-in-out forwards;
}

@keyframes progress {
    to {
        border-left: 200px solid #007bff;
    }
}

/*Floating Button*/

@keyframes slideUp {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.btn-container:nth-child(1) {
  background: #054972;
}

.btn-container a {
  border: 0;
  min-width: 180px;
  min-height: 60px;
  border-radius: 60px;
  color: #fff;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 1rem;
  background-color: #043d5f;
  text-decoration: none;
  width: fit-content;
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  opacity: 0; /* Start hidden */
  animation: slideUp 1s ease forwards;
  animation-delay: 1s; 
}

.btn-container a .text,
.btn-container a .icon-container {
  position: relative;
  z-index: 2;
}

.btn-container a .icon-container {
  position: relative;
  width: 25px;
  height: 25px;
  margin-left: 15px;
  transition: transform 500ms ease;
}

.btn-container a .icon-container .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  transition: transform 500ms ease, opacity 250ms ease;
}

.btn-container a .icon-container .icon--left {
  transform: translateX(-200%);
  opacity: 0;
}

.btn-container a .icon-container .icon svg {
  width: 100%;
  height: 100%;
  fill: #fff;
  margin-bottom: .125rem;
}

.btn-container a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #054972;
  border-radius: 60px;
  z-index: 1;
  transition: transform 500ms ease;
}

.btn-container a:hover::after {
  transform: translateX(65%);
}

.btn-container a:hover .icon-container {
  transform: translateX(75%);
}

.btn-container a:hover .icon-container .icon--left {
  transform: translateX(-35%);
  opacity: 1;
}

.btn-container a:hover .icon-container .icon--right {
  transform: translateX(200%);
  opacity: 0;
}
.harvest-icon {
    background-color: #b38300;
}

.icon-square {
    width: 5rem;
    height: 5rem;
    border-radius: .75rem;
}

.icon-square svg {
    width: 3rem;
    height: 3rem;
    color: #054972
}