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


:root {
	--yellow: #FFDD2A;
	--blue: #00559C;
}


.title-area {padding: 50px 0 30px 0;}

#header .logo-holder a {height: auto;}
#header .logo-holder {align-self: center;}
#header .header-cta span {font-size: 18px;font-family: "Barlow Condensed";text-transform: uppercase;line-height: 48px;font-weight: 700;transition: .5s;background: var(--yellow);padding: 12px 24px;border-radius: 30px;border: 2px solid var(--yellow);color: var(--blue);}
#header .menu-item a {padding-left: 10px;padding-right: 10px;}
#header .header-cta-1 a {padding-right: 0;}
#header .header-cta a:hover span {background: transparent;color: var(--yellow);}
#header .header-cta-2 svg {margin-bottom: -3px;}
#header .header-cta-2 svg path {fill: var(--blue);transition: .5s;}
#header .header-cta-2 a:hover svg path {fill: var(--yellow);}
#header .logo-holder img {max-height: 70px;}
#header .sub-menu li:not(:last-child):after {content: '';width: 100%;height: 1px;background: white;display: block;opacity: .2;position: absolute;bottom: 0;width: calc(100% - 30px);left: 50%;transform: translateX(-50%);}
#header .sub-menu li {position: relative;}
#header .header-cta-2 svg {margin-bottom: -1px;height: 21px;margin-left:5px;}

#content h2 strong, 
#content h3 strong,
#content h4 strong {color: var(--blue);}
#content .m-auto {margin-left: auto; margin-right: auto;}

