/*
	Theme Name: v215 Child
	Template:v215
	Author:The 215 Guys
	Author URI: https://www.the215guys.com
	Version: 1
*/

:root {
	--blue: #0588E8;
	--red: #913734;
}

#header .header-cta span {border: 2px solid var(--blue); color: var(--blue); border-radius: 8px; padding: 12px 24px; transition: .5s}
#header .header-cta a:hover span {background: var(--blue); color: white; }
#header .header-social i {color: var(--blue); font-size: 25px;transition: .5s;}
#header .header-social a:hover i {opacity: .65;}

.title-area {padding-top: 60px; padding-bottom: 30px;}

.staff-grid {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
.staff-grid > * {width: calc(33.33% - 14px);}
.staff-grid > *:nth-child(1), .staff-grid > *:nth-child(2) {width: calc(50% - 10px);}
.staff-grid > *:nth-child(1) > div {margin-left: auto;}
.staff-grid > *:nth-child(1) > div, .staff-grid > *:nth-child(2) > div {max-width: 65.67%;}
.staff-grid h3 {color: var(--blue);margin-top: 15px;display: inline-block;}
.staff-grid img {aspect-ratio: 1/1; object-fit: cover; width: 100%;}
.staff-grid .staff-grid-position {font-size: 22px;line-height: 32px;}

.single-staff h2 {color: var(--blue);}
.single-staff .position {font-size: 22px; line-height: 32px;}
.single-staff .staff-wrapper {padding-bottom: 225px;}

.cta .container {background: #913734;padding: 50px;border-radius: 50px;text-align: left;}
.cta h2 {color: white;max-width: 650px;}
.cta .container {background-color: var(--red);padding: 50px;border-radius: 50px;text-align: left;background-image: url(/wp-content/uploads/2025/12/cta-graphic-1.png);background-repeat: no-repeat;background-position: 101% 50%;background-size: 250px auto;}
.cta {position: absolute;z-index: 999;width: 100%;margin-top: -150px;}

#footer .footer-info a {display: inline-block;}
#footer .footer-info a:not(:last-child) {margin-bottom: 10px;}
#footer .footer-info i {position: absolute;left: 0;top: 0px;width: 30px;height: 30px;line-height: 30px;text-align: center;background: rgb(0, 0, 0, .07);border-radius: 100%;font-size: 13px;}
#footer .footer-info a {position: relative;padding-left: 40px;}
#footer .footer-social a {display: inline-block;}
#footer .footer-social a:not(:last-child) {margin-right: 10px;}
#footer .footer-social i {color: #010002; width: 30px;height: 30px;line-height: 30px;text-align: center;background: rgb(5, 136, 232, .1);border-radius: 100%;font-size: 18px; transition: .5s;}
#footer .footer-social a:hover i {color: var(--blue);}
#footer .col-1 {width: 36%;}
#footer .col-1 img {max-height: 100px;}
#footer .col-2 {max-width: 175px;}
#footer .col-3 {max-width: 315px;}
#footer .col-4 {max-width: 175px;}
#footer .footer-top-inner > * {justify-content: space-between}

@media (max-width: 1100px) {
	#header .logo-holder {height: 80px;align-self: center;}
}

@media (max-width: 1023px) {
	#mobile-header {background: rgba(247,244,235,1);}
	#header .header-cta span {padding: 7px 20px;margin: 10px 0 15px 0;display: inline-block;}
	
	#footer .footer-col p, #footer .footer-col a {font-size: 14px;line-height: 22px;}
}

@media (max-width: 767px) {
	#content h2, .cta h2 {font-size: 40px;line-height: 50px;}
	
	.cta .container {padding: 50px 30px;}
	
	.staff-grid > * {width: 100% !important;}
	.staff-grid > * > div {max-width: 100% !important;}
	
	.single-staff .staff-wrapper {flex-wrap: wrap;gap: 30px;}
	
	#footer {padding-top: 120px;}
	#footer .footer-col {width: 100% !important;}
	#footer .footer-col p, #footer .footer-col a {font-size: 16px;line-height: 24px;}
}