/*
Theme Name: WellCare
Theme URI:
Author: WellCare
Author URI:
Description:
Version: 2025.01
*/
@charset "utf-8";
/* CSS Document */

::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}

.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.header{ position: absolute; top: 0; right: 0; left: 0; z-index: 100; text-align: center; color: #fff;}
/* .header .container{ height: 95px; display: flex; align-items: center;}
.header .container .title{ margin-left: auto; color: #fff; text-transform: uppercase;} */

.banner{ position: relative; overflow: hidden; z-index: 2;}
.banner .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.banner .image-fit:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ''; background: url(images/theme-img/overlay.png) no-repeat center; background-size: cover;}
.banner .container{ padding-top: 95px;}
.banner .container [class*=col-]{ height: 790px; text-align: center; display: flex; color: #fff; align-items: center; justify-content: center;}
.banner .container h3{ font-weight: 400;}
.banner .container [class*=col-] .d-flex a{ display: block;}
.banner .container [class*=col-] .d-flex a + a{ margin-left: 12px;}
.banner .container [class*=col-] .d-flex a img{ border-radius: 10px; /*border: 2px solid var(--bs-primary);*/border: 2px solid #fff; }
.banner .banner-shape{ line-height: 0; text-align: center; bottom: 0; left: 0; right: 0; z-index: 20; pointer-events: none; position: absolute;}

.section{ padding: 40px 0 0 0; position: relative; z-index: 1;}
.section [class*=col-]{ margin-bottom: 40px;}
.box{ background-color: #fff; padding: 32px; border-radius: 24px; text-align: center; box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 30px;}
.box img{ display: block; margin: 0 auto 16px; }
.box h4{ margin-bottom: 16px;}

.cta{ background: var(--bs-gradient);}
.cta .button { display: inline-flex;}
.cta .button img{ border-radius: 10px; border: 2px solid var(--bs-white);}
.footer{ padding: 30px 0; text-align: center; color: #fff; background-color: #2b2b2b;}
.footer p{ margin-bottom:10px}
.footer a{ color:#fff;}
.footer a{ color:#fff; text-decoration:none}

@media (min-width:320px) {
h1{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18{font-size:calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5));}
}

@media (min-width:1400px) {
h1{font-size:48px;}
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
}

@media (min-width:768px) {
.header .container{ height: 95px; display: flex; align-items: center;}
.header .container .title{ margin-left: auto; color: #fff; text-transform: uppercase;}
}

@media (min-width:992px) {
.section{ padding: 60px 0 20px;}
}

@media (min-width:1200px) {
.section{ padding: 80px 0 40px;}
}

/* #Media Queries
================================================== */
@media (min-width:768px) and (max-width:991px) {
.banner .container [class*="col-"]{ height: auto;}
.banner .container [class*="col-"] + [class*="col-"]{ margin-top: 40px;}
} 
/* END__ */

@media only screen and (max-width:767px) {
.banner .container [class*="col-"]{ height: auto;}
.banner .container [class*="col-"] + [class*="col-"]{ margin-top: 40px;}
.header{ padding: 16px 0;}
.header .title{ margin-top: 16px;}
.banner .container{ padding-top: 153px;}
.box{padding: 24px;}
} 
/* END__ */