/*
Theme Name: Dynamic Energy Child
Author: The 215 Guys
Author URI: https://www.the215guys.com
Template: de
*/
@import url("../de/style.css");

:root {
	--orange: #e4622e; 
	--blue: #253453;
}

.cky-title{display: none!important}
body .cky-consent-container .cky-consent-bar {padding: 10.5px 24px;}
.cky-notice .cky-notice-group{justify-content: center}

.staff-page {display:flex;padding:75px 0;}
.staff-page .left {flex-basis:33.33%;}
.staff-page .right {flex-basis:66.66%;}

.header_top ul li {list-style: none;display: inline-block;}
.header_top .left ul li {padding-right: 10px;}
.header_top .left ul li i {padding-right: 5px;}
.header_top .right ul li {padding-left: 10px;}
.header_top .right .affil {background-color:#e76e34;padding-right:10px;}

header {background: white;}
header > div {margin-top: 28px;}
#menu-header .header-cta {position: absolute; top: -37px; right: 0; }
#menu-header .header-cta a {position: relative; bottom: -8px; color: #253453; font-size: 16px; font-weight: 900; line-height: 28px;}
#menu-header .header-cta:after {content: ''; position: absolute; right: 140px; width: 1500%; background: #e76e34; height: 28px; display: block; bottom: -8px;}
/* header .logo_wrapper:before {content: ''; position: absolute; top: -52px; display: block; height: 35px; width: 100px; background: url(https://de.devjawn.com/wp-content/uploads/2017/12/favicon.png) no-repeat;} */
header:not(.sticky) .header_bottom .container_inner {border-top: none !important;}

header:not(.sticky) .logo_wrapper .q_logo a {height:70px!important;}

.btn a span {border: 2px solid #fff;padding: 5px 10px;}
.btn a .plus {display: none;}

.header_top {margin-top: -1px;}
header:not(.sticky) .header_bottom .container_inner {border-top: 1px solid rgba(255,255,255,0.4);}

h1 .orange,
h2 .orange,
h3 .orange,
h4 .orange,
h5 .orange,
h6 .orange {color:#e76e34;}

#cta {background-color:#a63f0d;padding:50px 0;}
#cta .section_inner {display:flex;align-items:center;justify-content:space-between;}
#cta h3 {color: #fff;font-size:30px;font-family:Roboto;}

#socials li {display: inline-block;padding: 0 5px;}
footer #socials a{padding: 0 6px;}
footer #socials i{font-size: 40px}
#contact {display: inline-block;text-align: left;}
#contact li {padding-left: 30px;position: relative;padding-bottom: 15px;}
#contact li i {position: absolute;left: 0;}

body.single-post .title_holder .container,
.post_info {display: none !important;}
body.single-post .post_image {max-width: 600px;}
body.single-post .entry_title {margin-bottom: 15px;}

body.single-portfolio_page .header_top,
body.single-post .header_top,
body.single-staff .header_top {background-color: #a63f0d !important;}

body.search-results .header_top, body.search-results .header_bottom {background-color: #7b7b7b !important;}
body.search-results .post_image img,
body.search-results .entry_title .date {display:none;}
body.search-results .title h1 {color: #000;}

a.search_button {display: inline !important;color: #fff;}

.whats_new {margin:0 -15px;}
.whats_new .new_post {display:inline-block;vertical-align:top;width:25%;padding:0 15px;margin-bottom:30px;box-sizing:border-box;}
.whats_new .new_post_image {padding-bottom:60%;position:relative;background-size:cover;background-position:center;}
.whats_new .new_post_image:before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#2c3854;opacity:0;transition:opacity 500ms;}
.whats_new a:hover .new_post_image:before {opacity:0.8;}
.whats_new .new_post_image img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 500ms;}
.whats_new a:hover .new_post_image img {opacity:1;}
.whats_new .new_post_content {padding-top:10px;}
.whats_new .new_post_title {color:#fff;}
.whats_new .new_post_date {font-size:16px;font-weight:600;color:#2c3854;margin-top:5px;font-style:italic;}

body:not(.home) #hero {padding-top:133px;box-sizing:border-box;}
/* body:not(.home) #hero:before, */
/* body:not(.home) .title:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.45);} */

.project-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px;}
.project-grid p {margin-bottom: 0 !important;}
.project-grid .excerpt a, .project-grid .title a {color: #262626;}
.project-grid .date {color: #9a9a9a; font-style: italic;}
.project-grid img {display: block; transition: .5s; filter: brightness(1); aspect-ratio: 4/3; object-fit: cover; border-bottom: 2px solid;}
.project-grid img:hover {filter: brightness(.5);}
.project-grid .category a:hover {opacity: .5;}
.project-grid .post-item {overflow: hidden; display: flex; flex-direction: column;}
.project-grid .title {padding: 15px; height: 100%; color: #253453; text-align: center; box-sizing: border-box; background: white;}
.project-grid .title:hover {background: #e84900; color: white !important;}
.project-grid .title span {font-weight: 400; font-size: 16px;}

.news-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px;}
.news-grid p {margin-bottom: 0 !important;}
.news-grid .excerpt a, .news-grid .title a {color: #262626;}
.news-grid .date {color: #9a9a9a; font-style: italic;}
.news-grid img {display: block; transition: .5s; filter: brightness(1); aspect-ratio: 4/3; object-fit: cover; border-top: 2px solid;}
.news-grid img:hover {filter: brightness(.5);}
.news-grid .category a:hover {opacity: .5;}
.news-grid .post-item {overflow: hidden; display: flex; flex-direction: column;}
.news-grid a.title {font-weight: 400 !important; font-size: 18px !important; line-height: 28px !important;}
.news-grid a.title strong {transition: .5s; font-size: 16px !important; line-height: 26px !important; color: #253453;}
.news-grid a.title {padding: 15px; height: 100%; text-align: center; box-sizing: border-box; background: white;}
.news-grid .title:hover {background: #e84900; color: white !important;}
.news-grid .title:hover strong {color: white !important;}
.news-grid .title span {font-weight: 400; font-size: 16px;}

footer .footer_bottom {text-align: left;}
#footer .column1 {text-align: left;}
#footer .column2 {text-align: right; padding-top: 20px;}
#footer .column1 .textwidget a:not(:last-child) {margin-right: 20px;}
#footer .column1 img {margin-bottom: 30px;}
#footer .footer-cta {transition: .5s !important; border: 1px solid; padding: 12px 25px; border-radius: 30px; margin-bottom: 20px; display: inline-block;}
#footer .footer-cta:hover {background: #e84900; color: white !important; border-color: #e84900;}

@media only screen and (min-width:768px) {
	body.single-portfolio_page .header_bottom,
	body.single-post .header_bottom,
	body.single-staff .header_bottom {background-color: #a63f0d !important;}
}

.drop_down .second .inner > ul {background-color: #494844 !important;}

@media only screen and (max-width:767px) {
	header .header_bottom .logo_wrapper .q_logo a {height: 60px !important;}
	header .header_top {background-color: #e76f35 !important;}
	.header_top .left,.header_top .right {line-height: 1.5;}
	.header_top .inner {margin:  0 !important;}
	.header_top .container {display: block !important;padding: 5px 0;}
	#hero h1 {font-size: 35px;line-height: 45px;}
	.staff-grid {grid-template-columns: 1fr !important;}
}

@media only screen and (max-width:1199px) and (min-width:1000px) {
	nav.main_menu>ul>li>a {padding: 0 5px;font-size: 15px;}
}

form .wpcf7-form-control.g-recaptcha {background-color: transparent !important;}
form .wpcf7-form-control:not([type=submit]) {font-size:16px!important;}

form.post-password-form {text-align: center;margin: 100px auto 0;}
form.post-password-form input:not([type=submit]) {background-color: #f0f0f0;}

@media only screen and (max-width:600px) {
	iframe {min-width: 0 !important;}
}

ul.share-buttons{list-style: none;padding: 0 0 20px;;text-align:center;}
ul.share-buttons li{display: inline-block;vertical-align: middle;}
ul.share-buttons .sr-only{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}

.single-portfolio_page .title_outer,
.single-staff .title_outer {display:none;}
.single-portfolio_page .portfolio_single,
.single-staff .staff-page {margin-top:150px;}

.footer_top h5 {margin-bottom: 0;color: #e76e34 !important;}

#mc-embedded-subscribe-form {margin-top:10px;}
#mc-embedded-subscribe-form label {display:none;}
#mc-embedded-subscribe-form .mc-field-group {display:inline-block;vertical-align:middle;}
#mc-embedded-subscribe-form #mc-embedded-subscribe {display:inline-block;vertical-align:middle;color:#fff;background-color:#e76e34;border:none;padding:11px 20px;font-family:'Roboto',
sans-serif;font-size:14px;font-weight:600;background-color:#e76e34;letter-spacing:1px;text-transform:uppercase;cursor:pointer;}
#mc-embedded-subscribe-form #mc-embedded-subscribe:hover {background-color:#e84900;}
#mc-embedded-subscribe-form input[type=email] {display:block;border:none;padding:12px 10px;margin-right:-5px;}

body.single-post .title_outer {display:none;}
body.single-post .content {padding-top:133px;}
body.single-post .content_inner {padding-top:75px;}

.staff-grid {display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;}
.staff-image {position:relative;margin-bottom:10px;}
.staff-image img {display:block;}
.staff-image:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0;transition:opacity 500ms;}
.staff-member:hover .staff-image:before {opacity:0.5;}
.staff-text h3 {color:#e4622e;}

body.single-project header:not(.sticky) {background-color:#a63f0d;}
.project-page {padding-top:133px;}
.project-title {text-align:center;padding:80px 0;}
.project-title h1 {color:#2c3854;}
.project-upper {display:flex;}
.col-slider {display:inline-block;width:50%;}
.project-upper .wpb_gallery_slides {margin-bottom:0;}
.col-details {display:inline-block;width:45%;margin-left:5%;}
.col-details h3 {color:#e76f35;}
.sep {background-color:#e76f35;height:3px;width:110px;margin:10px 0 35px;}
.col-details strong {color:#2c3854;}
.col-details span {display:block;}
.project-mid {display:flex;align-items:center;padding-top:80px;padding-bottom:80px;}
.col-quote {width:50%;}
.col-brief {width:45%;margin-left:5%;}
.project-quote {background-color:#2c3854;padding:84px;text-align:center;position:relative;}
.project-quote:before {content:url(/wp-content/uploads/2021/03/quotation-1.png);position:absolute;top:-17px;left:28px;}
.project-quote:after {content:url(/wp-content/uploads/2021/03/quotation-2.png);position:absolute;bottom:-17px;right:28px;}
.project-quote p {color:#fff;}
.project-quote h3 {color:#e76f35;margin-top:34px;}
.project-quote h5 {color:#e49d7b;}
.col-brief h3 {color:#e76f35;}
.col-brief p + p {margin-top:1em;}
.project-lower {margin-bottom:80px;}
.project-lower .share-buttons:not(:first-child) {margin-top:50px;}