/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/*Banner*/

div#mainbanner {
    overflow: hidden;
    max-height: 686px;
}

div#mainbanner .slider-item {
    height: 668px;
    background-size: cover;
    position: relative;
    outline: none !important;
}
.hero-slider .caption-container .description * {
    text-align: center;
    opacity: 1;
    display: block;
}

.hero-slider .caption-container {
    bottom: 0px;
    position: absolute;
    width: 100%;
    text-align: center;
}


.hero-slider .description h2 a  {
    font-size: 35px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #23438e;
    text-decoration: none;
}

.hero-slider .description p {
    font-size: 16px;
    font-weight: 500;
}

.hero-slider .caption-container > div {
    background: rgba(255, 255, 255, 0.8);
    padding: 1px 25px 10px 30px;
    margin: 0 auto;
    float: none;
    max-width: 720px;
}

header#navbar:before {
    content: "";
    background-image: url(/sites/default/files/2020-06/header-bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
    position: absolute;
	top: 0;
	right: 0;
    width: 100%;
    height: 100%;
}
header#navbar:before {
    width: 46%;
}

@media (min-width:100px){
	header#navbar:before {
		height: 82%;
	}
	header#navbar:before {
		width: 46%;
	}		
}
@media (min-width:768px){
	header#navbar:before {
		height: 72%;
	}
	header#navbar:before {
		width: 40%;
	}		
}
@media (min-width:992px){
	header#navbar:before {
		height: 82%;
	}
	header#navbar:before {
		width: 35%;
	}		
}
@media (min-width:1200px){	
	header#navbar:before {
		height: 166%;
	}
	header#navbar:before {
		width: 42%;
	}	
}

/* features services */

/*.features-services div:first-child > div {
    background: #e4a1b9;
    background: -webkit-linear-gradient(left,#e4a1b9,#efafc6 32%,#ef8caf 67%,#f095b5);
    background: linear-gradient(90deg,#e4a1b9 0,#efafc6 32%,#ef8caf 67%,#f095b5);
}

.features-services div:nth-child(2) > div {
    background: #bc92e6;
    background: -webkit-linear-gradient(left,#bc92e6,#c59ced 35%,#c398ed 62%,#d6c0ec);
    background: linear-gradient(90deg,#bc92e6 0,#c59ced 35%,#c398ed 62%,#d6c0ec);
}

.features-services div:last-child > div {
    background: #74bff8;
    background: -webkit-linear-gradient(left,#74bff8,#9bd0f8 30%,#a4d5fa 63%,#72c0fb);
    background: linear-gradient(90deg,#74bff8 0,#9bd0f8 30%,#a4d5fa 63%,#72c0fb);
}*/

.features-services div > div {
    background: #23438e;
}

.features-services div > div:hover {
    background: #ed1927;
}


.features-services div > div > h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: Montserrat, sans-serif;
}

.features-services > div > div {
    padding: 60px 40px;
   /* -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: -85px;*/
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    min-height: 269px;
    text-align: center;
}

.features-services p {
    color: #888888;
    font-weight: 400;
}

.row.features-services {
    padding-top: 48px;
    padding-bottom: 48px;
}

.features-services h4 {
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
}

p.contact-us {
    background: #23438e;
    display: inline-block;
    padding: 10px 30px;
    margin-top: 20px;
}

.blurb.big-image > div:nth-child(2) {
    padding-top: 7%;
}

.contact-us a {
    color: #fff;
}

.phone-info {
    float: right;
    font-size: 25px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
    color: #23438e;
    font-family: Montserrat, sans-serif;
    padding-right: 45px;
    position: relative
}

.phone-info a {
    color: #23438e;
}

@media (min-width:100px){
	.phone-info {
		color: #23438e;
	}
	.phone-info a {
		color: #23438e;
	}		
}
@media (min-width:768px){
	.phone-info {
		color: #ffffff;
	}
	.phone-info a {
		color: #ffffff;
	}		
}
@media (min-width:992px){
	.phone-info {
		color: #ffffff;
	}
	.phone-info a {
		color: #ffffff;
	}	
}
@media (min-width:1200px){	
	.phone-info {
		color: #ffffff;
	}
	.phone-info a {
		color: #ffffff;
	}
}


.top-bar.container {
    padding: 10px 0;
}

