/*  Small screens */
@media only screen {

/* GENERAL */
	.black-bg, .footer{background: #2E2E2E;}
	#title-row, .blue-bg{background: #204190;}
	.big{color: #2E2E2E;}
	.text-col{background: #FFFBF0;}
	.icons img{max-width: 100px;}
	.icons b{color: #44CFCB; text-transform: uppercase;}
	
/* Blue BLOCK */
	.blue-block{background: #204190; padding: 1.5rem; color: #FFFBF0;}	
	.blue-block .wrapper{padding: 0;}
	.blue-block ul.check {margin-bottom: 0;}
	.blue-block h3{font-style: italic; font-size: 1.5rem;}
	.blue-block p{margin-bottom: 0;}
	.spacing{padding: 1rem 1rem 1rem 2rem;}
	
/* Check LIST */
	ul.check {list-style-type: none; margin-left: 3rem;}
	ul.check li {margin-bottom: .5rem;}
	ul.check li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f00c'; margin: 0 16px 0 -32px; color: #204190; }
	.white-text ul.check li:before { color: #44CFCB;}
	.white-text	ul.check li {margin-bottom: .25rem;}

/* Divided LIST */
	ul.divided {list-style-type: none; margin-left: 0;}
 	ul.divided li{/*font-size: 14px;*/ margin-bottom: 12px;} 
	ul.divided li:not(:last-child):after{border-bottom: 2px solid #F7F7F7; display: block; content:''; height: 12px;}
	
/* 	CONTACT */
	.contact .phone_numbers{margin-bottom: -1rem; margin-top: 1rem;}
	.email-name{margin-left: 12px;}
	.contact .email-address{ display: block; margin-bottom: -2.25rem;}
	.contact .fa, .contact .fas, .contact .fab {color: #FFFBF0;} 
	
/* QUOTE */
	.quote{position: relative;}
	.quote:before { content: url(/wp-content/uploads/2025/11/left-quote.webp); position: absolute; top: 2rem; left: 1rem;}
	.quote:after { content:url(/wp-content/uploads/2025/11/right-quote.webp); position: absolute; bottom: 2rem; right: 1rem;}
	
/* FAQs */
	.faqs h2{text-shadow: 0 3px 6px rgba(0,0,0,.16);}
	.faqs .column-block{padding: .5rem;}
	.cta-single-inner{background: rgba(46,46,46,.9); padding: 2rem 1rem 1.5rem 1rem;}
	.cta-text p{color: #FFFBF0;}
	.cta-heading{ color: #44CFCB; font-weight: bold; text-transform: capitalize; font-family: 'Montserrat', sans-serif; margin-bottom: 1rem;}
	.cta-heading:before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f002'; font-size: 2rem; color: #FFFBF0; display: block; margin-bottom: 1rem;}
	
/* 	BLOG */
	.card-divider{background: #2E2E2E;}
	.card-divider h1{line-height:1.5rem;}
	.blog-title a, 	.blog-title a:hover {color: #FFFBF0;}
	.blog-card-read-more .button{margin-left: 1rem; margin-bottom: 1rem;}
	
/* 	TESTIMONIALS */
	blockquote.testimonial {color: #707070; background-color: transparent;}
	blockquote.testimonial:before {color:#44CFCB;}
	blockquote.testimonial cite {color: #2e2e2e; font-style: normal; font-weight: bold;}
	
/* 	GALLERY */
	.modification-cards h3{color: #44CFCB; font-size: 20px;}
	.modification-cards .card {background: #2E2E2E; position: relative;}
	.modification-cards .card:hover img{opacity: .5;}
	.modification-cards .card *, .modification-cards .card *:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;}
	.modification-cards .card:before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f302'; font-size: 2rem; color: #FFFBF0;  top: 45%; left: 50%; transform: translate(-50%, -50%); position: absolute; opacity: 0;}
	.modification-cards .card:hover:before{opacity: 1;}
	.thumbnail {margin-bottom: 0rem; border: 0px solid #fefefe; -webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .16); box-shadow: 0 3px 6px rgba(0, 0, 0, .16);}
	.gallery-caption{ margin-top: .5rem; font-size: 14px; font-style: italic; text-transform: capitalize;}
	.gallery-title{ margin-top: 2rem; font-weight: bold; font-size: 1.5rem; display: block; color: #204190;}
	.the-archives .menu .active>a {background: #204190;}
	
} /* Define mobile styles */

@media only screen and (max-width: 40em) {
.small-only-float-left {float: left !important;}	
.small-only-float-right {float: right !important;}
.small-only-float-center {display: block; margin-right: auto; margin-left: auto;}
.text-center-small {text-align: center;}
.small-align-center {-ms-flex-pack: center; justify-content: center;}
.widget-container, #top-row, .tagline, .text-right{text-align: center;}
img.alignright, img.alignleft{float: none !important;display: block;margin: 0 auto;	}
	.img-col{height: 400px;}
	.home .blue-bg{background: #2E2E2E;}
	.quote:before{left:;}
	.quote:after{right:;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*  Medium screens */
@media only screen and (min-width: 40.063em) { 
	
/* 	HEADER */
	.tagline{ position: absolute; background: rgba(46,46,46,.9); padding: 2rem;}
	.tagline h1{font-size: 2rem;}
	
/* Blue Block */
	.right-marg{position: relative;}
	.blue-block{ position: absolute;right: 0;}	
	.blue-block h3{font-style: italic; font-size: 1.5rem;}
	.blue-block p{margin-bottom: 0;}
	.photo-col img{width: calc(100% - 48px);}

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
.medium-float-left {float: left !important;}	
.medium-float-right {float: right !important;}
.text-center-medium {text-align: center;}
.medium-align-center {-ms-flex-pack: center; justify-content: center;}
	.tagline{width: 90%;}
	.blue-block{bottom: 4rem;}	
	.img-col{height: 600px;}
	#logo.aligncenter{ max-width: 200px; margin-bottom:0;}
} /* min-width 641px and max-width 1023px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.000em) {
.wrapper {padding: 1.875em 0;}
.align-middle-large{-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
/* 	HEADER */
	#logo.aligncenter{margin-left: 0; max-width: 170px; margin-bottom: 0;}
	#site-navigation .top-bar, .top-bar ul {background-color: rgba(255,251,240,.75);}
	.tagline{ right: 0; bottom: 40px; width: 825px; padding: 3rem;}
	.home header{position: relative;}
	.home #middle-row{position: absolute; width: 100%; background: rgba(255, 252, 240, .7);}
	.big{font-size: 3rem;}
	.drilldown a {background: #204190; color: rgba(255,251,240,.75);}
	
/* 	Blue Block */
	.blue-block{top: 4rem;}	
	.text-col{padding: 5rem 4.5rem;}
/* 	.blue-block{padding: 1rem 2rem; } */
} /* min-width 1024px, large screens */

@media only screen and (min-width: 64.000em) and (max-width: 90em) {
.large-float-left {float: left !important;}	
.large-float-right {float: right !important;}
.text-center-large {text-align: center;}
.large-align-right {-ms-flex-pack: end; justify-content: flex-end;}
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

/*  XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.xlarge-float-left {float: left !important;}	
.xlarge-float-right {float: right !important;}
.text-center-xlarge {text-align: center;}
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) {
.xxlarge-float-left {float: left !important;}	
.xxlarge-float-right {float: right !important;}
.text-center-xxlarge {text-align: center;}
} /* min-width 1921px, xxlarge screens */

/*  Tablet Portrait screens */
@media only screen and (min-width: 37.500em) and (max-width: 56.250em) and (orientation: portrait) {
.hide-tablet-portrait {display: none !important;}
.show-tablet-portrait {display: inherit !important;}
 } /* tablet-only issues min-600px max-900px */
 @media only screen and (min-width: 49.900em) and (max-width: 85.250em) and (orientation: portrait) {
 } /* tablet-only issues min-800px max-1200px */