html {
    font-family: 'Merriweather';
    line-height: 1.6;
    overflow-x: hidden; }

a {
    transition: 175ms ease-in-out; }

a:hover {
    color: #f19a6d; }

h1, h2, h3, h4, h5 {
    font-weight: unset; }

.f-black {
    font-weight: 800; }

.quote h1:before, .quote h2:before, .quote h3:before {
    content: '“'; }

    .quote h1:before, .quote h2:after, .quote h3:after {
        content: '”'; }

    .quote h1, .quote h2, .quote h3 {
        line-height: 1.4; }

    .quote strong, .quote-author strong {
        font-weight: 800; }

.content ul {
    list-style-type: none;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 1rem; }
    .content ul li {
        margin-bottom: 6px; }
    .content ul li:before {
        content: "";
        display: inline-block;
        padding: 3px;

        background-color: #579baa;
        border-radius: 50%;
        margin-left: -1em;
        margin-right: 10px;
        vertical-align: middle;}

        .small-container a {
            color:  #2f679c;
        }
        .small-container a:hover {
            color:  #f19a6d;
        }
.disclosure {
    font-size: 14px;

}
img {
    max-width: 100%; }

.overlay-container {
    position: relative; }

    .overlay-left {
        position: absolute;
        bottom: 5%;
        left: 0;
        right: 0;

        margin: 0 auto;

        transform: unset; }

    .overlay-right {
        position: absolute;
        bottom: 5px;
        right: 0;
        margin: 0 auto;
        transform: unset; }

.text-blue {
    color: #2f679c }

.paynowcontainer{
	flex-basis: 100%;margin-bottom:10px;
}
.main-container {
    max-width: 1300px;
    padding-left: 35px;
    padding-right: 35px;
    margin-left: auto;
    margin-right: auto; }

.small-container {
    max-width: 1080px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto; }

.bold {
    font-weight: bold; }

.extra-bold {
    font-weight: 800; }

.affixed-top {
    position: fixed;
    padding: 25px;
    width: 100%;
    z-index: 10; }

.roboto {
    font-family: "Roboto", sans-serif;  }

.btn {
    font-family: "Roboto", sans-serif;
    padding: 8px 38px;
    border-radius: 0;

    display: inline;
    cursor: pointer; }

.btn-main {
    	position:relative;
        display: inline-block;
        background-image: linear-gradient(to right, #f19a6d, #f7bf87);
        color: white;

        transition: 200ms ease-in-out; }
        .btn-main a {
            color:  white;
        }

        .btn-main:after {
            content: '\f061';
            /*font-family: "Font Awesome 6 Free";*/

      		font-family: "FontAwesome"; /* Font Awesome 4.7.0 uses this font family */

top: 26%;
  right: 7px;
            font-weight: 400;
            margin-left: 8px; 
    	position:absolute;
    	
    }
    .btn-main:hover {
        transform: translateX(10px); }

.eg-hero-block .btn-main::after{

  top: 22%;
      right: 11px;
  }
  .btn-pay a.wp-block-button__link{
  background-color: #f1f529!important;
  color: #000!important;
  padding: 10px 20px!important;
  text-decoration: none!important;
  margin-left:25px!important;
  border-radius: 4px!important;
  font-weight:bold!important;
}
.section-title {
    display: inline-block;

    text-transform: uppercase;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0; }

    .section-title h1, .section-title h2, .section-title h3, .section-title h4 {
        margin-bottom: 0;
        line-height: 1.45; }

    .section-title-blue {
        color: #2f679c; }

        .section-title-orange {
        color: #f19a6d; }


        .hp-row {
            padding-top: 60px;
            align-items: center;
        }

    .icon-key h4:before {
        content: '\f084';
        font-family: "Font Awesome 6 Free";
        color: #ee7834;
        font-weight: 300;
        margin-right: 8px; }

    .icon-life-ring h4:before {
        content: '\f1cd';
        font-family: "Font Awesome 6 Free";
        color: white;
        font-weight: 400;
        margin-right: 8px; }

    .icon-thumbs-up h4:before {
        content: '\f164';
        font-family: "Font Awesome 6 Free";
        font-weight: 300;
        margin-right: 8px; }

    .icon-graph h4:before {
        content: '\f643';
        font-family: "Font Awesome 6 Free";
        color: white;
        font-weight: 300;
        margin-right: 8px; }

    .icon-podium h4:before {
        content: '\f680';
        font-family: "Font Awesome 6 Free";
        color: #003164;
        font-weight: 300;
        margin-right: 8px; }

.video-thumb-container {
    display: inline;
    position: relative;
    cursor: pointer; }

.video-thumb-container.popup-link img {
    transition: 175ms ease-in-out; }

.video-thumb-container.popup-link:hover img {
    transform: scale(1.03); }

.video-caption {
    position: absolute;
    left: 50%;
    bottom: 50%;

    transform: translate(-50%);

    font-family: "Roboto", sans-serif;
    font-weight: 600;
    color: white;
    text-transform: uppercase; }

.divider {
    position: relative;
    height: 2px;
    margin: 20px 0; }
    .divider:after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 140%;
        max-width: 90vw;
        height: 2px; }
    .divider-teal:after {
        background-color: #72abb6; }

.full-divider {
    position: relative;
    height: 2px;
    margin: 20px 0; }

    .full-divider-small {
        margin: 8px 0; }

    .full-divider-left:after {
        width: 170%;
        left: -70%; }

    .full-divider-left-indent:after {
        right: -10%; }

    .full-divider-right:after {
        width: 170%;
        right: -70%; }

    .full-divider-blue:after {
        background-color: #2f679c; }

    .full-divider-white:after {
        background-color: white; }

    .full-divider:after {
        content: '';
        position: absolute;
        height: 2px; }

.orange-bg {
    background-image: linear-gradient(to right, #f19a6d 30%, #f7bf87); }

    .orange-bg .text-white h4 {
        width: 80%;
        margin-top: 15px;
    }

.text-orange {
    color: #f19b6d; }

/* Home Hero & Nav */
#top-container {
    transition: 200ms ease-in-out; }
    #top-container.top-container-bg {
        background-color: rgba(0, 49, 100, .85);
        /*mix-blend-mode: multiply;*/
        mix-blend-mode: normal; }
    #top-container.top-container-bg.scrolled {
        box-shadow: 3px 4px 15px -4px rgba(0, 0, 0, .5);
        mix-blend-mode: unset;
        padding: 18px; }
    #top-container.scrolled:not(.top-container-bg) {
        padding: 18px;
        background-color: rgba(0, 49, 100, .85);
        box-shadow: 3px 4px 15px -4px rgba(0, 0, 0, .5); }

    #top-container .logo-wrapper img {
        transition: 200ms ease-in-out; }

    #top-container.scrolled .logo-wrapper img {
        max-width: 220px; }

#top-container .nav {
    display: flex;
    display: -ms-flex;
    flex-direction: row;
    flex-basis: 80%;
    -ms-flex-direction: row;
    justify-content: space-between;
    -ms-justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none; }

#top-container .nav li:nth-child(5) a {
    background-color: #f1f529;
    min-height: 50px;
    color: #000;
    padding: 10px 20px;
}

.home-hero-container {}
    .home-hero-container strong, .eg-hero-container strong {
        font-weight: 800; }

    .home-hero-container .hero-image {
        /*height: 450px;*/ }

    .eg-hero-container .hero-image {
        height: 430px; }

    .hero-container .hero-image img {
        width: 100%;
        /*height: 100%;*/
        /*max-height: 700px;*/

        object-fit: cover;
        object-position:left;
         }

    .hero-overlay-wrapper {
        max-width: 300px; }
        #internal_overlay_wrapper {
            float:  right;
        }

    .hero-overlay-wrapper-large {
        max-width: 420px; }

    .hero-overlay-divider {
        height: 2px;
        background-color: white;

        width: 150%;

        margin-top: 10px;
        margin-bottom: 14px;

        transform: translateX(-30%); }

        #testimonials {
            background: rgb(87,155,170);
            background: linear-gradient(90deg, rgba(87,155,170,1) 22%, rgba(143,178,185,1) 54%);
        }
        #testimonials img {
            min-height:  130px;
        }
        #testimonials p {
            color:  white;
        }