.number-phone {
    font-size: 14px;
	line-height: 14px;
    font-weight: 600;
}
@media (min-width:100px){
	.number-phone {
		font-size: 14px;
		line-height: 14px;
	}		
}
@media (min-width:768px){
	.number-phone {
		font-size: 18px;
		line-height: 18px;
	}		
}
@media (min-width:992px){
	.number-phone {
		font-size: 18px;
		line-height: 18px;
	}		
}
@media (min-width:1200px){	
	.number-phone {
		font-size: 25px;
		line-height: 24px;
	}
}
.text-phone {
    font-size: 14px;
    font-weight: 400;
}
@media (min-width:100px){
	.text-phone {
		font-size: 10px;
	}		
}
@media (min-width:768px){
	.text-phone {
		font-size: 14px;
	}		
}
@media (min-width:992px){
	.text-phone {
		font-size: 14px;
	}		
}
@media (min-width:1200px){	
	.text-phone {
		font-size: 14px;
	}
}
.phone-info:after {
    content: "\f590";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    font-size: 45px;
    position: absolute;
    top: 14px;
}

@media (min-width:100px){
	.phone-info:after {
		font-size: 30px;
	}	
}
@media (min-width:768px){
	.phone-info:after {
		font-size: 45px;
	}		
}
@media (min-width:992px){
	.phone-info:after {
		font-size: 45px;
	}		
}
@media (min-width:1200px){	
	.phone-info:after {
		font-size: 45px;
	}
}

.phone-info > div {
    margin-right: 18px;
}
@media (min-width:100px){
	.phone-info > div {
		margin-right: 10px;
	}
}
@media (min-width:480px){
	.phone-info > div {
		margin-right: 16px;
	}
}
@media (min-width:768px){
	.phone-info > div {
		margin-right: 18px;
	}	
}
@media (min-width:992px){
	.phone-info > div {
		margin-right: 18px;
	}		
}
@media (min-width:1200px){	
	.phone-info > div {
		margin-right: 18px;
	}
}
.webform-required {
    display: none;
}

div#webform-submission-make-an-appointment-today-page-variant-home-panels-variant-0-form-ajax .form-item .panel-title {
    background: #e4a1b9;
    background: -webkit-linear-gradient(left,#e4a1b9,#efafc6 32%,#ef8caf 67%,#f095b5);
    background: linear-gradient(90deg,#ec1564 0,#e63574 32%,#ec81a7 67%,#ef84a9);
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div#webform-submission-make-an-appointment-today-page-variant-home-panels-variant-0-form-ajax  .panel {
    border: none;
    box-shadow: none;
}

.panel-body {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group {
    margin-top: 0px;
}

.form-control{
    height: 45px;
}

.bs-region div#webform-submission-make-an-appointment-today-page-variant-home-panels-variant-0-form-ajax h2 {
    font-weight: 500;
    margin-bottom: 30px
}

p.time-val {
    float: right;
    color: #23438e;
    font-weight: 600;
}

p.label {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #121212;
    vertical-align: top;
    float: left;
}


.site-address i.fas {
    color: #23438e;
    margin-right: 10px;
}

section#block-copyright {
    margin-top: 25px;
    font-weight: 500;
}

footer h2#block-mainnavigation-menu {
    font-size: 18px;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding-left: 15px;
}

footer .menu li > a:hover {
    background-color: transparent;
}
footer .menu li > a {
    font-weight: 600;
}

ul.social-link {
    list-style: none;
    overflow: auto;
    padding-left: 0px;
}

.sm-container {
    overflow: auto;
}

ul.social-link > li {
    float: left;
    margin: 10px 7.5px;
}

ul.social-link > li:last-child {
    margin-right: 0px;
}
ul.social-link > li:first-child {
    margin-left: 0px;
}
ul.social-link > li {
    float: left;
    margin: 10px 7.5px;
    line-height: 100%;
}

ul.social-link > li a {
    font-size: 30px;
}

ul.social-link > li a {
    font-size: 30px;
}

/* icons */

i.fab.fa-facebook-square {
    color: #3b5998;
}

i.fab.fa-twitter-square {
    color: #1b80be;
}

i.fab.fa-google-plus-square {
    color: #dd4b39;
}

i.fab.fa-instagram-square {
    color: #D52977;
}

i.fab.fa-linkedin {
    color: #1da1f2;
}

i.fab.fa-pinterest-square {
    color: #bc1a1a;
}

