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

body.scrolled .pp_pic_holder {transform:translateY(-120px);}

.header-socials li {display:inline-block;margin-left:10px;}
.header-socials li a {color:#fff;font-size:20px;line-height:28px;}
.header-socials li a:hover {color:#0e3f6a;}

.btn span {display:block;font-size:14px;line-height:36px;text-transform:uppercase;background-color:#9dc955;border:2px solid #9dc955;padding:0 25px;color:#fff;transition:all 500ms;}
.btn a:hover span {color:#9dc955;background-color:#fff;}

#header .logo-holder img {padding-top:15px;}

.brand {display:block;position:relative;padding-bottom:100%;background-size:cover;background-position:center;}
.brand:before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.35);transition:background-color 500ms;}
.brand:hover:before {background-color:rgba(0,0,0,0.6);}
.brand img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.custom-posts {display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;}
.custom-post:first-child {grid-column: 2;}
.custom-post {display:block;}
.date-image {position:relative;text-align:center;}
/* HIDE COOL LOOKING POST DATE TAB */
.custom-post-date {display:none;}
.custom-post-date {position:absolute;top:-15px;left:20px;background-color:#c0eb79;padding:10px;z-index:1;}
.custom-post-date:before {content:'';display:block;position:absolute;top:0;left:-11px;border-style:solid;border-width:0 0 15px 11px;border-color:transparent transparent #91c13e transparent;}
.custom-post-date .month {display:block;color:#0e3f6a;font-size:16px;font-weight:700;text-transform:uppercase;}
.custom-post-date .day {font-size:28px;font-weight:bold;color:#fff;}
.custom-post-image {padding-bottom:70%;background-size:cover;background-position:center;position:relative;}
.custom-post-image:before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition:background-color 500ms;}
.custom-post:hover .custom-post-image:before {background-color:rgb(14 63 106 / 0.4);}
.custom-post-title {background-color:#e8f2f6;padding:28px;transition:background-color 500ms;}
.custom-post:hover .custom-post-title {background-color:#0e3f6a;}
.custom-post-title h5 {transition:color 500ms;}
.custom-post:hover .custom-post-title h5 {color:#fff;}

footer .widget_title {margin-bottom:10px;}
.footer-socials {margin-top:25px;margin-bottom:15px;}
.footer-socials li {display:inline-block;margin:0 3px;}
.footer-socials li a {display:flex;align-items:center;justify-content:center;height:30px;width:30px;background-color:#9dca54;color:#fff;font-size:20px;}
.footer-socials li a:hover {color:#fff;background-color:#0e3f6a;}
#footer .jawn_button {margin-top:15px;color:#fff;background-color:#9dca54;border-color:#9dca54;}
#footer .jawn_button:hover {color:#0e3f6a;background-color:transparent;border-color:#0e3f6a;}

.title-area {position:relative;background-position:center center;}
.title-area:before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);}
.title-area .container {position:relative;}
.title-area h4 {color:#fff;margin:0 auto;max-width:1000px;}

.news-grid {margin:0 -15px;}
.news-grid .news-post {display:inline-block;vertical-align:top;width:33.33%;padding:0 15px;margin-bottom:30px;}
.news-post.post .news-post-image {position:relative;}
.news-post.post .news-post-image:before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition:background-color 500ms;}
.news-post.post a:hover .news-post-image:before {background-color:rgba(157,201,85,0.8);}
.news-post.post h5 {margin-top:5px;color:#1ea2c6;line-height:25px;transition:color 500ms;}
.news-post.post a:hover h5 {color:#9dc955;}
.news-post.link .news-post-a {background-color:#0e3f6a;display:block;position:relative;padding-bottom:100%;transition:background-color 500ms;}
.news-post.link .news-post-a:hover {background-color:#9dc955;}
.news-post.link .news-post-a h5 {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);padding:30px;color:#1ea2c6;transition:color 500ms;}
.news-post.link .news-post-a:hover h5 {color:#0e3f6a;}

body.single-post .header-bottom,
body.single-staff .header-bottom {border-bottom:2px solid #0e3f6a;}

.blog-page-upper {margin-top:100px;display:flex;align-items:center;margin-bottom:50px;}
.blog-page-upper-left {flex-basis:50%;}
.blog-page-upper-right {flex-basis:50%;padding-left:50px;}
.blog-page-upper-right h3 {margin-bottom:15px;}
.blog-page-upper-right h4 {margin-bottom:15px;}
.blog-page p strong {color:#1ea2c6;}
.blog-page-lower {margin-bottom:1em;}
.blog-page .back-to {margin-bottom:100px;background-color:#0e3f6a;color:#fff;border-color:#0e3f6a;}
.blog-page .back-to:hover {color:#0e3f6a;background-color:transparent;}

.staff-page {margin:100px auto;}
.staff-page-upper {display:flex;align-items:center;}
.staff-page-upper-left {flex-shrink:0;text-align:center;}
.staff-page-upper-right {flex-grow:1;padding-left:50px;}
.staff-page-upper-right h3 {margin-bottom:5px;}
.staff-page-upper-right h4 {margin-bottom:10px;color:#1ea2c6;}
.staff-page .back-to {margin-top:1em;background-color:#0e3f6a;color:#fff;border-color:#0e3f6a;}
.staff-page .back-to:hover {color:#0e3f6a;background-color:transparent;}

.info-box {display:block;height:0;padding-top:100%;position:relative;background-size:cover;background-position:center;text-align:center;}
.info-box:before {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.3);transition: background-color 500ms;}
.info-box:hover:before {background-color:#1ea2c6;}
.info-box:hover {background-color:rgba(40,54,84,0.7);}
.info-box-inner {position:absolute;padding:30px;width:100%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:background-color 0.5s;-webkit-transition:background-color 0.5s;}
.info-box .more {display:none;}
.info-box h4 {color:#fff;font-size:35px;line-height:40px;}
.info-box .sep {height: 2px;width:100%;background-color: #9dc955;margin:15px 0;}
.info-box p {color:#fff;line-height:30px;}

@media only screen and (max-width:1100px) {
	.info-box img {max-height:100px;}
	.info-box p {font-size:15px;line-height:20px;}
}
@media only screen and (max-width:1250px) and (min-width:1024px) {
	header .menu > li > a {padding:0 5px;line-height:80px;}
	.logo-holder {height:80px!important;}
}
@media only screen and (max-width:1023px) {
	.footer-top-inner > div {flex-wrap:wrap;}
	.footer-4-cols .footer-col {width:50%;margin-bottom:20px;}
}
@media only screen and (max-width:767px) {
	#mobile-header .logo-holder {height:60px;}
	
	h2 {font-size:45px;line-height:45px;}
	h1 {font-size:70px;line-height:70px;}
	
	.footer-4-cols .footer-col {width:auto;}
	
	.title-area h1 {font-size:40px;line-height:40px;}
	.title-area h4 {font-size:20px;line-height:25px;margin-top:10px;}
	
	#mobile-header .btn span {display:inline-block;background-color:#9dc955;padding:0 25px;}
	.custom-posts {display:block;}
	
	.news-grid .news-post {width:100%;}
	
	.blog-page-upper {display:block;margin-top:50px;}
	.blog-page-upper-right {padding-left:0;padding-top:10px;}
	
	.staff-page {margin-top:50px;margin-bottom:50px;}
	.staff-page-upper {display:block;}
	.staff-page-upper-right {padding-left:0;padding-top:15px;}
}