.jawn-post-grid {display: grid; grid-template-columns: 1.28fr 1fr 1fr; grid-template-rows: repeat(2, 300px); gap: 16px; width: 100%;}
.jawn-post-grid__item {position: relative; display: flex; align-items: flex-end; min-width: 0; overflow: hidden; border-radius: 12px; background-color: #222; background-repeat: no-repeat; background-size: cover; background-position: center; text-decoration: none !important;}
.jawn-post-grid__item--featured {grid-row: span 2; min-height: 464px;}
.jawn-post-grid__overlay {position: absolute; z-index: 1; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0) 100%);}
.jawn-post-grid__content {position: relative; z-index: 2; width: 100%; padding: 22px 17px 18px; box-sizing: border-box;}
.jawn-post-grid__date {margin: 0 0 10px; color: #fff; font-family: inherit; font-size: 12px; font-weight: 400; line-height: 1.2;}
.jawn-post-grid h3 {padding-right: 30px;transition: .5s;margin: 0 0 16px; color: #fff; font-size: 24px; font-weight: 700; line-height: 1.25; text-transform: uppercase;}
.jawn-post-grid__item--featured .jawn-post-grid__title {font-size: 24px; line-height: 1.25;}
.jawn-post-grid__link {display: inline-block; color: #f5d900 !important; font-size: 13px; font-weight: 400; line-height: 1.2; text-decoration: underline !important; text-decoration-thickness: 1px; text-underline-offset: 2px;}
.jawn-post-grid__item:hover h3 {color: var(--yellow);}

a:focus, button:focus {outline-style: unset; outline-width: unset; outline-offset: unset;}

#action-cta svg {transform: scale(1, -1);}
#action-cta .jawn-row-divider-wrap.top {margin-bottom: 75px;position: relative;}
#action-cta .jawn_col-inner {display: block;}
#action-cta .jawn_button:not(:last-child) {margin-right: 10px;}
#action-cta h3 {margin-bottom: 10px; font-size: 60px; line-height: 70px;}
#action-cta:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255, 222, 50, .9);}
#action-cta .jawn-col-two-thirds {position: relative;max-width: 800px;}
#action-cta img {position: absolute;bottom: 0;right: 0;height: calc(100% - 125px);}

#footer .footer-top-inner > div {align-items: stretch;justify-content: space-between;}
#footer .col-1 .widget_media_image:not(:nth-child(1)) img {max-height: 115px;}
#footer .col-1 {height: 100%;display: flex;gap: 0 30px;flex-wrap: wrap;width: 100%;max-width: 450px;}
#footer .col-1 .widget_media_image:first-child img {max-height: 50px !important;}
#footer .col-2 img {max-height: 50px;}
#footer .footer-socials i {font-size: 22px; background: white; color: var(--blue); width: 40px; height: 40px;line-height: 40px;border-radius: 100%;transition: .5s;}
#footer .footer-socials a:hover i {background: var(--yellow);}
#footer .footer-socials a:not(:last-child) {margin-right: 10px;}
#footer .footer-info ul {list-style: none; padding-left: 0 !important;}
#footer .footer-info i {font-size: 22px; background: white; color: var(--blue); width: 40px; height: 40px;line-height: 40px;border-radius: 100%;transition: .5s; position: absolute; left: 0;top: -5px;}
#footer .footer-info a:hover i {background: var(--yellow);}
#footer .footer-info a:not(:last-child) {margin-right: 10px;}
#footer .footer-info li:not(:last-child) {margin-bottom: 25px;}
#footer .footer-info li {position: relative; padding-left: 55px;}
#footer .footer-info li:first-child i {top: 0;}
/* #footer .footer-col:not(:last-child) {border-right: 1px solid white;} */
#footer .footer-bottom-inner > * {width: auto;}
#footer .footer-bottom-inner {display: flex;align-items: center;justify-content: space-between;}
#footer .footer-bottom-inner:after {display: none;}
#footer .col-2 {max-width: 255px;}
#footer .col-3 {max-width: 200px;}
#footer .col-4 {max-width: 300px;}

.slide-right:not(.animated),
.slide-left:not(.animated),
.fade-slide-up:not(.animated),
.fade-in-center:not(.animated),
.jawn-itr.left-image:not(.animated) .itr-image-side, .jawn-itr.left-image:not(.animated) .itr-content-side,
.jawn-itr.right-image:not(.animated) .itr-image-side, .jawn-itr.right-image:not(.animated) .itr-content-side {opacity: 0;}
.jawn-itr.left-image.animated .itr-image-side,
.jawn-itr.right-image.animated .itr-content-side,
.slide-right.animated {animation: fadeInLeft 1s ease 0s 1 normal forwards;}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-25%);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.jawn-itr.left-image.animated .itr-content-side,
.jawn-itr.right-image.animated .itr-image-side,
.slide-left.animated {animation: fadeInRight 1s ease 0s 1 normal forwards;}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(25%);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fade-in-center.animated {animation: fadeInCenter 2s ease 0s 1 normal forwards;}
@keyframes fadeInCenter {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fade-slide-up.animated {animation: fadeSlideUp 1s ease 0s 1 normal forwards;}
@keyframes fadeSlideUp {
	0% {
		opacity: 0;
		transform: translateY(25%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 1550px) {
	#action-cta img {height: 400px !important;}
}

@media (max-width: 1500px) {
	#header .container {max-width: calc(100% - 60px);}
	
	#footer .container {max-width: calc(100% - 60px);}
}

@media (max-width: 1390px) {
	#header .header-bottom .menu-item a {font-size: 14px;padding: 0 8px;}
	#header .logo-holder img {max-height: 60px;}
	
	#action-cta img {height: 300px !important;}
}

@media (max-width: 1300px) {
	#header .header-bottom .header-cta span {font-size: 16px;padding: 12px 15px;}
}

@media (max-width: 1250px) {
	#header .header-bottom .menu-item a {font-size: 12px;padding: 0px 5px;}
	#header .header-bottom .header-cta span {font-size: 14px;padding: 12px 10px;}
	#header .header-bottom .logo-holder img {max-height: 55px;}
}

@media (max-width: 1250px) {
	#action-cta .jawn_button:not(:last-child) {margin-bottom: 10px;}
}

@media (max-width: 1100px) {
	#footer .footer-top p, #footer .footer-top a {font-size: 15px; line-height: 24px;}
}

@media (max-width: 1023px) {
	#header ul.sub-menu {text-align: left;}
	ul#header-menu > * {margin: 10px 0;}
	#header .logo-holder {height: 80px;}
	
	#header .logo-holder img {max-height: 65px;}
	
	#action-cta img {height: 200px !important;}
	
	#footer .footer-top-inner .footer-4-cols {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-template-rows: auto auto;align-content: start;align-items: start;gap: 10px 20px;}
	#footer .footer-top-inner .footer-col.col-1 {grid-column: 1;grid-row: 1 / 3;}
	#footer .footer-top-inner .footer-col.col-2 {grid-column: 2;grid-row: 1;}
	#footer .footer-top-inner .footer-col.col-3 {grid-column: 2;grid-row: 2;}
	#footer .footer-top-inner .footer-col.col-4 {grid-column: 3;grid-row: 1 / 3;}
	#footer .col-3 .widget_title {display: none;}
	#footer .col-2, #footer .col-3, #footer .col-4 {width:100%}
	#footer .col-3 {margin-top: -152px;}
	#footer .col-1 .widget.widget_media_image:nth-child(3) {margin-bottom: 20px;}
	#footer .footer-bottom-right {width: 100%;max-width: 240px;}
}


@media (max-width: 767px) {
	#header .menu-holder {height: 70vh;overflow: auto;}

	#action-cta {padding-bottom: 200px !IMPORTANT;}
	
	.jawn-post-grid {grid-template-columns: 1fr;grid-template-rows: 1fr;}
	.jawn-post-grid__item--featured {min-height: auto;}
	.jawn-post-grid__overlay {background: linear-gradient(to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.3) 100%);}
	.jawn-post-grid__item {aspect-ratio: 1 / 1;width: 100%;}
	
	#footer .footer-top-inner .footer-4-cols {display: block;}
	#footer .footer-top-inner .footer-4-cols > * {width: 100% !important;padding: 0;}
	#footer .col-3 {margin-top: 0px;}
	#footer .footer-top-inner {padding-bottom: 30px;}
	
	#footer .footer-bottom-inner {flex-wrap: wrap;gap: 20px;}
	#footer .footer-bottom-right {text-align: left;}
}