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

:root {
	--blue: #007cb7;
	--orange: #ff6c00;
}

#header .header-cta span {background: var(--blue); padding: 12px 24px; color: white; transition: .5s; border: 2px solid var(--blue);}
#header .header-cta span:hover {background: transparent; color: var(--blue);}

#page-title .jawn_raw {display: grid;}
#page-title h1 {font-weight: 900; font-size: 145px; line-height: 155px; mix-blend-mode: screen;background: white;color: black;padding: 30px;}
#page-title h1::selection {background: black;}

.jawn_button.button_style_2 {outline: 2px solid var(--orange);outline-offset: 5px;}

.logos .jawn_col-inner {display: flex;gap: 25px; text-align: center;align-items: center;justify-content: center;}
.logos img {max-height: 80px;}

.news-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;}
.news-grid img {width: 100%; aspect-ratio: 703 / 468;object-fit: cover;}
.news-grid h4 a {font-size: 22px;line-height: 30px;padding-top: 10px;display: inline-block;color: #262626;}
.news-grid h4 a:hover {color: var(--blue);}
.news-grid .image:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0,124,183, .5); opacity: 0; transition: .5s;}
.news-grid .image:hover:before {opacity: 1;}
.news-grid .image {position: relative;display: block;}

.single-post .post-title {padding-bottom: 5px;color: var(--blue);margin-bottom: 15px;    font-size: 50px;
    line-height: 60px;
    text-align: center;}
.single-post .categories {margin-top: 30px;}
.single-post h3 {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 10px;
}
.single-post p, .single-post ul, .single-post ol, .single-post li {
    font-size: 20px;
    line-height: 37px;
}

.single-post h4 {
    font-size: 23px;
    line-height: 33px;
    margin-bottom: 10px;
}
.single-post .post-content {padding-top: 0;}
.single-post .blog-holder {
    max-width: 800px;
    margin: 0 auto;
}
.single-post .post-image {
    text-align: center;
}

#footer .footer-cta {text-transform: uppercase; transition: .5s; background: #262626;display: inline-block;padding: 12px 24px;border: 2px solid #262626;text-align: center;line-height: 20px;font-weight: 700;}
#footer .footer-cta:hover {background: transparent; border-color: white; color: white;}
#footer .col-1 img {max-width: 160px !important; width: 100%;}

.single-post .categories{display: none}

#popmake-796 h2 strong {color: var(--blue);}
#popmake-796 h2 {margin-bottom: 15px; font-size: 55px; line-height: 60px;}
#popmake-796 {border-bottom: 4px solid var(--blue);}
#popmake-796 p {font-size: 22px; line-height: 32px;}
#popmake-796 .popmake-content {text-align: center;}
#popmake-796 img {max-height: 200px;}

@media (max-width: 1100px) {
	.jawn_text_block h2 {font-size: 45px; line-height: 55px;}
	.jawn_text_block h3, .jawn-itr h3 {font-size: 36px; line-height: 46px;}
}

@media (max-width: 1023px) {
	#header .menu-holder {background: white;}
	#header .header-cta {margin-top: 10px;}
	#mobile-header {background: white;}
	
	#page-title h1 {font-size: 90px;line-height: 100px;}
	#hero-text p {font-size: 28px !important;line-height: 38px !important;}
	
	.news-grid h4 a {font-size: 20px;line-height: 28px;}
	
	#footer .footer-cta {padding: 12px 8px;font-size: 14px;}
}

@media (max-width: 767px) {
	.small_image .blog-item {
    	grid-template-columns: 1fr;
	}

	.small_image .blog-text {
		padding: 20px 0 0;
	}

	h3.blog-title a {font-size: 26px;line-height: 26px;}

	h3.blog-title {
		line-height: 36px;
		margin-bottom: 10px;
	}
	#page-title h1 {font-size: 50px;line-height: 60px;}
	#hero-text p {font-size: 22px !important;line-height: 32px !important;padding-right: 30px;}
	
	.logos .jawn_col-inner {flex-wrap: wrap; gap: 30px;}
    .logos .jawn_col-inner > * {width: calc(33.33% - 30px);}
	
	.news-grid {grid-template-columns: 1fr;}
	
	#popmake-796 h2 {font-size: 50px;line-height: 60px;}
	
	#footer .footer-cta {padding: 12px 24px;font-size: 16px;}
	#footer .col-1 {text-align: center;}
}