/* Site Description Section */
#site-description-section {
    background-image: url('../images/bgs/site-desc-bg.png');
    background-position: center;
    background-size: cover;
    background-color: #006078;
    background-repeat: no-repeat; }

    .home-video-thumb-container {
        position: relative; }
        #home-video-thumb-wrapper {
            cursor: pointer;
            transition: 250ms ease-in-out;
            box-shadow: -3.2px 6.2px 32.6px 2.5px rgba(0, 0, 0, .26); }

        #home-video-thumb-wrapper:hover {
            transform: scale(1.04);
        }

        .home-video-caption {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            font-family: "Roboto", sans-serif;
            font-weight: 600;
            color: white;
            text-transform: uppercase;
            background-color: rgba( 0, 0, 0,0.6); }

            .home-video-caption p {
                position: absolute;
                top: 60%;
                left: 40%;
            }

        .home-video-caption i {
            margin-right: 6px; }

        #home-video-thumb-wrapper img {
            object-fit: cover;
            background-color: black; }

/* Stats Section */
#stats-section {
    background-image: url('../images/bgs/stats-section-bg.png');
    background-position: center;
    background-size: cover;
    background-color: #2a76b6;
    background-repeat: no-repeat; }

    .stats-card {
        font-family: "Roboto", sans-serif;
        max-width: 400px;
        margin: 0 auto;
        padding: 30px 28px;
        box-shadow: 0 0 16.6px 1.4px rgba(0, 0, 0, 0.45);
        border: solid 2px #fff;
        background-color: rgba(255, 255, 255, .76); }

    .stats-card p {
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        text-align: center;

        line-height: .8;
        font-weight: 800; }

    .stats-card p:not(:last-child) {
        margin-bottom: 20px; }

    .stats-text-3c {
        font-size: 16vw; }

    .stats-text-4c {
        font-size: 10.4vw; }

    .stats-text-5c {
        font-size: 8.8vw; }

    .stats-text-9c {
        font-size: 6.4vw; }

    .stats-text-10c {
        font-size: 4.4vw; }

    .stats-text-11c {
        font-size: 4vw; }


    .orange-gradient {
        background-image: linear-gradient(to top, #f19a6d, #f7bf87); }
    .teal-gradient {
        background-image: linear-gradient(to top, #579baa, #8fb2b9); }
    .blue-gradient {
        background-image: linear-gradient(to bottom, #5884ad, #78a4c6); }

/* Activate CTA Section */
#activate-cta-section {
    background-image: url('../images/bgs/activate-cta-bg.png');
    background-color: #f2f5f8;
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat; }

/* Footer */
footer {
    background-color: #003164; }

    footer strong {
        font-weight: 800; }

    footer .ccm-block-page-list-page-entry {
        margin-bottom: 0; }

        footer div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title {
            font-weight: 400; }

    footer .ccm-block-social-links {
        margin: 0 auto;
        max-width: 185px; }

        footer .ccm-block-social-links ul {
            display: flex;
            display: -ms-flex;

            justify-content: space-between;
            -ms-justify-content: space-between;

            margin-bottom: 0; }

            footer .ccm-block-social-links ul .fa {
                font-size: 28px; }

/* Internal Hero */
.internal-hero-container {
    border-bottom: 10px solid #f19a6d; }
.internal-hero-container .hero-image {
    /*height: 400px;*/ }
    .internal-hero-container .hero-image img {
        margin-top: 100px;
        height:auto;
        object-fit:contain!important;
    /*height: 400px;*/ }

    .internal-hero-container div.ccm-area[data-total-blocks="0"] {
        height: 100%; }

.secondary-banner {
    width:  100%;
    padding: 20px 0;
    background-color: #F3E9AC;
}

.secondary-banner img {
    width:  100%;
}
/* Content (Typically, internal page content) */
.content p {
    margin-bottom: 22px; }

/* Employee Group Template */
.benefits-row {
    min-height: 150px;
    color: #fff; }

    .benefits-row .btn-main {
        background-image: unset;
        background-color: white;
        color: black;
    }

    .benefits-row p {
        color: #fff;
    }

.benefits-row-1 {
    background-image: url('../images/bgs/benefits-row-1.png'), linear-gradient(to right, #ecd474, #f5eb9a);
    background-blend-mode: multiply;
    background-size: cover; }

.benefits-row-2 {
    background-image: url('../images/bgs/benefits-row-2.png'), linear-gradient(to right, #5884ad, #78a4c6);
    background-blend-mode: multiply;
    background-size: cover; }

.benefits-row-3 {
    background-image: url('../images/bgs/benefits-row-3.png'), linear-gradient(to right, #579baa, #8fb2b9);
    background-blend-mode: multiply;
    background-size: cover; }

.benefits-row-4 {
    background-image: url('../images/bgs/benefits-row-4.png'), linear-gradient(to right, #f19a6d, #f7bf87);
    background-blend-mode: multiply;
    background-size: cover; }

.benefits-row-5 {
    background-image: url('../images/bgs/benefits-row-5.png'), linear-gradient(to right, #aa95c3, #b1a8cc);
    background-blend-mode: multiply;
    background-size: cover; }

.benefits-row-6 {
    background-image: url('../images/bgs/VisionInsurance.png'), linear-gradient(to right, #aa95c3, #b1a8cc);
    background-blend-mode: multiply;
    background-size: cover; }

    .benefits-row-7 {
    background-image: url('../images/bgs/RetireeMemberBenefits.png'), linear-gradient(to right, #aa95c3, #b1a8cc);
    background-blend-mode: multiply;
    background-size: cover; }

    .benefits-row-8 {
    background-image: url('../images/bgs/SpecifiedDiseases.png'), linear-gradient(to right, #aa95c3, #b1a8cc);
    background-blend-mode: multiply;
    background-size: cover; }

    .benefits-row-9 {
    background-image: url('../images/bgs/PetInsurance.png'), linear-gradient(to right, #aa95c3, #b1a8cc);
    background-blend-mode: multiply;
    background-size: cover; }
    .benefits-row-10 {
    background-image: url('../images/bgs/Accidents.png'), linear-gradient(to right, #aa95c3, #b1a8cc);
    background-blend-mode: multiply;
    background-size: cover; }
#testimonial-section {
    background-color: #579baa; }

    .testimonial-image-container img {
        border-radius: 50%; }


#employee-group-video-section .full-divider-right:after{
        width: 170%;
        left: -100%;
    }

    .full-divider-group:after {
            width: 230%;
            left: -130%;
    }
.video-thumb-container img {
    background-color: black; }

    .hww-row {
        align-items: center;
        padding: 25px 0;
        position: relative;
    }
    .hww-row:nth-child(odd):after {
        content: '';
    background-image: url(/norvest/application/themes/norvest/images/12.png);
    position: absolute;
    height: 111px;
    width: 40%;
    bottom: -10%;
    right: 40%;
    z-index: 5;
    transform: rotate(330deg);

    }

    .hww-row:nth-child(even):after {
        content: '';
    background-image: url(/norvest/application/themes/norvest/images/12.png);
    position: absolute;
    height: 111px;
    width: 40%;
    bottom: 0;
    right: 25%;
    z-index: 5;
    transform: rotate(200deg);
    }
    .hww-row:nth-child(6):after {
        content: '';
    background-image: unset;
    position: absolute;
    height: 111px;
    width: 40%;
    bottom: 0;
    right: 25%;
    z-index: 5;
    transform: rotate(200deg);
    }
    .hww_cta {
        background-color:  #f2f5f8;
        padding: 25px;
    }
    .hww_cta h3 {
        color:  #3c6798;
        font-size: 24px;
    }

    @media screen and (max-width:  991px) {
        .hww-row:nth-child(even) {
            display:  flex;
            flex-direction: column-reverse;
        }
        .hp-row:nth-child(even) {
            display:  flex;
            flex-direction: column-reverse;
        }
    }
   

    .login_block_container {

    }
    .login_block_container .form-group {
        display: block;
    }

    .login_block_container input[type=text] {
        margin-bottom:  20px;
        background-color: #E7E9EB;
        border: 0;
        padding: 10px 20px;
        width: 85%;

    }
    .login_block_container input[type=password] {
        margin-bottom:  20px;
        background-color: #E7E9EB;
        border: 0;
        padding: 10px 20px;
        width: 85%;
    }

    .login_block_container input[type=checkbox] {
        margin-bottom:  20px;
        vertical-align: baseline;
    }

    .login_block_container input[type=submit] {
            display: inline-block;
            background-image: linear-gradient(to right, #f19a6d, #f7bf87);
            color: white;
            transition: 200ms ease-in-out;
            border: 0;
            padding: 10px 20px;
    }


/* Mobile Menu */
#open-menu-drawer {
    cursor: pointer;
    font-size: 40px; }
#open-menu-drawer i {
    color: #fff; }
.mm-ocd__content {
    background-color: #003164;
    box-shadow: 5px 0px 12px 1px rgba(0, 0, 0, 0.3); }
.mm-ocd__content .nav {
    padding-left: 0;
    margin: 25px 0;
    list-style-type: none; }
.mm-ocd__content .nav li {
    background-color: white;
    margin-bottom: 25px;
    transition: 175ms ease-in-out; }
.mm-ocd__content .nav li a {
    display: block;
    color: #003164;
    padding: 12px 25px;
    font-size: 26px;
    transition: 175ms ease-in-out; }
.mm-ocd__content .nav li:hover a {
    transform: translateX(15px); }

/* Fixes for 3rd party libraries */
.mfp-wrap .mfp-container {
    position: fixed !important;
    top: 0 !important; }
    .employee-hero {
            display:  none;
        }

        .employee-hero-mobile .hero-overlay-wrapper {
            float:  left !important;
        }

#top-container .logo-wrapper img {
	height:auto!important;
}

#top-container.scrolled:not(.top-container-bg){
padding:25px;	
}

/* Responsive */

@media all and (min-width: 541px) {
    .home-hero-container .hero-image {
        /*height: 530px;*/ }
    .hero-overlay-wrapper {
        max-width: 410px; }

    .hero-overlay-wrapper-large {
        max-width: 500px; }

    .internal-hero-container .hero-image {
        /*height: 450px;*/ }

    .eg-hero-container .hero-image {
        height: 480px; }

    .hero-overlay-divider {
        margin-top: 32px;
        margin-bottom: 32px; }
}

@media all and (min-width: 768px) {
    .home-hero-container .hero-image {
        /*height: 640px;*/ }
    .hero-overlay-wrapper {
        max-width: 440px; }

    .hero-overlay-wrapper-large {
        max-width: 580px; }

    .internal-hero-container .hero-image {
        /*height: 500px;*/ }

    .eg-hero-container .hero-image {
        height: 540px; }

    .overlay-left {
        bottom: 50%;
        transform: translateY(50%); }

    .overlay-right {
        bottom: 40%;
        transform: translateY(50%);
    }

    #home-video-thumb-wrapper img {
        object-fit: cover;
        height: 400px;
        background-color: black; }

    .stats-text-3c {
        font-size: 11vw; }

    .stats-text-4c {
        font-size: 7.4vw; }

    .stats-text-5c {
        font-size: 6.8vw; }

    .stats-text-9c {
        font-size: 4.4vw; }

    .stats-text-10c {
        font-size: 3.4vw; }

    .stats-text-11c {
        font-size: 3vw; }
        .employee-hero {
            display:  block;
        }
        .employee-hero-mobile {
            display:  none;
        }


}

@media all and (min-width: 981px) {
    #home-video-thumb-wrapper {
        position: absolute;
        top: 0;
        right: 0; }
  /*  .home-video-caption::before {
        content: '';
        background-color: white;
        width: 100vw;
        height: 2px;
        z-index: 5;
        position: absolute;
        right: 125%;
        top: 50%; }*/
    .home-hero-container .hero-image {
        /*height: 787px;*/ }

    .internal-hero-container .hero-image {
        /*height: 551px;*/ }

    .eg-hero-container .hero-image {
        height: 632px; }

    .hero-overlay-wrapper {
        max-width: 460px; }

    .hero-overlay-wrapper-large {
        max-width: 700px; }

}
/*
@media screen and (min-width: 992px) and (max-width: 1080px) {
    .main-nav { width: 100% !important; margin-top: 15px; }
}
*/
@media screen and (max-width: 1200px) {
.btn-pay a.wp-block-button__link {
  background-color: #f1f529 !important;
  color: #000 !important;
  padding: 10px 5px !important;
  text-decoration: none !important;
  margin-left: 25px !important;
  border-radius: 4px !important;
  font-weight: bold !important;
  font-size: 13px;
  line-height:13px;
  }
  #top-container .logo-wrapper img{
  width:240px!important;
  }
  
  #payNowMobileContainer,#payNowContainer{
  position:absolute;
  width:auto!important;
  top:30px;
  right:10px;
  }
  #payNowMobileContainer .btn-pay a.wp-block-button__link,
  #payNowContainer .btn-pay a.wp-block-button__link{
  margin-left:0px!important;
  }
  
  #top-container ul.nav li a{
		font-size: 13px!important;
	}
}


@media screen and (max-width: 1050px) {
    .display-4 {
        font-size: 30px;
    }
}

@media all and (max-width: 550px) {
    .hero-overlay-top {
        font-size: 20px;
        text-shadow: 1px 1px 1px black;}
    .hero-overlay-bottom {
        font-size: 18px;
        text-shadow: 1px 1px 1px black;}

    #top-container .logo-wrapper img {
        max-width: 150px; }
    
    #top-container.scrolled .logo-wrapper img{
     max-width: 150px; 
    }

    #top-container .main-container {
        padding-left: 0;
        padding-right: 0; }
}

 @media screen and (max-width:  400px) {
	    .paynowcontainer{
			position: absolute;
    top: 10px;
    right: 10px;
		}
	}
	

/* IE Only Fixes */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hero-container .hero-image img {
      height: auto !important; }
    .hero-container .hero-image {
        height: auto !important; }
    .affixed-top {
        position: relative; }
    #top-container {
        background-color: rgba(0, 49, 100, 0.85); }
    .orange-gradient, .teal-gradient, .blue-gradient {
        background-image: none; }
}

/* ============================================================
   Gutenberg Block Editor Compatibility
   Maps wp-block-* classes to existing Norvest theme styles
   ============================================================ */

/* .wp-block-columns inside .norvest-page-content acts like .hp-row */
.norvest-page-content .wp-block-columns {
    padding-top: 60px;
    align-items: center;
    justify-content: space-between;
    gap: 0 !important; }

/* Reverse column order on mobile for even rows */
@media screen and (max-width: 991px) {
    .norvest-page-content .wp-block-columns:nth-child(even) {
        flex-direction: column-reverse; }
}

/* .wp-block-column - restore gutters */
.norvest-page-content .wp-block-column {
    padding-left: 15px;
    padding-right: 15px; }

/* Headings inside columns - match .section-title */
.norvest-page-content .wp-block-columns .wp-block-heading {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.45;
    margin-bottom: 0;
    color: #f19a6d; }  /* section-title-orange */

/* h4 inside columns - match icon-key */
/*.norvest-page-content .wp-block-columns h4.wp-block-heading::before {
    content: '\f084';
    font-family: "Font Awesome 6 Free";
    color: #ee7834;
    font-weight: 900;
    margin-right: 8px;
    font-style: normal;
    display: inline-block;
}*/

.home .norvest-page-content {
	margin:0px 5%;	  
}
/* Horizontal rule after heading - acts as .full-divider */
.norvest-page-content .wp-block-columns .wp-block-separator {
    position: relative;
    height: 2px;
    margin: 20px 0;
    border: none;
    background: none;
    overflow: visible; }

.norvest-page-content .wp-block-columns .wp-block-separator:after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #2f679c;
    width: 170%; }

/* Left-side columns: divider extends left */
.norvest-page-content .wp-block-columns .wp-block-column:first-child .wp-block-separator:after {
    left: -70%; }

/* Right-side columns: divider extends right */
.norvest-page-content .wp-block-columns .wp-block-column:last-child .wp-block-separator:after {
    right: -70%; }

/* WP Buttons block - match .btn-main */
.norvest-page-content .wp-block-button .wp-block-button__link {
    font-family: "Roboto", sans-serif;
    padding: 8px 38px;
    border-radius: 0;
    background-color:transparent!important;
    background-image: linear-gradient(to right, #f19a6d, #f7bf87);
    color: white;
    transition: 200ms ease-in-out;
    display: inline-block; }

.norvest-page-content .wp-block-button .wp-block-button__link:after {
    content: '\f061';
    font-family: "FontAwesome";
    font-weight: 400;
    margin-left: 8px; }

.norvest-page-content .wp-block-button .wp-block-button__link:hover {
    transform: translateX(10px);
    color: white; }


.wp-block-button__link,.small-container a {
  display: inline-block;
  background-image: linear-gradient(to right, #f19a6d, #f7bf87);
  color: white;
  transition: 200ms ease-in-out;
  border-radius:0px!important;
  padding:10px 40px;
}
.wp-block-button__link:hover,
.small-container a:hover {
  transform: translateX(6px);
  color: #fff;
}
.main-nav-wrapper .wp-block-button__link{
	background-color:#f1f529;
	color:#000;
	padding:10px 20px;
	text-decoration:none;
	border-radius:4px;
transition: 200ms ease-in-out;
background-image:none!important;
padding: 8px 38px;
}
.main-nav-wrapper .wp-block-button__link:hover{
	
	  transform: translateX(6px);
}
body.parent-pageid-105 .eg-hero-container .hero-image{
	height:436px;
}

/*
.wp-block-button__link{
	background-color:transparent!important;
}

.wp-block-button__link:hover{
	background-color:transparent!important;
	color: white!important;
}
*/

/* ─── Employee Group: parse_blocks() template ───────────────────────────────
   Benefits rows: each .benefits-row Columns block gets alternating
   background images (same as legacy widget-area rows).
   ─────────────────────────────────────────────────────────────────────────── */

/* Strip Gutenberg's default margins inside the benefits section */
.benefits-section .wp-block-columns {
    margin-bottom: 0; }

/* Each benefits row */
.benefits-section .wp-block-columns.benefits-row {
    align-items: center;
    padding: 2rem 3rem;
    margin-bottom: 0.75rem;
    color: #fff; }

/* Title column */
.benefits-section .benefits-row .wp-block-column:first-child .wp-block-heading,
.benefits-section .benefits-row .wp-block-column:first-child p {
    font-family: "Merriweather", serif;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    margin: 0; }

/* Body column */
.benefits-section .benefits-row .wp-block-column:nth-child(2) p {
    font-family: "Roboto", sans-serif;
    color: #fff;
    margin: 0; }

/* Button column */
.benefits-section .benefits-row .wp-block-column:last-child {
    text-align: center; }

/* Benefits row buttons: white background, black text — matches original */
.benefits-section .wp-block-button__link {
    font-family: "Roboto", sans-serif;
    padding: 8px 30px;
    border-radius: 0;
    background-image: none;
    background-color: #fff;
    color: #000 !important;
    transition: 200ms ease-in-out;
    display: inline-block;
    text-decoration: none; }

.benefits-section .wp-block-button__link:hover {
    transform: translateX(6px);
    color: #000; }


/* ── Contact Form 7 Styles ──────────────────────────────────────────────── */
.wpcf7 label {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #2f679c;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    color: #333;
    background-color: #f4f6f9;
    border: 1px solid #d0d8e4;
    border-radius: 3px;
    padding: 10px 14px;
    transition: border-color 175ms ease-in-out, box-shadow 175ms ease-in-out;
    appearance: none;
    -webkit-appearance: none;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
    outline: none;
    border-color: #2f679c;
    box-shadow: 0 0 0 3px rgba(47, 103, 156, 0.15);
    background-color: #fff;
}

.wpcf7 select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232f679c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;
    padding-right: 36px;
    cursor: pointer;
}

.wpcf7 textarea {
    min-height: 140px;
    resize: vertical;
}

.wpcf7 {
    max-width: 650px;
}

.social-links-container .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
	width:50px!important;
	display:block!important;
	flex-basis:auto!important;
}

.wpcf7 input[type="submit"] {
    font-family: "Roboto", sans-serif;
    padding: 10px 38px;
    border: 0;
    border-radius: 0;
    background-image: linear-gradient(to right, #f19a6d, #f7bf87);
    color: white;
    font-size: 15px;
    cursor: pointer;
    transition: 200ms ease-in-out;
    position: relative;
}

.wpcf7 input[type="submit"]:hover {
    transform: translateX(10px);
}

/* Required field asterisk */
.wpcf7 .wpcf7-validates-as-required {
    border-left: 3px solid #f19a6d!important;
}

/* Validation error messages */
.wpcf7 .wpcf7-not-valid-tip {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: #c0392b;
    margin-top: 4px;
}

.wpcf7 .wpcf7-response-output {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin-top: 16px;
    padding: 10px 16px;
    border-radius: 3px;
}
.mm-ocd__content .nav li a{
	font-size:16px;
}


@media screen and (max-width: 992px) {
	.main-nav{
		width:100px!important;
	}
	
	#payNowMobileContainer{
	top: 38px;
    right: 110px;
    }
    #internal_overlay_wrapper{
    padding-top:60px;
    }
}

/* ── Benefits rows: mobile ───────────────────────────────────────────────── */
@media screen and (max-width: 781px) {

    /* Gutenberg stacks columns at 782px — tighten padding and re-center */
    .benefits-section .wp-block-columns.benefits-row {
        padding: 1.5rem 1.25rem;
        flex-wrap: wrap !important; }

    /* Title: full width, centered, smaller font */
    .benefits-section .benefits-row .wp-block-column:first-child {
        flex-basis: 100% !important;
        text-align: center;
        margin-bottom: 0.5rem; }

    .benefits-section .benefits-row .wp-block-column:first-child p {
        font-size: 1.15rem; }

    /* Body: full width, centered */
    .benefits-section .benefits-row .wp-block-column:nth-child(2) {
        flex-basis: 100% !important;
        text-align: center;
        margin-bottom: 1rem; }

    /* Button: full width, already centered */
    .benefits-section .benefits-row .wp-block-column:last-child {
        flex-basis: 100% !important; }
}

/* ── Hero overlay: mobile ────────────────────────────────────────────────── */
@media screen and (max-width: 767px) {

    /* Give the hero enough height to show the overlay */
    .eg-hero-container .hero-image {
        height: 420px; }

    .eg-hero-container .hero-image img {
        height: 100%;
        object-fit: cover;
        object-position: center; }

    /* Overlay: full width across the bottom */
 

	.eg-hero-container .hero-overlay {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    padding: 0 1rem;
	    top: 105px;
	}
	
    /* Wrapper: full width, centered, semi-transparent bg for legibility */
    .eg-hero-container .hero-overlay-wrapper {
        max-width: 100%;
        width: 100%;
        background-color: rgba(0, 49, 100, 0.72);
        padding: 1rem;
        float: none !important;
        text-align: center; }

    /* County logo: smaller on mobile */
    .hero-overlay-wrapper .wp-block-image img {
        max-width: 120px; }

    /* Welcome heading: tighter size */
    .hero-overlay-wrapper .wp-block-heading {
        font-size: 1.2rem;
        line-height: 1.3; }

    /* Buttons: stack vertically, full width */
    .hero-overlay-wrapper .wp-block-buttons {
        justify-content: center; }

    .hero-overlay-wrapper .wp-block-button {
        width: 100%;
        text-align: center; }

    .hero-overlay-wrapper .wp-block-button__link {
        width: 100%;
        text-align: center;
        margin-right: 0;
        margin-bottom: 0.5rem; }
    .hero-overlay-wrapper .wp-block-image{
		float:left;
	}
	.eg-hero-container .hero-overlay-wrapper .wp-block-spacer{
		display:none!important;
	}
	
	
}

@media screen and (max-width: 575px) {
	.social-links-container .wp-block-social-links{
	display:block!important;
	margin-top:15px;
	}
	.social-list-one{
	float:right!important;
	}
	
	.social-list-two{
	float:left!important;
	}
	.wp-block-social-link a{
	display:block!important;
	}
	.wp-block-social-link.wp-social-link-facebook a{
		float:right!important;
	}
	
	.wp-block-social-link.wp-social-link-linkedin a{
		float:left!important;
	}
	footer .wp-block-spacer{
	display:none!important;
	}
	
}
@media screen and (max-width: 520px) {
.hero-overlay-wrapper .wp-block-image{
	display:none!important;
}
}
@media screen and (max-width: 480px) {

    .eg-hero-container .hero-image {
        height: 360px; }

    .hero-overlay-wrapper .wp-block-heading {
        font-size: 1rem; }

    .benefits-section .wp-block-columns.benefits-row {
        padding: 1.25rem 1rem; }
}

@media screen and (max-width: 420px) {
 
  
  #payNowMobileContainer {
    top: -4px;
    right: 16px;
    left: 0px;
  }
   .main-nav {
    margin-top: 15px;
    }
}

/* ─── Employee Group: eg-hero-block Group ────────────────────────────────── */
/* The hero Group block renders inside .hero-overlay-wrapper — strip its own
   padding/margin so it doesn't fight the overlay positioning. */
.hero-overlay-wrapper .wp-block-group {
    padding: 0;
    margin: 0; }

.hero-overlay-wrapper .wp-block-heading {
    color: #fff;
    text-transform: uppercase; }

.hero-overlay-wrapper .wp-block-image {
    margin-bottom: 1rem; }

.hero-overlay-wrapper .wp-block-image img {
    max-width: 200px; }

/* Buttons inside hero overlay */
.hero-overlay-wrapper .wp-block-button__link {
    font-family: "Roboto", sans-serif;
    padding: 8px 30px;
    border-radius: 0;
    background-image: linear-gradient(to right, #f19a6d, #f7bf87);
    background-color: transparent;
    color: #fff !important;
    transition: 200ms ease-in-out;
    display: inline-block;
    text-decoration: none;
    margin-right: 8px; }

.hero-overlay-wrapper .wp-block-button__link:hover {
    transform: translateX(6px);
    color: #fff; }

/* ─── Employee Group: eg-video-block ─────────────────────────────────────── */
/* The video Columns block — Image linked to video URL gets play affordance */
.eg-video-block .video-thumb-link {
    display: block;
    position: relative;
    overflow: hidden; }

.eg-video-block .video-thumb-link::after {
    content: '\f144';         /* fa-circle-play */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 4rem;
    color: rgba(255,255,255,0.85);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: 175ms ease-in-out; }

.eg-video-block .video-thumb-link:hover::after {
    color: #fff;
    transform: translate(-50%, -50%) scale(1.1); }

.eg-video-block .video-thumb-link img {
    display: block;
    width: 100%;
    transition: 175ms ease-in-out; }

.eg-video-block .video-thumb-link:hover img {
    transform: scale(1.03); }

/* Right column heading/text in video section */
.eg-video-block .wp-block-column:last-child .wp-block-heading {
    color: #f19a6d;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif; }

/* ─── NYSCOPBA microsite enrollment buttons ──────────────────────────────── */
.nyscopba-enroll-btns {
    margin-bottom: 2rem; }

.nyscopba-enroll-btns .wp-block-button__link {
    background-image: none;
    background-color: #003164;
    color: #fff !important;
    border-radius: 4px;
    padding: 12px 20px;
    font-size: 16px;
    text-transform: uppercase;
    transition: 200ms ease-in-out;
    text-decoration: none; }

.nyscopba-enroll-btns .wp-block-button__link:hover {
    transform: translateX(10px);
    color: #fff; }