/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */


:root {

    /* Layout */
    --content-layout-width: 1588px;
    --content-layout-width-medium: 1366px;
    --content-layout-width-small: 1184px;

    /* Colors */
    --primary-color: #ffed00;
    --accent-color: #000;
    --text-color: var(--accent-color);

    /* Grey Scale */
    --color-white: #FFFFFF;
    --color-black: #000000;

    --color-grey-light: #b7b7b7;
    --color-grey-medium: #898989;
    --color-grey-dark: #5c5c5c;

    /* Typography */
    --font-family-heading: "PP Monument Extended", Arial, Helvetica, sans-serif;
    --font-family-body: "Silka", Arial, Helvetica, sans-serif;
    --font-family-icon: "ms-iconfont";

    --fontsize-h1: clamp(23px, 1.3608rem + 0.3409vw, 26px);
    --fontsize-h2: clamp(21px, 1.2614rem + 0.2273vw, 23px);
    --fontsize-h3: clamp(18px, 1.2244rem + 0.1136vw, 21px);
    --fontsize-h4: clamp(18px, 1.0994rem + 0.1136vw, 19px);
    --fontsize-h5: clamp(16px, 0.9744rem + 0.1136vw, 17px);
    --fontsize-h6: clamp(14px, 0.8494rem + 0.1136vw, 15px);

    --fontsize-xxl: clamp(32px, 0.9684rem + 4.4013vw, 100px);
    --fontsize-xl: clamp(28px, 1.113rem + 2.718vw, 70px);
    --fontsize-l: clamp(26px, 1.2609rem + 1.5534vw, 50px);
    --fontsize-lead: clamp(18px, 1.0739rem + 0.2273vw, 20px);
    --fontsize-body: clamp(16px, 0.9489rem + 0.2273vw, 18px);
    --fontsize-label: clamp(12px, 0.6989rem + 0.2273vw, 14px);
    --fontsize-link: clamp(14px, 0.8239rem + 0.2273vw, 16px);

    --gallery-content-width: ;
    --gallery-space-between: ;
}

/* General START */

@media screen and (min-width: 1024px) {
    .elementor-widget-media-carousel .swiper-pagination-bullets{
        display: none;
    }

    .elementor-element.elementor-pagination-position-outside .swiper{
        padding-bottom: 0;
    }
}

/* General END */

/* Header START */

.elementor-location-header .header-inner .elementor-widget-theme-site-logo.elementor-widget-image img{
    transition: all .3s ease;
}

.elementor-location-header .header-inner.elementor-sticky--effects .elementor-widget-theme-site-logo.elementor-widget-image img{
    max-width: 145px;
}

.elementor-location-header .header-inner .nav-wrap,
.elementor-location-header .header-inner > .e-con-inner{
    transition: padding-top, padding-top, column-gap .3s ease;
}

.elementor-location-header .header-inner.elementor-sticky--effects > .e-con-inner{
    padding-top: 10px;
    padding-bottom: 10px;
    column-gap: 5.8%;
}

.elementor-location-header .header-inner.elementor-sticky--effects .nav-wrap{
    padding-bottom: 5px;
}

.elementor-location-header .elementor-nav-menu .menu-item .sub-arrow{
    display: none;
}

/* Media Carousel START */

.project-slider .swiper-button{
    height: 25px;
}

.project-slider .swiper-button:after{
    font-size: 25px;
    font-family: 'Barlow';
    font-weight: 500;
}

.project-slider .swiper-button,
.elementor-widget-image-carousel  .elementor-swiper-button,
.elementor-widget-media-carousel  .elementor-swiper-button{
    top: unset !important;
    bottom: 0;
    transform: unset !important;
}

.project-slider .swiper-button svg,
.elementor-widget-n-carousel .elementor-swiper-button svg,
.elementor-widget-image-carousel .elementor-swiper-button svg,
.elementor-widget-media-carousel .elementor-swiper-button svg{
    display: none !important;
}


.project-slider .swiper-button-prev:after,
.elementor-widget-n-carousel .elementor-swiper-button-prev:before,
.elementor-widget-image-carousel .elementor-swiper-button-prev:before,
.elementor-widget-media-carousel .elementor-swiper-button-prev:before{
    content: "<";
}

.project-slider .swiper-button-next:after,
.elementor-widget-n-carousel .elementor-swiper-button-next:before,
.elementor-widget-image-carousel .elementor-swiper-button-next:before,
.elementor-widget-media-carousel .elementor-swiper-button-next:before{
    content: ">";
}

.project-slider .swiper-button.swiper-button-prev,
.elementor-widget-image-carousel .elementor-swiper-button.elementor-swiper-button-prev,
.elementor-widget-media-carousel .elementor-swiper-button.elementor-swiper-button-prev{
    left: unset;
}

.project-slider .swiper-slide a,
.elementor-widget-image-carousel .swiper-slide a,
.elementor-widget-media-carousel .swiper-slide a{
    text-decoration: none !important;
}