section#block-timespharmacycenter {
    margin-top: 15px;
}

section#block-timespharmacycenter h2.block-title {
    margin-bottom: 15px !important;
}

.site-address p {
    margin-bottom: 0px;
}


/* banner */

div#mainbanner .slider-item:before {
    content: "";
    width: 100%;
    height: 668px;
    position: absolute;
    background: rgba(0,0,0,0.4);
}

.hero-slider .caption-container {
    bottom: 35%;
    position: absolute;
    width: 100%;
    text-align: center;
} 

.hero-slider .caption-container > div {
    background: transparent;
    padding: 1px 25px 10px 30px;
    margin: 0 auto;
    float: none;
    max-width: 702px;
    position: relative;
    left: 20%;
}

.hero-slider .caption-container > div *, .hero-slider .caption-container > div * a {
    color: #ffffff;
    text-align: left !important;
}

.hero-slider .caption-container > div a {
    line-height: 145%;
    text-decoration: none;
}

.hero-slider .caption-container > div a:focus {
    outline: none;
}

.navbar-default .navbar-nav > .active > a {
    background: transparent;
}

.features-services div > div:hover {
    background: #ed1927;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.features-services i.fas {
    color: #337ab7;
    font-size: 40px;
    margin-bottom: 20px;
}

.block-banner {
    padding: 17% 0px 18% 0px;
    max-height: 668px;
    background-size: cover;
    background-repeat: no-repeat;
}

.row.blurb-images.p-down > div {
    text-align: center;
}

.blurb-images.p-down {
    padding: 20px 0px;
}

.content .row {
    padding: 20px 0px;
}

span.red {
    color: #ed1927;
}

.mission-statement > ul > li span.red {
    color: #ed1927;
    font-weight: 700;
}
.mission-statement > ul > li {
    font-size: 18px !important;
    font-weight: 500;
}

.blurb-images.p-down p {
    margin: 15px 0px 15px 0px;
}

section.inner-banner.with-bg {
    padding-top: 10%;
    padding-bottom: 10%;
    margin-bottom: 25px;
}

section.inner-banner.no-bg {
    padding-top: 3%;
    padding-bottom: 0%;
    margin-bottom: 0px;
}

section.inner-banner.no-bg .breadcrumb {
    margin-bottom: 0px;
}

/* Sched Form */

.sched-form img {
    height: auto;
}

.form-datetime input {
    width: 100% !important;
}

