/*  Small screens */
@media only screen {
/* General */
	.icon-squares img{ min-width: 75px; margin-right: 20px;}
	.icon-squares{display: flex;}

	.car-bg{
	background: linear-gradient(0deg, rgba(26, 30, 32, 0.75), rgba(26, 30, 32, 0.75)), url(/wp-content/uploads/2024/01/HECMEF-01-Ben.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;	}
	
	.overlay-column{margin-right: -7rem;}
	.black-bg .cite{text-align: right; font-weight: 600;}
	.white-bg{background: #fff; padding: 25px;}
	.black-bg{background: #1A1E20; padding: 25px;}
	.black, .black p, .black li{color: #1A1E20;}
	.flex-middle{margin-bottom:-9rem;}
	
	.applicants .column-block{margin-bottom: 0;}
	
	.image-box{position: relative; height: auto;}
	.image-box .top-border{font-weight: 500; position: absolute;  bottom: 35px; left: 35px; text-shadow: 0 3px 6px rgba(0,0,0,.45);}
	.image-box .top-border:before { content: ''; border-top: 2px solid #fff; width: 460px; height: 10px; display: block;}
	
/* GLOBAL FOOTER */
	.global-footer .phone_number i {display: none;}
	.global-footer .the_phone_number {padding-left: 0;}
	.global-footer .phone_number a{font-weight: bold; color: #A67E35;}
	.global-footer address ul{ margin-left: 0;}
	.global-footer address li { padding-right: 0; font-style: normal;}
	.global-footer address .address-line-0{display: block;  margin-top: -40px;}
	.global-footer .social-media{margin-left: -10px;}


} /* 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;	}
	
/* 	GENERAL */
	#middle-row{background: #fff;}
	.cta-single-inner img {opacity: .3;}
    .cta-single-inner .cta-text,.cta-single-inner .cta-text img {opacity:1;}
	t1 {font-size: 2.5rem; line-height: 3rem;}
	.icon-squares {display: block;}
	.photo-bg {height: 250px;}
	.white-bg{padding: 10px;}
	.black-bg{padding: 0px;}
	.image-box .top-border { bottom: 15px; left: 15px; font-size: 18px;}
	.image-box .top-border:before {width: 250px;}
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*  Medium screens */
@media only screen and (min-width: 40.063em) { } /* 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;}
	
/* 	GENERAL */
	#middle-row{background: #fff;}
	.cta-row{width: 95%;}
	.cta-single-inner img {opacity: .3;}
	.cta-single-inner .cta-text img {max-width: 60px;}
	.cta-single-inner .cta-text, .cta-single-inner .cta-text img {opacity:1;}
	.flex-middle{display:flex; gap:15px;}
	.image-box .top-border {bottom: 25px; left: 25px;  font-size: 24px;}
	.image-box .top-border:before { width: 100%;}
} /* min-width 641px and max-width 1023px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.000em) {
/* 	GENERAL  */
	.neg-margin{margin-top: -10rem; position: relative; z-index: 1; }
	.cta-row{width: 95%;}
	.cta-row .column-block { padding: 0;}
	.white-bg{padding: 50px;}
	.black-bg{padding: 45px;}
} /* 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 */