/*
Theme Name: WCB Utilities Child
Description: WordPress theme.
Version: 1.0
Author: GhostPool
Author URI: http://www.ghostpool.com
Text Domain: wcbutilities
Template: wcbutilities
*/

/****************** General ******************/

body {
background-image: none;
}
.elementor {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.entry-content .elementor {
margin: 0 auto;
}
.elementor-element {
word-break: break-word;
}

/****************** Posts (Projects) ******************/

article.entry-content>*, 
.wp-block-cover article.wp-block-cover__inner-container>*, 
.wp-block-cover-image article.wp-block-cover__inner-container>*, 
.wp-block-group article.wp-block-group__inner-container>*, 
article.page-header-home>*, article#latest-posts>*, 
footer#footer article#footer-logos>*,
footer#footer #footer-logos .footer-logos {
max-width: 1500px;
}
.entry-content > .elementor[data-elementor-type="wp-post"] {
width: calc(100% - 30px* 2);
}

/****************** Slides in Editor ******************/

.slides-template-default  {
padding-top: 0;
}
.slides-template-default header#header {
display: none;
}
.slides-template-default #footer {
display: none;
}

/****************** Home ******************/

/* Counters */
#numbers .elementor-element[data-element_type="container"] .gp-icon {
transition: all .5s;
transform: scale(1);
}
#numbers .elementor-element[data-element_type="container"]:hover .gp-icon {
transition: all .5s;
transform: scale(1.2);
}
#numbers .elementor-element[data-element_type="container"] {
transition-duration: .6s; 
transition-timing-function: ease;
transform: perspective(2500px) rotateX(-100deg);
backface-visibility: hidden;
transition-property: transform;
}
#numbers .elementor-element[data-element_type="container"].animated {
transform: perspective(2500px) rotateX(0);
}
.gp-delay-1 {
transition-delay: .1s;
}
.gp-delay-2 {
transition-delay: .2s;
}

/* Carousel */
.gp-element-carousel .slick-next, 
.gp-element-carousel .slick-prev {
z-index: 1;
width: 40px;
height: 40px;
}
.gp-element-carousel .slick-next:before, 
.gp-element-carousel .slick-prev:before {
font-size: 40px;
}
.gp-element-carousel article {
margin: 0 20px;
}
.gp-element-carousel h3,
.gp-element-carousel h3 a {
margin: 20px 0 0 0;
color: #fff;
font-size: 22px;
line-height: 28px;
}
.gp-element-carousel h3 a:hover {
color: #000;
}
.gp-element-carousel p {
color: #fff;
margin-top: 0;
}

/****************** Posts Element ******************/

.gp-element-posts.gp-format-cols {
display: flex;
flex-wrap: wrap;
column-gap: 5%;
}
.gp-element-posts.gp-format-list {
display: flex;
flex-wrap: wrap;
}
.gp-element-posts article {
flex-basis: calc((100% - 10%) / 3) !important;
margin-bottom: 60px;
}
.gp-element-posts h3,
.gp-element-posts h3 a {
    color: var(--primary);
font-size: 28px;
line-height: 1.4em;
margin-top: 20px;
margin-bottom: 20px;
}
.gp-element-posts h3 a:hover {
color: #000;
} 
.gp-element-posts p {
color: #fff;
}
.gp-element-posts .elementor-button {
background-color: var(--primary);
color: #fff;
border-radius: 12px 12px 12px 12px;
}
.gp-element-posts .elementor-button:hover {
background-color: #000;
}

/****************** About Us ******************/

.elementor-widget-container .wp-caption {
border: 0;
padding: 0;
}

/****************** Meet The Team ******************/

.gp-meet-the-team .wp-caption {
max-width: 100%;
}
.gp-meet-the-team .wp-caption figcaption {
left: auto;
right: 40px;
}
.meet-the-team-image,
.meet-the-team-image .wp-caption {
height: 100%;
}

/****************** Media Queries ******************/

@media (max-width: 1023px) {

    .gp-element-posts article {
    flex-basis: calc((100% - 5%) / 2) !important;
    }

}

@media (max-width: 768px) {

    .gp-element-posts article {
    flex-basis: 100% !important;
    }

}