
/* PARENT THEME OVERIDES and FIXES */

/* CSS DIRECTORY
	1. = ELEMENTOR
	2. = TYPOGRAPHIE
	3. = HEADER & FOOTER
	4. = PLUGINS
	5. = WORDPRESS ELEMENTS
*/

body.error404{
    height: 100vh;
}

body.error404 .container.main{
    display: table;
}

body.error404 .container.main .row{
    height: 100vh;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    width: 100% !important;
    margin: 0 auto !important;
}

/* ===============
   1. ELEMENTOR
   =============== */

    /*  Elementor core elements  */

    .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
        /*padding: 80px 10px 60px 10px; */
        padding: 40px 0px 60px 0px;
    }

    /*  Elementor : Portfolio  */

    .ebea-portfolio .elementor-portfolio-item__overlay {
        background-color: #0d0d0d;
        opacity: 0.6;
    }

    .ebea-portfolio .elementor-portfolio-item__overlay:hover {
        opacity: 0.2;
    }

    .ebea-testimonial-slider .swiper-pagination-bullet {
        width: 20px;
        height: 4px;
        border-radius: 4px;
        background: #fff;
        margin: 0 5px;
    }

    /*  Elementor : Parners  */

    .ebea-partners .elementor-widget-container {
        background-color: #30caa0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .ebea-partners figure.swiper-slide-inner {
        padding: 15px;
    }

    /*  Elementor : Testimonial slider  */

    .ebea-testimonial-slider .elementor-testimonial__text,
    .ebea-testimonial-slider .elementor-testimonial__name {
        font-size: 18px;
        font-style: normal;
    }

    .ebea-testimonial-slider .elementor-testimonial__title {
        font-size: 16px;
    }

/* ===============
   2. TYPOGRAPHIE
   =============== */

h2.elementor-heading-title {
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: uppercase;
}

h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
h4.elementor-heading-title,
h5.elementor-heading-title,
h6.elementor-heading-title {
    margin-bottom: 0px;
    font-weight: 600;
    color: #252525;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 10px 0;
}

h1 { font-size: 58px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { line-height: 1.5em;}

.sp-title {
    display: block;
    font-weight: 400;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ebebeb;
}

h4.sp-title {
    font-size: 28px;
}

h5.sp-title {
    font-size: 22px;
}

/*  Header, hero and homepage filter  */

.site-logo-name {
    font-size: 34px;
    font-weight: bolder;
    font-smooth: never;
    color:white;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    h1 { font-size: 46px; }
    h2 { font-size: 24px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    h5 { font-size: 14px; }
    h6 { font-size: 12px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-top-right {
        padding-top: 0px;
    }
}

@media only screen and (max-width: 479px) {
    .header-top {
        border-bottom: none;
        margin-bottom: 0px;
    }
    .hero-text {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}

.hero-text p {
    color: white;
}

div.social {
    display: flex;
}

.filter-form {
    display: flex;
}

/*  Footer widgets  */

ul.animated-list:first-child {
    margin-left: 0;
}

ul.animated-list a {
    font-size: 13.9px;
    color: #cccccc;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    right: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
}

ul.animated-list a:hover {
    right: -20px;
    color: #fff;
}

ul.animated-list a:hover:after {
    opacity: 1;
    left: -15px;
}

ul.animated-list a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f101";
    position: absolute;
    left: -20px;
    top: 0;
    color: #30caa0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

ul.animated-list:last-child {
    margin-left: 50px;
}

/* ===============
   3. HEADER & FOOTER
   =============== */

section.page-listing-top-section {
    margin-bottom: -54px;
}

footer p {
    color: white;
}

.copyright p a {
    font-weight: 400;
}

.footer-widget .animated-double-menu .textwidget {
    display: flex;
}

.footer-widget p i {
    color: #fff;
    margin-right: 10px;
}

.footer-widget .textwidget ul {
    margin-left: 15px;
    list-style: none;
}

/* ===============
   4. PLUGINS
   =============== */

/* ===============
   5. WORDPRESS ELEMENTS
   =============== */

/* Plugin : Wordpress Gallery */

/*

.gallery {
    margin-right: -20px;
}

.gallery:after {
    content: '';
    display: block;
    clear: both;
}

.grid-sizer {
    width: calc(25% - 20px);
}

.gallery-item {
    width: calc(25% - 20px);
    height: 285px;
    display: table;
    position: relative;
    float: left;
    margin-bottom: 20px;
}

.gallery-item.grid-long {
    width: calc(50% - 20px);
}

.gallery-item.grid-wide {
    width: calc(50% - 10px);
}

.gallery-item:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.4;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.gallery-item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: black;
    background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(70%, #30caa0));
    background: -o-linear-gradient(top, black 0%, #30caa0 70%);
    background: linear-gradient(to bottom, black 0%, #30caa0 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#30caa0', GradientType=0);
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.gallery-item:hover:before {
    opacity: 0.6;
}

.gallery-item:hover:after {
    opacity: 0;
}

.gallery-item .gi-info {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 2;
}

.gallery-item .gi-info h3 {
    font-size: 28px;
    font-weight: 400;
    color: #fff;
}

.gallery-item .gi-info p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
}

*/