.form-datetime .panel-title {
    background: #e4a1b9;
    background: -webkit-linear-gradient(left,#e4a1b9,#efafc6 32%,#ef8caf 67%,#f095b5);
    background: linear-gradient(90deg,#ec1564 0,#e63574 32%,#ec81a7 67%,#ef84a9);
    color: #ffffff;
}

.sched-form {
    margin-top: 50px;
}

.form-datetime .panel-body {
    margin-left: -15px;
    margin-right: -15px;
}

.webform-button--submit {
    background: #23438e;
    display: inline-block;
    padding: 11px 49px 12px 47px;
    margin-top: 0px;
    margin-right: 0px;
}

.btn-primary:focus, .btn-primary.focus {
    outline: none !important;
    border: 0px;
}
/* Diabetes Form*/

.diabets-form h3 {
    margin-top: 0px;
}

.col-sm-9 article {
    padding-top: 15px;
}

.col100 {
    width: 100%;
    height: auto;
}

p.blurb-icon {
    font-size: 30px;
    color: #ed1927;
    float: left;
    margin-right: 10.5px;
}

p.blurb-p {
    display: inline-block;
    margin-left: 10.5px;
}

/* Location */

p.blurb-icon.hours {
    display: block;
    float: none;
    margin-bottom: 0px;
}

.blurb-p ul {
    list-style: none;
    padding-left: 5px;
}

.views-row > div > span > div {
    display: block;
    overflow: auto;
    margin: 7.5px 0px 9px 0;
}

.loc-item h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px;
}

.loc-item {
    overflow: auto;
    padding-top: 25px;
    margin-left: -15px;
    margin-right: -15px;
}



.town-region .view-content > div {
    min-height: 455px;
}

.loc-item .views-row .views-field.views-field-nothing {
    padding: 15px;
    border: 1px solid #eaeaea;
    min-height: 410px;
}

.lahaina-region .view-content > div {
    margin: 0 auto;
    float: none;
}
.lahaina-region .view-content {
    overflow: auto;
}

.path-node-29 .col-sm-12.bs-region.bs-region--top {
    padding-bottom: 0px;
}

.view-header h3 {
    font-size: 25px;
}

.loc-item p.blurb-p {
    width: 80%;
    margin-left: 0px;
}

.path-node-29 .view-header h3 {
    font-size: 18px;
}

p.covid-p {
    color: #ed1a24;
}

header a.is-active {
    font-weight: 700 !important;
}

header a.is-active:before{
    display: none;
}

header .active-trail {
    font-weight: 700 !important;
}

.news-con h2 {
    font-size: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #23438e;
    text-decoration: none;
    text-align: center;
}

.news-con .view-header {
    overflow: auto;
}

/* News list */

.row.news-item.views-row > div > span > div{
    padding-bottom: 20px;
}

.row.news-item.views-row .col-md-9 > p{
margin: 0px;
}


.row.news-item.views-row a {
    font-weight: bold;
    font-size: 20px;
}

.row.news-item.views-row p.date {
    font-weight: 600;
    font-size: 12px;
}

/* june 18 2020 */

.page-node-type-news .field.field--name-field-banner {
    margin: 10px 20px 20px 10px;
}

.page-node-66 .field.field--name-body.field--type-text-with-summary.field--label-visually_hidden.quickedit-field img {
    padding: 20px 20px 20px 20px;
}

.page-node-type-events .field.field--name-field-image {
    padding: 20px 10px 20px 0px;
}

.page-node-type-news .page-header {
    margin-top: 20px;
    border-bottom: none;
}

.page-node-type-events .field.field--name-body {
    padding: 10px 10px 10px 0px;
}

.page-node-type-events .page-header {
    margin-top: 20px;
}

/* ok css */

p.blurb-icon .fas {
    vertical-align: top;
}
p.blurb-icon {
    line-height: 1.4em;
}
p.blurb-icon {
    font-size: 25px;
    color: #ed1927;
    float: left;
    margin-right: 11px;
    width: 28px;
    text-align: center;
}
h2.manager-info {
    color: #23438e;
    font-size: 24px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 4px;
}
p.position-info {
    font-size: 18px;
    color: #ed1a24;
    font-weight: 600;
}
.row.meet-section {
    padding: 30px 0;
}
.row.meet-section1{
    padding-top: 38px;
}


/*about*/
.block-banner.about-banner {
    padding: 0% 0px 18% 0px;
    max-height: 360px;
}
.main-container .about-grid img {
    max-width: 100%;
    height: 512px;
    object-fit: cover;
}
.blurb-images.p-down p {
    margin: 15px 0px 15px 0px;
    text-transform: uppercase;
    font-weight: 700;
}
.col-md-6.col-sm-12.blurb-p.mission-statement ul {
    padding: 0;
}
.mission-statement > ul > li {
    font-size: 18px !important;
    font-weight: 500;
    list-style: none;
    padding: 0;
}
span.red.firstletter {
    font-size: 32px;
    line-height: 1.4em;
    display: inline-block;
    padding-right: 4px;
}
.row.blurb-images.p-side.about-sec2 {
    padding: 50px 0px;
}
.page-node-type-locationslocations section.inner-banner.no-bg h1 {
    font-size: 35px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #23438e;
    text-decoration: none;
}

/*Sidebar Styling*/
h2.tp-header {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0px;
    background: #23438e;
    color: #ffffff;
    text-align: center;
    padding: 20px 0;
}
section.inner-banner.no-bg {
    padding-top: 6%;
}
.region-sidebar-first .navbar-nav > li > a {
    padding-left: 15px;
    padding-right: 15px;
}
.region-sidebar-first ul > li:hover {
    background: #f5f5f2;
}
.region-sidebar-first ul.menu.menu--main.nav.navbar-nav {
    width: 100%;
    border-left: 1px solid #f5f5f2;
    border-right: 1px solid #f5f5f2;
}


/*News- Internal*/
.page-node-type-news .main-container > .row {
    padding: 48px 0;
}
.page-node-type-news .main-container > .row .region.region-content h1 {
    font-size: 35px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #23438e;
    text-decoration: none;
    text-align: left;
    margin-bottom: 0;
}
.page-node-type-news .main-container > .row .region.region-content .author {
    font-weight: 600;
    font-size: 16px;
}
.page-node-type-news .main-container > .row .region.region-content .field.field--name-field-banner.field--type-image.field--label-visually_hidden.quickedit-field {
    margin: 0;
}
.page-node-type-news .main-container > .row .region.region-content .content {
    padding: 20px 0;
}
.page-node-type-news .main-container > .row .region.region-content .field--item img.img-responsive {
    width: 100%;
    margin: 20px 0;
}
.page-node-type-news .main-container > .row .region.region-content .field--item p {
    padding: 5px 0;
}
.news-con {
    padding: 40px 0;
}
..news-con .view-content{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 16px;
}
.news-con .view-content {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.news-con .view-content span.field-content img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.news-con .view-content span.field-content .col-md-12 {
    padding-bottom: 0;
}
.row.news-item.views-row p.date {
    font-weight: 600;
    font-size: 16px;
}


/*community*/
.path-community .main-container.container .row {
    padding: 40px 0;
}
.path-community .main-container.container .row h1.page-header {
    font-size: 35px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #23438e;
    text-decoration: none;
    text-align: center;
    border: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.event-item span.field-content h3 {
    font-weight: bold;
    font-size: 20px;
}
p.rm a {
    background: #ec1c20;
    padding: 15px 15px 14px 15px!important;
    color: #fff;
    text-align: center;
    font-size: 19px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 25px;
}
.event-item span.field-content p.label {
    padding: 0 15px 0 0;
    line-height: 1.7em;
    font-size: 16px;
    color: #ec1c20;
}
.event-views .view-content {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 20px;
}
.event-views .view-content .event-item {
    width: 100%;
}
.event-views .view-content .event-item img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.event-item.col-md-4.col-sm-4.col-xs-12.views-row {
    box-shadow: 2px 4px 17px -8px rgba(0,0,0,.61);
    padding: 8px 8px 15px;
    position: relative;
}
.rsvp-form input#edit-phone, .rsvp-form input#edit-number-people {
    width: 100%;
}
.rsvp-form {
    padding: 54px 0;
}
.rsvp-form h2.text-align-center {
    font-size: 30px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #23438e;
    text-decoration: none;
    text-align: center;
    border: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.page-node-type-events .region.region-content {
    padding: 54px 0;
}
.page-node-type-events .region.region-content h1.page-header {
    font-size: 35px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #23438e;
    text-decoration: none;
    text-align: left;
    border: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.page-node-type-events .region.region-content article.contextual-region.events {
    padding: 30px 0;
}



/* Community */

.event-item {
    padding-bottom: 70px;
    min-height: 535px;
}

.event-item span.field-content {
    display: block;
    overflow: auto;
}

.rm-div a {
    background: #ec1c20;
    padding: 15px 15px 14px 15px!important;
    color: #fff;
    text-align: center;
    font-size: 19px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 25px;
}

.col-md-12.col-sm-12.rm-div {
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-width: 100%;
    left: 0px;
}

.contact-right-footer {
    margin-top: 0px !important;
    margin-bottom: 15px;
}

.footer-menu li.expanded.dropdown span {
    font-weight: 600 !important;
    color: #666;
}

.footer-menu li.expanded.dropdown {
    overflow: auto;
}

.social-media {
    margin-top: 15px;
}

.social-media h2.block-title {
    margin-bottom: 0px;
    margin-top: 10px;
}
section.inner-banner.no-bg {
    padding-top: 6%;
    padding-bottom: 6%;
}

.footer-menu .expanded span.caret {
    display: none;
}

.region-footer-menu .menu a, .region-footer-menu .menu span {
    padding-left: 0px;
    display: block;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer h2#block-mainnavigation-menu {
    padding-left: 0px;
}


p.location {
    cursor: pointer;
    color: #23438e;
}

button.navbar-toggle {
	margin-top: -30px;
}
@media (min-width:100px){
	button.navbar-toggle {
		margin-top: -40px;
		margin-right: 30px;
		margin-bottom: 20px;
	}	
}
@media (min-width:768px){
	button.navbar-toggle {
		margin-top: -40px;
		margin-right: 30px;
		margin-bottom: 20px;
	}			
}
@media (min-width:992px){
	button.navbar-toggle {
		margin: 0;
	}			
}
@media (min-width:1200px){	
	button.navbar-toggle {
		margin: 0;
	}		
}