/*
	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: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.staff-grid h3 a {color: var(--blue);margin-top: 15px;display: inline-block;}
.staff-grid img {filter: brightness(1); transition: .5s;aspect-ratio: 1/1; object-fit: cover; width: 100%;}
.staff-grid img:hover {filter: brightness(0.6);}
.staff-grid h3 a:hover {color: var(--red);}
.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}