/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


.header.elementor-sticky--effects {
    background-color: var( --e-global-color-284b516 );
    box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.elementor-gallery-item .elementor-gallery-item__overlay::before {
    content: "";
    background-image: var(--wpr-bg-ed13473e-5637-44bc-be2b-7b0be9fed2f7);
    width: 64px;
    height: 64px;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transition: all .8s;
}

.elementor-gallery-item .elementor-gallery-item__overlay {
    display: flex;
    justify-content: center;
    align-items: center;
}

.elementor-gallery-item:hover .elementor-gallery-item__overlay::before {
    opacity: 1;
}

.project-loop-featured-img {
    height: 56vh!important;
    width: 100%!important;
    object-fit: cover;
    cursor: pointer;
}

.hidden-gallery-img {
    display: none; 
}

.fancybox-container button:hover,
.fancybox-container button:focus {
    background-color: var( --e-global-color-primary )!important;
}

.oc-menu .elementor-nav-menu--dropdown {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    left: 0px !important;
    box-shadow: none !important;
}

.oc-menu .elementor-nav-menu--dropdown a {
    justify-content: flex-start !important;
    padding-left: 0px !important;
}

.grecaptcha-badge {
    bottom: 120px !important;
}

@media only screen and (max-width: 1500px) {
    .project-loop-featured-img {
        height: 45vh!important;
    }
}

@media only screen and (max-width: 1024px) {
    .project-loop-featured-img {
        height: 32vh!important;
    }

}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .calc-width-tablet-50 {
        width: calc(50% - 10px) !important;
    }
    .calc-width-tablet-33 {
        width: calc(33% - 10px) !important;
    }
}

@media only screen and (max-width: 767px) {
    /* .single-loop-item,
    .e-loop-item {
        height: max-content !important;
    } */
}