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

:root {
	--teal: #277879;
	--teal-alpha:#27787980;
	--blue: #175269;
	--white: white;
	--orange: #f57e25;
	--orange-alpha: #f57e2580;
	--bright:#74c0be;
	--bright-alpha:#74c0be80;
	--charcoal:#393839;
	--light-charcoal:#e2e3e2;
	--dark:#252525;
	--light:#faf9f1;
	--light-teal:#87a7b3;
	--light-teal-alpha:#87a7b380;
	--dark-blue:#15536a;
	--light-tan:#faf9f1;
	--grey: #e1e1e1;
}
h1, h1 a, .h1, .h1 a{color:var(--blue);}
h2, h2 a, .h2, .h2 a{color:var(--blue);}
h3, h3 a, .h3, .h3 a{color:var(--teal);}
h4, h4 a, .h4, .h4 a{color:var(--orange);}
h5, h5 a, .h5, .h5 a{color:var(--bright);}
h6, h6 a, .h6, .h6 a{color:var(--teal);}
body{color:var(--charcoal);}

.title-area h1 {color:var(--white);}
.title-area.type-color {background-color:var(--dark-blue);}
.title-area.type-image {background-position:center;}


.jawn_button.button_style_1{color:var(--white);background-color:var(--blue);transition:500ms;}
.jawn_button.button_style_1:hover{background-color:var(--bright);transition:500ms;}

.jawn_button.button_style_2{color:var(--white);background-color:var(--orange);transition:500ms;}
.jawn_button.button_style_2:hover{background-color:var(--teal);transition:500ms;}

header .menu > li > a {color:var(--teal);}
header .menu > li > a:hover {color:var(--bright);}
#header.sticky {background-color:rgb(255 255 255 / 100%);}
#header.sticky.scrolled{background-color:var(--white)}
.btn span {font-weight:500;}
.btn span {background-color:var(--teal);padding:24px 10px;padding:13px 15px;color:var(--white);transition:500ms;}
.btn:hover span {background-color:var(--bright);}

.cta {background-color:var(--bright);}
.cta h2 {color:var(--white);}
.flex-cta .container {display:grid;grid-template-columns:3fr 1fr;justify-items:center;}

#footer .footer-top {background-color:var(--charcoal);}
#footer .widget_title {color:var(--white);margin-bottom: 8px;}
#footer .footer-top a {color:var(--white);transition:500ms;}
#footer .footer-top a:hover {color:var(--bright)}
#footer .socials i {color:var(--white);font-size:30px;transition:500ms;}
#footer .socials i:hover {color:var(--bright);}
#footer .socials a:nth-child(2) {padding:0px 12px;}
#footer .socials {margin-top:15px;}
#footer .footer-bottom p {color:var(--white);}
#footer .footer-bottom a {color:var(--white);transition:500ms;}
#footer .footer-bottom a:hover {color:var(--bright)}
#footer .footer-bottom{background-color:var(--dark)}

#header .sub-menu {max-width:230px; text-align:center;}
#header .sub-menu > li > a{font-size:15px;line-height:20px;}
#header .sub-menu > li > a:hover{color:var(--bright);}
#header .sub-menu li {padding-top:10px;padding-bottom:10px;}

#header .sub-menu li:not(:last-child) {border-bottom:1px solid rgb(225,225,225,.2) !important;}
#header .sub-menu{padding-top:0px;padding-bottom:0px;}

.single-staff .left,
.single-staff .right > h2 {display: none;}

.single-initiative .post-title,
.single-initiative .post-image {display: none;}
.single-initiative .blog-holder-outer {padding: 0;}
.single-initiative .content-inner > .container {max-width: none !important;}
.single-initiative .post-content {padding-top: 0px;}
.single-initiative .title-area {background: url(http://atrp.jawndev.com/wp-content/uploads/2023/01/page-title.jpg); background-size: cover; background-position: center;}

.staff-row {display: grid; grid-template-columns: repeat(4,1fr); gap: 40px 30px;}
.staff-row .staff-image {position: relative;}
.staff-row a {transition: .5s;}
.staff-row a p {color: var(--charcoal); margin-bottom: 0 !important;}
.staff-row .staff-image:before {position: absolute; width: 100%; height: 100%; content: ''; background-color: rgb(39, 120, 121, .5); opacity: 0; transition: .5s;}
.staff-row a:hover .staff-image:before {opacity: 1}
.staff-row a:hover h6, .staff-row a:hover p {color: white}
.staff-row h6, .staff-row a:hover p {transition: .5s;}
.staff-row a:hover {background-color: var(--teal);}
.staff-row .staff-content {padding: 20px 10px;}

/* .publication-grid .publication > .publication-image {flex: 50%; display: flex; align-items: center;} */
.publication-grid .text {/*flex:50%;*/padding:35px 25px;}
.publication-grid .image {position: relative;display: inline-block;}
.publication-grid .image:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgb(39,120,121, .5); opacity: 0; transition: .5s;}
.publication-grid .publication-image a:hover:before {opacity: 1;}
.publication-grid .publication {display: flex;}
.publication-grid .publication:not(:last-child) {margin-bottom: 40px; border-bottom: 1px solid #e4e4e4; padding-bottom: 40px;}
.publication-grid h2 {font-size: 22px; line-height: 32px; font-weight: 700; color: #464646;}
.publication-grid p {color: #464646;}
.publication-grid a:hover h2 {color: var(--teal);}
.publication .text p {margin-bottom: 5px !important;}
.publication-grid .author:not(:last-child) {margin-right: 10px;}
.publication-grid .author:not(:last-child):after {content: ',';}
.publication-grid .category, .publication-grid .authors, .publication-grid .publication-date {font-size: 16px !important;}
.publication-grid p:last-child {margin-top: 15px;}

p.publication-category {margin-bottom: 7px !important;}
.publication-category a:hover {color: var(--bright) !important;}

.tax-publication-category .publication-grid h2 {color: var(--teal); font-size: 20px; line-height: 24px; transition: .5s;}
.tax-publication-category a {transition: .5s;}
.tax-publication-category .publication-grid h2:hover, .tax-publication-category .publication-grid a:hover {opacity: .7;}
.tax-publication-category .blog-holder-outer {padding: 100px 0;}

@media (max-width: 1024px) and (min-width: 1000px) {
	#header .menu-item a {padding: 0 10px;}
	#header:not(.scrolled) .logo-holder {height: 85px; align-self: center;}
}

@media (max-width: 768px) {
	#header .menu .sub-menu a {color: var(--teal);}
	#header:not(.scrolled) .logo-holder {height: 100px; align-self: center;}
	#header .btn span {color: var(--teal);}

	.staff-row {grid-template-columns: repeat(2,1fr);}
	
	.tax-publication-category .title-area {height: 300px !important;}
}

@media (max-width: 480px) {
	.title-area h1 {font-size: 45px;line-height: 55px;}
	
	.staff-row {grid-template-columns: repeat(1,1fr);}
	
	.single-staff h2 {font-size: 40px; line-height: 50px; margin-top: 30px;}
	
	.publication-grid .publication {flex-wrap: wrap;}
	.publication-grid .publication > .publication-image, .publication-grid .text {flex: 100%;}
	.publication-grid .text {padding: 20px 0 0 0;}
}