/*
Theme Name:   Hello Elementor child
Theme URI:    http://example.com/hello-elementor/
Description:  Hello Elementor Child Theme
Author:       Ewall Solutions
Author URI:   http://example.com
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  hello-elementor
*/


@import url('https://use.typekit.net/kmm0snb.css');

:root {
    --f-family-futura: "futura-pt",sans-serif;
    --f-family-futura-bold : "futura-pt-bold",sans-serif;
    --f-family-iyvmode: "ivymode",sans-serif;
    --f-family-bilo: "bilo",sans-serif;
}

* {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0 !important;
}

.navigation-menu-wrapper .menu-item .hfe-menu-item,
.banner-title .elementor-heading-title,
.banner-description p,
.three-col-desc p,
.section-description p {
    font-family: var(--f-family-futura);
}

.three-col-title .elementor-heading-title,
.section-title .elementor-heading-title,
.title-title .elementor-heading-title {
    font-family: var(--f-family-iyvmode);
}

body {
    margin: 0;
    border: 0;
    padding: 0;
}

#masthead {
    position: absolute !important;
    width: 100%;
    left: 0;
    top: 0;
}

.home .hfe-nav-menu .menu-item:first-child {
    border-bottom: 1px solid #fff;
}
.hfe-nav-menu .current-menu-item {
    border-bottom: 1px solid #fff;
}
.banner-wrapper {
    min-height: 100vh !important;
}

.banner-wrapper .banner-video-wrapper {
    position: absolute;
    width: 100% !important;
    height: 100%;
    overflow: hidden;
}

.banner-wrapper > .elementor-container,
.banner-wrapper > .elementor-container .elementor-column:first-child,  
.banner-wrapper > .elementor-container .elementor-column:first-child * {
    min-height: 100vh !important;
}

.banner-wrapper .banner-content {
    width: 100%;
}

.three-column-wrapper > .elementor-container {
    justify-content: space-evenly;
    align-items: flex-start;
}

.partners-slider .slick-track {
    padding: 0;
}

.partners-slider .single-logo-container {
    display: flex;
    justify-content: center;
}

.partners-slider .slick-arrow {
    display: flex;
    width: 30px;
    height: 30px;
    padding: 6.5px 6.94px 5.5px 6.06px;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    opacity: 0.8;
    background: rgba(19, 21, 22, 0.70) !important;
}

.partners-slider .slick-arrow::before {
    content: "";
    
}

.partners-slider .slick-prev {
    left: 15px;
}

.partners-slider .slick-arrow::before {
    width: 17px;
    height: 18px;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.partners-slider .slick-prev::before {
    background-image: url('http://192.168.1.8/the_lunch/wp-content/uploads/2023/12/prev_Icon.png');
}

.partners-slider .slick-next::before {
    background-image: url('http://192.168.1.8/the_lunch/wp-content/uploads/2023/12/next_icon.png');
}

.three-column-wrapper .three-column-item {
    width: 100% !important;
    max-width: 400px;
}

.three-column-wrapper .three-col-desc {
    max-width: 340px;
    margin: 0 auto;
}

.two-column-wrapper .two-col-sec img {
    width: 100%;
}

.partners-slider .lgx_lsw_nav_wrap {
    text-align: initial !important;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.partners-slider .lgx_lsw_nav_wrap .lgx_lsw_nav_button {
    border-radius: 0 !important;
    margin: 0;
    padding: 6.5px 6.94px 5.5px 6.06px !important;
}

.partners-slider .lgx_lsw_nav_wrap .lgx_lsw_nav_button .fa {
    font-size: 22px !important;
}

@media only screen and (max-width: 1450px) {
    .two-column-wrapper .section-title .elementor-heading-title {
        font-size: 42px !important;
        line-height: 50px !important;
    }
    .three-column-wrapper .three-column-item {
        max-width: 360px;
    }
    .three-col-title .elementor-heading-title {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .two-column-wrapper .section-title .elementor-heading-title {
        font-size: 36px !important;
        line-height: 45px !important;
    }
    .three-column-wrapper > .elementor-container {
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .three-column-wrapper > .elementor-container .three-column-item:last-child {
        max-width: initial;
    }
}

@media only screen and (max-width: 1024px) {
    .two-column-wrapper .section-title .elementor-heading-title {
        font-size: 32px !important;
        line-height: 40px !important;
    }
    .three-column-wrapper .three-column-item {
        max-width: 320px;
    }
    .two-column-wrapper .two-col-cont {
        padding: 50px 30px !important;
    }
    .two-column-wrapper .two-col-sec {
        width: 100%;
    }
    .res-col-reverse > .elementor-container {
        flex-direction: column-reverse;
    }
    .hfe-nav-menu .hfe-menu-item {
        color: #000 !important;
    }
    .three-col-title .elementor-heading-title {
        font-size: 18px !important;
    }
    nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {
        top: 70px;
        height: calc(100vh - 93px);
		overflow-y: auto;
    }

    .hfe-nav-menu__layout-horizontal > .hfe-nav-menu {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .three-column-wrapper .three-column-item {
        max-width: initial;
    }
    .two-column-wrapper .section-title .elementor-heading-title {
        font-size: 28px !important;
    }
    .banner-video .elementor-video {
        object-position: -700px;
    }
}

@media only screen and (max-width: 480px) {
    .banner-wrapper .banner-content {
        margin-top: 65px;
    }
}

@media only screen and (max-height: 480px) {
    .banner-wrapper,
    .banner-wrapper > .elementor-container, .banner-wrapper > .elementor-container .elementor-column:first-child, .banner-wrapper > .elementor-container .elementor-column:first-child * {
        min-height: 650px !important;
    }
    .banner-wrapper .banner-content {
        margin-top: 45px;
    }
	.banner-video .elementor-video {
        object-position: initial;
    }
}