/*
 Theme Name:   PDE Architecture
 Description:  Child Theme for PDE Architecture
 Author:       Rob
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  ggs
*/

/*move first section up underneath header*/
div#et-main-area {
	margin-top: -150px;
	display: inline-block;
	width: 100%;
}
@media (max-width:980px) {
    div#et-main-area {margin-top: -220px;}
}

footer.et-l > .et_builder_inner_content {
    z-index: 100000!important;
}

/*text module*/
.maya-text h1,
.maya-text h2,
.maya-text h3,
.maya-text h4,
.maya-text h5,
.maya-text h6 {
  padding-bottom: .75em
}
.maya-text h1:not(:first-child),
.maya-text h2:not(:first-child),
.maya-text h3:not(:first-child),
.maya-text h4:not(:first-child),
.maya-text h5:not(:first-child),
.maya-text h6:not(:first-child) {
  padding-top: 1.25em;
}
.maya-text ul li,
.maya-text ol li {
  padding-bottom: .5em;
}
.maya-text p:last-of-type {
  padding-bottom: 1em;
}
.maya-text p:last-child {
  padding-bottom: 0;
}
.maya-text blockquote {
  background: #E4E7EB;
  padding: 25px 35px;
}
.maya-text blockquote p:last-of-type {
  padding-bottom: 0;
}
.maya-text blockquote {
  position: relative;
}
.maya-text blockquote:before {
  content: '"';
  position: absolute;
  font-size: 5em;
  top: .15em;
  left: 0;
  color: #CBD2D9;
  }
.maya-text blockquote:after {
  content: '"';
  position: absolute;
  font-size: 5em;
  bottom: -.35em;
  right: 0.15em;
  color: #CBD2D9;
  }


/*Reduce text size h2 about us page top section*/
@media (max-width: 1385px) and (min-width: 1164px){
.et_pb_text.maya-text.about-us h2 {
    font-size: 50px;
}
}
@media (max-width: 1163px) and (min-width: 980px){
.et_pb_text.maya-text.about-us h2 {
    font-size: 40px;
}
}

/*Reduce text size Architectural Services h2 for smaller desktops*/
@media (max-width: 989px) and (min-width: 980px){
.et_pb_module.et_pb_text.maya-text.architectural-services h2 {
    font-size: 55px;
}
}

/*Reduce text size Hover Blurb Title h4 for smaller desktops*/
@media (max-width: 1060px) and (min-width: 981px){
.blurb1 h4 {
    font-size: 16px;
}
}


/*Blurb Module Styling Icon Hover*/
.blurb1 .et-pb-icon::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    right: 5px;
    bottom: 5px;
    background: #bbc9ce;
    z-index: -1;
    transition: all .3s ease-in-out;
}
.blurb1 .et-pb-icon {
    position: relative;
}
.blurb1:hover .et-pb-icon::before {
    top: 5px;
    left: 5px;
    right: -5px;
    bottom: -5px;
    background:#d8e0e3;
 }
/* Centre the Blurbs Heading and Icon */
.et_pb_blurb_position_left .et_pb_blurb_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 5px;
}
.et_pb_blurb_position_left .et_pb_blurb_content {
    display: flex;
}
.et_pb_blurb_position_left .et_pb_main_blurb_image {
    width: auto;
    margin-bottom: 0;
}
.et_pb_blurb_position_left .et_pb_module_header {
    padding-bottom: 0;
}
.et_pb_blurb_position_left p {
    margin-top: 0;
}
/*
______________________
   
   Portfolio
______________________

*/



/* Portfolio Module */
.maya-portfolio .et_pb_ajax_pagination_container, .et-fb .maya-portfolio>div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 70px;
}

.maya-portfolio .et_pb_portfolio_item > a:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: var(--gray3);
    opacity: 0.6;
    transition: all .3s ease-in-out;
}

.maya-portfolio .et_pb_portfolio_item > a img {
	transition: all .3s ease-in-out;
	filter:grayscale(1);
	}  

.maya-portfolio .et_pb_module_header {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
    opacity:0;
    margin-top:25px;
}

.maya-portfolio .et_pb_module_header a {
    display: inline-block;
    background: rgba(9, 20, 38, 0.5);
    padding: .75em 1.25em;
    border-radius: 0px;
	}

.maya-portfolio .et_pb_portfolio_item:hover > a:after {
	opacity:0;
} 

.maya-portfolio .et_pb_portfolio_item:hover .et_pb_module_header {
	opacity:1;
	margin-top:0;
}
.maya-portfolio .et_pb_portfolio_item:hover > a img {
	filter:none;
}

@media (max-width: 980px) {
	.maya-portfolio .et_pb_ajax_pagination_container {
	    grid-gap: 50px;
	}
}

@media (max-width: 767px) {
	.maya-portfolio .et_pb_ajax_pagination_container {
    	grid-template-columns: 1fr;
	}
}

/*Back to top Button*/
.et_pb_scroll_top:before {
content: '!';
}
.et_pb_scroll_top.et-pb-icon {
background: #A5B6BF;
color: #000;
padding: 12px;
font-size: 22px;
right: 20px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 50%;
}
.et_pb_scroll_top.et-pb-icon:hover {
background: #000;
color: #B75463;
}
.et_pb_scroll_top.et-pb-icon.et-visible {
transition: all .3s ease-in-out;
}