/* HOMEPAGE ------ */
/* Top Hero Banner */
.banner-text-custom-col {
    width: 75%;
}

.banner-btn-custom-col {
    width: 25%;
}

.homepage-banner-title {
    z-index: 20;
    padding-left: 50px;
    width: 100%;
}

.homepage-banner-title-top {
    font-size: 32px; 
    font-weight: bold;
}

.homepage-banner-title-middle {
    font-size: 32px; 
    font-weight: normal;
}

.homepage-banner-title-bottom {
    font-size: 32px; 
    font-weight: normal;
}

.homepage-banner-title-btn {
    z-index: 20; 
    position:relative; 
    color: #0065BD !important; 
    width: 100%;
}

.homepage-banner-bluebg .homepage-banner-top-svg-rect {
    stroke: #555;
    stroke-width: 1px;
    fill: #555;
}

.homepage-banner-bluebg .homepage-banner-svg-content { 
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
}

.homepage-banner-bluebg .homepage-banner-bottom-svg-rect {
    stroke: #0065BD;
    stroke-width: 1px;
    fill: #0065BD;
    opacity: 0.7;
}

.banner-xl {
    display: block;
}

.banner-lg {
    display: none;
}

/* 91³Ô¹ÏÍøpage Popular on 91³Ô¹ÏÍø */
.homepage-popular-on-sfc {
    margin-top: 24%;
}

.homepage-popular-on-sfc-margins {
    margin-top: -20%;
}

.homepage-popular-on-sfc-border,
.homepage-popular-on-sfc-border-lgdown {
    position: absolute;
    z-index: 10;
}

.homepage-popular-on-sfc-border > svg {
    margin-top: 2px;
    margin-left: 2px;
}

.homepage-popular-on-sfc-text,
.homepage-popular-on-sfc-arrow {
    color: #FFFFFF;
    background: #A20067;
}

.homepage-popular-on-sfc-text > h3 {
    padding-left: 5px;
}

.homepage-popular-on-sfc-arrow {
    margin-top: -12px;
}

.homepage-popular-on-sfc-arrow-stroke {
    stroke: #FFFFFF;
}

/* 91³Ô¹ÏÍøpage Large Call To Action Top (LCTAT) - information */
.homepage-lcta-top-info {
    border-right: 4px solid #0065BD;
    width: 58%;
}

/* 91³Ô¹ÏÍøpage Large Call To Action Bottom (LCTAB) - information */
.homepage-lcta-bottom {
    z-index: 50;
    position: relative;
}

.homepage-lcta-bottom-info {
    border-right: 4px solid #A20067;
    width: 58%;
}