.elementor-widget-image-carousel .swiper-slide img,
.elementor-widget-media-carousel .swiper-slide img{
    max-height: 615px;
    object-fit: cover;
}

.project-slider .swiper-slide figcaption,
.elementor-widget-image-carousel .swiper-slide figcaption,
.elementor-widget-media-carousel .swiper-slide figcaption{
    width: 100%;
    max-width: 984px;
    margin: 0 auto;
    margin-top: 10px;
    text-decoration: unset !important;
}

.project-slider .swiper-horizontal{
    padding-bottom: 40px;
}

@media screen and (min-width: 1025px) {
    .project-slider  .swiper-button.swiper-button-next,
    .elementor-widget-image-carousel  .elementor-swiper-button.elementor-swiper-button-next,
    .elementor-widget-media-carousel  .elementor-swiper-button.elementor-swiper-button-next{
        right: 15.8%;
    }

    .project-slider .swiper-button.swiper-button-prev,
    .elementor-widget-image-carousel .elementor-swiper-button.elementor-swiper-button-prev,
    .elementor-widget-media-carousel .elementor-swiper-button.elementor-swiper-button-prev{
        right: 18% !important;
        left: unset;
    }

}

@media screen and (min-width: 1024px) {

    .project-slider  .swiper-pagination,
    .elementor-widget-n-carousel  .swiper-pagination,
    .elementor-widget-image-carousel  .swiper-pagination {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .project-slider  .swiper-button.swiper-button-next,
    .elementor-widget-image-carousel  .elementor-swiper-button.elementor-swiper-button-next,
    .elementor-widget-media-carousel  .elementor-swiper-button.elementor-swiper-button-next{
        right: 0;
    }

    .project-slider .swiper-button.swiper-button-prev,
    .elementor-widget-image-carousel .elementor-swiper-button.elementor-swiper-button-prev,
    .elementor-widget-media-carousel .elementor-swiper-button.elementor-swiper-button-prev{
        right: 3% !important;
        left: unset;
    }

    .elementor-widget-image-carousel .swiper-slide img,
    .elementor-widget-media-carousel .swiper-slide img{
        max-height: 400px;
    }
}

/* Media Carousel END */

/* Project Items START */

.project-item img{
    transition: .2s all ease;
}

.project-item:hover img{
    transform: scale(1.05);
}

.project-slider .elementor-image-gallery{
    overflow-x: hidden;
}

.project-slider .swiper-slide{
    width: fit-content;
}

.project-slider .swiper-slide img{
    width: auto;
    height: 100%;
    max-height: calc((9/16 * (var(--gallery-content-width) - var(--gallery-space-between)))/2)
}

/* Project Items END */

/* Instagram Feed START */

#sb_instagram #sbi_load .sbi_load_btn{
    padding: 11px 30px;
    font-size: 14px;
    border-radius: 0;
}

/* Instagram Feed END */

/* Responsive START */

@media screen and (max-width: 1919px) {

}

@media screen and (max-width: 1679px) {

}

@media screen and (max-width: 1365px) {

}

@media screen and (max-width: 1279px) {

    /* Header START */

    .elementor-location-header .header-inner .elementor-nav-menu--dropdown{
        margin-top: 57px;
    }

    .elementor-location-header .header-inner.elementor-sticky--effects .elementor-nav-menu--dropdown{
        margin-top: 18px;
    }

    /* Header END */
}

@media screen and (max-width: 1023px) {

    /* Media Carousel START */

    .project-slider  .swiper-button,
    .elementor-widget-n-carousel  .elementor-swiper-button,
    .elementor-widget-image-carousel  .elementor-swiper-button,
    .elementor-widget-media-carousel  .elementor-swiper-button {
        display: none !important;
    }

    /* Media Carousel END */

}

@media screen and (max-width: 767px) {

    /* Header START */

    .elementor-location-header .header-inner .elementor-nav-menu--dropdown{
        margin-top: 45px;
    }

    .elementor-location-header .header-inner.elementor-sticky--effects .elementor-nav-menu--dropdown{
        margin-top: 20px;
    }

    /* Header END */

    /* Media Carousel START */

    .elementor-widget-image-carousel:not(.project-carousel) .swiper-slide img,
    .elementor-widget-media-carousel:not(.project-carousel) .swiper-slide img{
        max-height: 340px;
        height: 340px;
    }

    .elementor-image-carousel-wrapper{
        padding-bottom: 10px;
    }

    .elementor-widget-media-carousel{
        padding-bottom: 0;
    }

    .project-slider .swiper-slide figcaption,
    .elementor-widget-image-carousel .swiper-slide figcaption,
    .elementor-widget-media-carousel .swiper-slide figcaption{
        text-align: center !important;
    }

    .project-slider .swiper-slide img{
        max-height: calc(9/16 * (var(--gallery-content-width) - var(--gallery-space-between)))
    }

    .project-slider .swiper-pagination {
        left: -20px;
    }

    /* Media Carousel END */

}

/* Responsive END */