/*
	Theme Name: v215 Child
	Template:v215
*/

:root {
	--blue: #0c0c4c;
	--red: #ff0000;
}

body {background: linear-gradient(148deg, rgba(255, 255, 255, 1) 0%, rgba(217, 217, 217, 1) 100%);}
body:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(148deg, rgba(255, 255, 255, .5) 0%, rgba(217, 217, 217, .85) 60%);z-index: -9;}
body:after {content: '';background-image: url(/wp-content/uploads/2025/03/dot-grid.webp);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -99;}

#header .header-cta span {background: var(--blue);color: white;padding: 12px 24px;border: 2px solid var(--blue);border-radius: 30px;text-transform: uppercase;font-size: 16px;letter-spacing: 2px; transition: .5s; font-weight: 500;}
#header .header-cta span:hover {background: transparent; color: var(--blue);}

.cta h2 {color: white; font-size: 80px; line-height: 90px; margin-bottom: 40px;}

.case-study-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 50px 30px;}
.case-study-grid img {aspect-ratio: 4/3; width: 100%; object-fit: cover; margin-bottom: 15px; transition: .5s; filter: brightness(1);}
.case-study-grid h3 {margin-bottom: 10px;}
.case-study-grid h3 a {font-size: 35px; line-height: 45px; display: inline-block;}
.case-study-grid p strong:first-child {color: var(--blue);}
.case-study-grid img:hover {filter: brightness(.5);}
.case-study-grid a:hover {color: var(--red);}
.case-study-grid p {font-size: 18px; line-height: 26px;}

.single-case-study .title-area {display: none;}
.single-case-study h2 {font-size: 70px; line-height: 80px;}
#abstract p {font-size: 28px; line-height: 38px;}
.single-case-study #content > * > .container {max-width: unset !important;}

/*#services h3:not(:last-child) {border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;}*/
/*#services h3 a:hover {color: var(--red);}*/

.single-case-study .post-image, .single-case-study .post-title {display: none;}
.single-case-study h1 {font-size: 80px; line-height: 90px;}
.single-case-study .blog-holder-outer, .single-case-study .post-content {padding-top: 0;}
.single-case-study #solutions .h3 {font-size: 40px; line-height: 50px; padding-left: 0;}
.single-case-study #solutions .h3:hover {color: var(--red);}
.single-case-study #solutions img {width: 100%;}
.single-case-study #solutions .h3:not(:last-child) {border-bottom: 1px solid #ddd;}
.single-case-study #imgtxt h2 {font-size: 70px;line-height: 80px;}
.single-case-study #cta h2 {color: white;}
.single-case-study #cta .jawn_button:not(:last-child) {margin-right: 10px;}
.single-case-study .cta {display: none;}
.single-case-study .post-content p:empty {display: none;}

#footer .footer-social {margin-top: 20px;}
#footer .footer-social i {font-size: 30px; line-height: 40px;}
#footer .footer-social a:not(:last-child) {margin-right: 10px;}
#footer .footer-social a {color: #8c8c8c;}
#footer .footer-social a:hover {color: var(--blue);}

#footer .footer-col {width: auto;}
#footer .footer-top-inner > * {padding: 0 30px; justify-content: space-between; align-items: center;}
#footer .col-4 img {max-width: 150px !important;}
#footer .col-3 {min-width: 180px;}

@media (min-width: 1301px) {
	#footer .container {max-width: 1500px;}
}

@media (max-width: 1023px) {
	#header .logo-holder {height: 80px;}
	#mobile-header {background: white;}
	#header .header-cta {margin-top: 10px;margin-bottom: 10px;}
	
	#abstract h1 {font-size: 70px; line-height: 80px;}
	
	#cta h2, .cta h2 {font-size: 60px;line-height: 70px;}
	
	.jawn_text_block h2, .jawn-itr h2 {font-size: 60px;line-height: 70px;}
	
	.case-study-grid h3 a {font-size: 25px;line-height: 35px;}
	
	#footer .footer-top-inner > * {padding: 0;}
	#footer .footer-top p {font-size: 15px;line-height: 22px;}
	#footer .col-3 {min-width: 140px;}
	#footer .col-2 {min-width: 215px;}
	#footer .col-4 img {max-width: 125px !important;}
}

@media (max-width: 767px) {
	#header .logo-holder {height: 70px;}
	
	#abstract h1 {font-size: 46px;line-height: 56px;}
	
	#cta h2, .cta h2 {font-size: 50px;line-height: 60px;}
	#cta .jawn_button:not(:last-child) {margin-bottom: 10px; margin-right: 0px !important;}
	
	.jawn_text_block h2, .jawn-itr h2 {font-size: 50px; line-height: 60px;}
	
	.jawn_text_block h3, .jawn-itr h3 {font-size: 40px; line-height: 50px;}
	
	.case-study-grid {grid-template-columns: 1fr;}
	
	#footer .footer-top p {font-size: 18px;line-height: 28px;}
	#footer .col-1 img {max-height: 115px;margin-bottom: 20px;}
}