/* LCTAT and LCTAB - image */
.homepage-lcta-top-img {
    border:1px solid grey;
    border-left: none;
    display: block;
    width: 41.7%;
    background-image: url(/site-images/homepage/homepage-4.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.homepage-lcta-bottom-img {
    border:1px solid grey;
    border-left: none;
    display: block;
    width: 41.7%;
    background-image: url(/site-images/homepage/homepage-10.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.homepage-lcta-top-img img,
.homepage-lcta-bottom-img img {
    height: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* 91³Ô¹ÏÍøpage Small Call To Action (SCTA) - information */
.homepage-scta {
    background: #053A8A;
    z-index: 40;
    position: relative;
}

.homepage-scta-info {
    width: 80%;
}

/* SCTA - image */
.homepage-scta-img {
    border-right:4px solid #A20067;
    width: 20%;
}

.scta-img-xl {
    display: block;
    width: 100%;
}

.scta-img-lg {
    display: none;
}

/* 91³Ô¹ÏÍøpage News */
/* Left panel */
.homepage-news-leftpanel {
    border-right: 4px solid #A20067; 
}

/* Right panel */
.homepage-news-rightpanel {
    border-top: 1px solid #D1D2D6;
    border-bottom: 1px solid #D1D2D6;
    border-right: 1px solid #D1D2D6;
}

/* Right panel - separate sections */
.homepage-news-rightpanel-sectionseparator {
    border-bottom: 1px solid #D1D2D6;
}

.homepage-news-rightpanel-sectionseparator > p {
    font-weight: 500; 
    color: #0B0C0C;
}

/* Left panel see more news button */
.homepage-news-seemorebtn {
    border: 1px solid #FFF !important;
    margin-top: 50px;
}

/* News background SVG */
.homepage-news-bg-svg {
    z-index: 10;
    position: relative;
}

/* 91³Ô¹ÏÍøpage Events */
.homepage-events {
    z-index: 50; 
    border-left: 4px solid #A20067; 
    border-top: 1px solid #D1D2D6; 
    border-right: 1px solid #D1D2D6; 
    border-bottom: 1px solid #D1D2D6;
    width: 33%;
}

.homepage-wellbeing {
    width: 50%;
}

.homepage-wellbeing-image-small,
.homepage-wellbeing-info {
    width: 50%;
}

.homepage-eventswellbeing-middle-svg {
    display: block;
}

/* 91³Ô¹ÏÍøpage Blogs */
.homepage-blogs {
    border: 1px solid #D1D2D6;
}

.custom-breakpoints-homepage-blogs-left {
    border-right: 4px solid #0065BD;
}

/* .custom-breakpoints-homepage-blogs-right {
    width: 66%;
} */

.homepage-blogs-lgcontent-border {
    border-right: 1px solid #D1D2D6;
    border-bottom: none;
}
/* 
.blogs-hidden-btn {
    display: none;
} */

.homepage-blogs-btn {
    bottom: -50px !important; 
    background: #EEEEEE !important; 
    color: #0065BD !important; 
    border: 1px solid #0065BD !important;
}

.homepage-blogs-links-img {
    height: 100%;
    width: 100%; 
    border: 1px solid #D1D2D6; 
    fill: #EEE;
}

.homepage-blogs-xlcontent-border {
    border-left: 1px solid #D1D2D6; 
    border-right: 1px solid #D1D2D6; 
    border-bottom: 1px solid #D1D2D6;
}

/* 91³Ô¹ÏÍøpage Events And Wellbeing */
.homepage-events-and-wellbeing {
    margin-top: -10em;
    margin-bottom: 60px;
    background: #0065BD;
}

.homepage-events-seemore-btn {
    display: block;
}

.homepage-events-moreblogsandarticles-btn {
    display: none;
}

.homepage-events-and-wellbeing-top-svg {
    margin-top:-48px;
    z-index: 40;
}

.homepage-events-and-wellbeing-bottom-svg {
    z-index: 40; 
    margin-top: -12em; 
    margin-bottom: -30%;
}

/* 91³Ô¹ÏÍøpage Events */
.homepage-events-links-date {
    border-top-left-radius: 4px; 
    border-bottom-left-radius: 4px;
}


/* 91³Ô¹ÏÍøpage Wellbeing */
.homepage-wellbeing-image-small {
    width: 45%;
    margin-left: -15px; 
    height: 620px;
    display: block;
}

.homepage-wellbeing-image-fullwidth {
    display: none;
}

.homepage-wellbeing-info {
    padding-top: 30%;
}

.homepage-wellbeing-info:hover {
    text-decoration: none;
}

.custom-col-popular:hover {
    text-decoration: none;
}

.homepage-banner-title {
    padding-top: 17%;
}

.custom-col-popular {
    width: 23%;
    margin-left: 11px;
    padding-left: 10px;
}


/* XL Large devices (between 1200 and 1513px) */
@media (max-width: 1513px){
    .banner-text-custom-col {
        width: 100%;
    }

    .banner-btn-custom-col {
        width: 100%;
    }
    .banner-xl {
        display: none;
    }

    .banner-lg {
        display: block;
    }

    .homepage-banner-title {
        padding-left: 100px;
        padding-top: 15%;
        z-index: 10;
    }

    .homepage-banner-title-top {
        font-size: 32px; 
        font-weight: bold;
        margin-left: 50px;
    }
    
    .homepage-banner-title-middle {
        font-size: 32px; 
        font-weight: normal;
        margin-left: 50px;
    }
    
    .homepage-banner-title-bottom {
        font-size: 32px; 
        font-weight: normal;
        margin-left: 50px;
    }

    .homepage-banner-title-bottom > svg {
        display: none;
    }

    .homepage-banner-title-btn-div {
        margin-left: 50px;
        width: 100%;
    }

    .homepage-popular-on-sfc {
        margin-top: 43%;
    }

    .custom-col-popular {
        width: 100%;
        margin-bottom: 2px;
    }

    

    .scta-img-xl {
        display: none;
    }

    .scta-img-lg {
        display: block;
    }

    .homepage-events, 
    .homepage-wellbeing {
        width: 100%;
    }

    .homepage-eventswellbeing-middle-svg {
        display: none;
    }

    .homepage-events-and-wellbeing {
        background: #EEE;
    }

    .homepage-events-seemore-btn {
        display: none;
    }

    .homepage-events-moreblogsandarticles-btn {
        display: block;
        margin-bottom: 5em;
    }

    .homepage-wellbeing-image-fullwidth,
    .homepage-wellbeing-info {
        width: 100%;
    }

    .homepage-wellbeing-image-fullwidth {
        display: block;
        padding-left: 15px;
        padding-right: 15px;

    }

    .homepage-wellbeing-image-small {
        display: none;
    }

    .homepage-wellbeing-info {
        padding: 10%;
        margin-bottom: 4em;
    }
}


/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .homepage-blogs {
        border: none;
    }

    .homepage-blogs-xlcontent-border {
        border: none;
    }

    .blogs-border-md {
        border: 1px solid #D1D2D6;
    }

    .blogs-hidden-btn {
        border-bottom: 1px solid #D1D2D6;
        border-right: 1px solid #D1D2D6;
        border-left: 1px solid #D1D2D6;
    }

    .homepage-blogs-links-img {
        height: 300px;
    }

    .homepage-scta-info {
        border-left:4px solid #A20067;
    }
    
    .homepage-events-and-wellbeing {
        margin-top: 0em;
        margin-bottom: 60px;
    }

    .homepage-events-and-wellbeing {
        margin-top: -11em;
        margin-bottom: 60px;
        background: #EEEEEE;
    }

    .homepage-events {
        margin-top: 10em;
    }

    .homepage-events-moreblogsandarticles-btn {
        margin-bottom: 5em;
    }

    .homepage-popular-on-sfc-text,
    .homepage-popular-on-sfc-arrow {
        color: #0065BD;
        background: #FFFFFF;
    }

    .homepage-popular-on-sfc .homepage-popular-on-sfc-margins .col-xl-3 {
        width: 100% !important;
    }

    .homepage-popular-on-sfc {
        margin-top: 35%;
    }

    .homepage-popular-on-sfc-text > h3 {
        padding-left: -100px;
    }

    .homepage-popular-on-sfc-arrow {
        margin-top: 30px;
    }

    .homepage-popular-on-sfc-arrow-stroke {
        stroke: #0065BD;
    }

    .homepage-popular-on-sfc-border {
        position: absolute;
        z-index: 10;
        fill: #A20067;
    } 
    
    .homepage-news-rightpanel {
    border-left: 1px solid #D1D2D6;
  
}
}

/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
    .banner-lg {
        display: none;
    }
    
    .homepage-lcta-top-img,
    .homepage-lcta-bottom-img {
        display: none;
    }

    .homepage-lcta-top-info, 
    .homepage-lcta-bottom-info {
        width: 100%;
    }

    .homepage-scta-info {
        padding-right: -10em;
    }

    .scta-img-lg {
        display: none;
    }

    .homepage-banner-title {
        padding-top: 13%;
    }
    
    .homepage-banner-title-top {
        font-size: 32px; 
        font-weight: bold;
        padding-left: 70px;
    }
    
    .homepage-banner-title-middle {
        font-size: 26px; 
        font-weight: normal;
        padding-left: 70px;
    }
    
    .homepage-banner-title-bottom {
        font-size: 26px; 
        font-weight: normal;
        margin-left: 120px;
    }

    .homepage-banner-title-btn-div {
        margin-left: 120px;
    } 

    .homepage-popular-on-sfc {
        margin-top: 40%;
    }

    
}

/* Small to Medium devices (Small to medium, less than 945px) */

@media (max-width: 945px) {
    .homepage-scta-info {
        padding-right: -10em;
    }
    
    .homepage-banner-title-bottom {
        margin-left: 120px;
    }

    .homepage-banner-title-btn-div {
        margin-left: 120px;
    } 
}


/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
    .homepage-scta {
        margin-left: 10px;
    }

    .homepage-scta-info {
        margin-left: 110px;
        margin-right: 0px;
    }

    .homepage-banner-title-top {
        font-size: 32px; 
        font-weight: bold;
        padding-left: 50px;
    }
    
    .homepage-banner-title-middle {
        font-size: 26px; 
        font-weight: normal;
        padding-left: 50px;
    }
    
    .homepage-banner-title-bottom {
        font-size: 26px; 
        font-weight: normal;
        margin-left: 100px;
    }

    .homepage-banner-title-btn-div {
        margin-left: 100px;
    } 

    .homepage-popular-on-sfc {
        margin-top: 60%;
    }

    .homepage-blogs-lgcontent-border {
        border-right: none;
    }

    .blogs-border-md-bottom {
        border-bottom: 1px solid #D1D2D6;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
    .homepage-banner-title {
        padding-top: 10%;
        width: 80%;
    }

    .homepage-popular-on-sfc {
        margin-top: 90%;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 460px) { 
    .homepage-popular-on-sfc {
        margin-top: 74%;
    }

    .homepage-banner-title-top {
        font-size: 28px; 
        margin-left: 20px;
    }
    
    .homepage-banner-title-middle {
        font-size: 20px; 
        margin-left: 20px;
    }
    
    .homepage-banner-title-bottom {
        font-size: 20px; 
        margin-left: 70px;
    }

    .homepage-banner-title-btn-div {
        margin-left: 70px;
    }
}