/*
	Theme Name: V1 Child
	Template:V1
*/

h5:before,
h5:after {content:"•";}

header:not(.scrolled) .divided-holder {grid-template-columns:1fr 1fr;}
header:not(.scrolled) .divided-holder .logo-holder {position:absolute;top:0;left:50%;margin-left:-121px;margin-right:0;height:242px;z-index:100;}
header:not(.scrolled) .divided-holder .left-half {margin-right:110px;}
header:not(.scrolled) .divided-holder .right-half {margin-left:110px;}

body:not(.home) header:not(.scrolled) .divided-holder .logo-holder {height:121px;margin-left:-61px;}
body:not(.home) header:not(.scrolled) .divided-holder .left-half {margin-right:60px;}
body:not(.home) header:not(.scrolled) .divided-holder .right-half {margin-left:60px;}

.jawn_button {background-size:300% 100%;background-position:left;}
.jawn_button:hover {background-position:right;}

.jawn_button.button_style_1 {background-image:linear-gradient(to right,#007e90,#007e90 33%,#15d5a9 66%,#15d5a9);color:#fff;}
.jawn_button.button_style_1:hover {color:#fff;}

.jawn_button.button_style_2 {background-image:linear-gradient(to right,#0d0d6f,#0d0d6f 33%,#425faf 66%,#425faf);color:#fff;}
.jawn_button.button_style_2:hover {color:#fff;}

.jawn_button.button_style_3 {background-image:linear-gradient(to right,#15d5a9,#15d5a9 33%,#007e90 66%,#007e90);color:#fff;}
.jawn_button.button_style_3:hover {color:#fff;}

.jawn-hover-box {display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding-bottom:75%;background-size:cover;background-position:center;}
.jawn-hover-box:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.25);transition:background-color 500ms;}
.hover-box-inner {position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:10px;}
.hover-box-inner .hover-box-content {display:none;}
.hover-box-inner p {margin-top:20px!important;color:#fff;font-size:17px;margin:0 auto;max-width:450px;}
.hover-box-inner > :first-child {position:relative;z-index:10;color:#fff;margin: 0 !important;}
.hover-box-inner > :first-child:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image: linear-gradient(to right,transparent,rgb(0 126 144 / 50%),transparent);z-index:-1;opacity:0;transition:opacity 500ms;}
.jawn-hover-box:hover:before {background-color: rgb(21 213 169 / 80%);}
.jawn-hover-box:hover .hover-box-inner *:first-child:before {opacity:1;}

.blog-image {position:relative;}
.blog-image:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(135deg,#b1fffc,#425faf);opacity:0;transition:opacity 500ms;pointer-events:none;}
.blog-item:hover .blog-image:before {opacity:0.8;}
.blog-text {background-color:#b1fffc;padding:30px;transition:background-color 500ms;}
.blog-text .post-date {font-size:13px;font-weight:600;text-transform:uppercase;color:#425faf;transition:color 500ms;}
.blog-item:hover .blog-text {background-color:#425faf;}
.blog-item:hover .blog-title a {color:#fff;}
.blog-item:hover .blog-text .post-date {color:#b1fffc;}

.cta {position:relative;}
.cta:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);}
.cta > div {position:relative;}
.cta-top {margin:0 auto;max-width:670px;}
.cta h2 {color:#fff;margin-top:15px;}

.footer-top {position:relative;}
.footer-top:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,44,0.8);}
.footer-top > div {position:relative;}
.footer-top-inner > div {align-items:center;}
.socials li {display:inline-block;margin:0 5px;font-size:35px;}
.copy {margin-top:20px;font-size:10px;line-height:15px;}

body.single-staff p + p {margin-top:1em;}

.blog-holder-outer {padding:75px 0;}

body.single-post p:empty {display:none;}
body.single-post .styled {background-color:#425faf;padding:20px;}
body.single-post .styled h4 {position:relative;padding:10px 0;margin-bottom:15px;z-index:1;}
body.single-post .styled h4:before {content:'';position:absolute;top:0;left:-20px;right:-20px;bottom:0;background-image:linear-gradient(to right,#b1fffc,transparent);z-index:-1;}
body.single-post .styled h5:before,
body.single-post .styled h5:after {content:none;}
body.single-post .styled h5 {text-transform:none;letter-spacing:0;font-size:30px;line-height:40px;font-weight:400;margin-bottom:15px;color:#b1fffc;}
body.single-post .styled p {color:#fff;}

@media only screen and (max-width:1300px) and (min-width:1100px) {
	#content .container {max-width: 1000px;}
}