/* 
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
*/

@font-face {
    font-family: "AvenirBook";
    src: url('fonts/Avenir_Book.ttf') format('truetype');
}
@font-face {
    font-family: "AvenirBlack";
    src: url('fonts/Avenir_Black.ttf') format('truetype');
}





@media screen and (width >= 1440px) {
    html{
        font-size: 12px;
    }
}

@media screen and (width < 1400px) {
    html{
        font-size: 10px;
    }
}

@media screen and (width < 768px) {
    html{
        font-size: 9px;
    }
}

@media screen and (width >= 1800px) {
    html{
        font-size: 13px;
    }
}


@media screen and (width >= 2500px) {
    html{
        font-size: 16px;
    }
}


body{
    font-family: "AvenirBook", sans-serif;
    line-height: 1.2;
}

.page-header .entry-title,.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),.site-header .header-inner,
.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main {
    max-width:95%;
}

h1,h2,h3,h4,h5,
.elementor-widget-heading .elementor-heading-title{
    font-family: "AvenirBlack", sans-serif !important;
}

@media screen and (width >= 2400px) {
    .e-con>.e-con-inner,
    .site-header .header-inner,
    .site-footer .footer-inner{
        max-width: 1900px;
    }

}


/* ========= Reset Bootstrap CSS ======== */
a{
    text-decoration: none;
}

ul{
    margin-bottom: 0px;
}

/* ====== Reset Elementor ======= */
.elementor-widget-heading p.elementor-heading-title {
    font-family: "AvenirBook" !important;
}

.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title
.elementor-widget-heading h5.elementor-heading-title{
    font-family: "AvenirBlack" !important;
}



/* ======= Header ========= */
#site-header.site-header.dynamic-header{
    min-height: 8rem;
}

.site-header .header-inner .custom-logo-link{
    background-color: var(--e-global-color-a1c9041);
    padding: 2.4rem 1.8rem;
    margin-bottom: -2rem;
}

.site-header .site-navigation ul.menu li a{
    padding-inline: 1rem;
}


@media screen and (width < 1200px) {
    .site-header .search-box{
        display: none;
    }
}

.fa-magnifying-glass{
   font-size: 2rem;
}


@media screen and (width <= 1235px) {
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
        font-size: 1rem;
    }
}


/* Hero Carousel */
.premium-carousel-dots-above ul.slick-dots{
    flex-direction: row;
    top: unset;
    bottom: 0px;
    left: 50% !important;
    transform: translateX(-50%);
}


/* Enquiry Product */
.enquiry-products-container{
    row-gap: 5rem;
}

#modal-product-image.product-image,
.enquiry-product-card .product-image{
    min-height: 36rem;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 2rem;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.3);
}

@media screen and (width < 768px)
{
	#modal-product-image.product-image,
	.enquiry-product-card .product-image{
		min-height: 20rem;
	}
}


.enquiry-product-card .product-title,
.enquiry-product-card .product-code{
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--e-global-color-ed13a2c);
    text-transform: uppercase;
}

.enquiry-product-card .product-code{
    font-weight: 300;
}


.shop-product-loop button.add-to-enquiry-button,
button.add-to-enquiry-button{
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
    text-transform: uppercase;
    padding: 1.2rem;
	background-color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
}

.single-enquiry-product button.add-to-enquiry-button{
	color: #ffffff;
}

.shop-product-loop button.add-to-enquiry-button{
    background-color: transparent;
    border: 1px solid var(--e-global-color-primary);
    transition: all .3s ease-in-out;
}

button.add-to-enquiry-button.btn:hover{
    color: var(--e-global-color-primary);  
    background-color: #ffffff;
}

#enquiryModal .modal-dialog{
    max-width: 60vw;
}



#enquiryModal .modal-body{
    padding:5rem;
}

.enquiry-form{
    padding-left: 5rem;
}

@media screen and (width < 768px)
{
	#enquiryModal .modal-dialog{
		max-width: 90vw;
	}
	
	.enquiry-form{
		margin-top: 3rem;
		padding-left: 0px;
	}

}

.enquiry-form .enquiry-form-title{
    font-size: 2rem;
    font-weight: 500;
    transform: skewX(-5deg);
    color: var(--e-global-color-primary);
}

#enquiryModal #modal-product-title,
#enquiryModal #modal-product-price{
    font-size: 1.6rem;
    text-transform: uppercase;
}

.enquiry-form input[type="submit"].wpcf7-submit{
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
    width: 100%;
    padding: 1.2rem 0;
    border: 0px;
} 


#enquiryModal .modal-body .wpcf7-form label{
    width: 100%;
}








/* contact form */
@media screen and (width >= 1024px) {
    .contact-form-container{
        position: absolute;
        right:0;
    }
}


div.wpforms-container-full button[type=submit]:not(:hover):not(:active){
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .2rem;
    background-color: var(--e-global-color-primary);
    padding: 1.4rem 6rem;
    line-height: 1px;
    border: 2px solid var(--e-global-color-primary);
    border-radius: 2rem;
}

div.wpforms-container-full button[type=submit]:hover{
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--e-global-color-primary);
    letter-spacing: .2rem;
    background: #ffffff;
    padding: 1.8rem 6rem;
    line-height: 1px;
    border: 2px solid var(--e-global-color-primary);
    border-radius: 2rem;
    transform: scale(1.1);
}

div.wpforms-container-full input[type]{
    font-size: 1.6rem;
}

div.wpforms-container-full input{
    height: 4.5rem;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{
    height: calc(4.5rem *4);
}



.triangle-top:after {
    content: "";
    position: absolute;
    right: -30px;
    width: 30px;
    height: 100%;
    overflow: auto;
    background-color: var(--e-global-color-primary);
    top: 0px;
    clip-path: polygon(0 0, 100% 0%, 0% 100%, 0% 100%);
}


button.slick-arrow{
    position: absolute;
    left: calc(50% - 40px);
    transform: translateX(-50%);
    padding:0px;
    width: 0px;
    height: 0px;;
}

button.slick-arrow:before{
    color: transparent;
}

button.slick-arrow.slick-next{
    top: -4rem;
}


button.slick-arrow.slick-prev{
    bottom: 4rem;
    top: calc(100% + 1rem);
}

button.slick-arrow.slick-next:before,
button.slick-arrow.slick-prev:before
{
    content: "";
    display: block;
    width: 4rem;
    height: 2.5rem;
    background-color: #000;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
 }

 button.slick-arrow.slick-prev:before{
    clip-path: polygon(50% 100%, 0 0, 100% 0);
 }

@media screen and (width < 768px)
{
	button.slick-arrow{
		position: relative;
	}
}

/* Project Tabs */

#projectTabs.project-tabs{
	display: none;
}


.slick-initialized{
	overflow: hidden;
}

.project-tabs.slick-initialized .slick-slide {
    padding: 0px 6px;
}

.slick-slide .nav-link{
	color: var(--e-global-color-3124b9e);
}

.slick-slide .nav-link[aria-selected='false']{
    background-color: #959595;
}

.slick-slide .nav-link:focus,
.slick-slide .nav-link:hover{
	background-color: var(--e-global-color-primary);
}


#projectTabContent{
	margin: 7rem auto;
    max-width: 90%;
}

#projectTabContent .card-img-top.project-img{
	height: 26rem;
    width: auto;
    object-fit: fill;
}

#projectTabContent .project-title .card-text{
	font-family: "AvenirBlack";
	font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--e-global-color-primary);
}

 /* Footer */
.footer-nav ul.elementor-nav-menu{
    max-height: 13rem;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
}

@media screen and (width < 768px)
{
	.footer-nav ul.elementor-nav-menu{
		max-height: 24rem;
		display: inline-flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
}

.footer-nav ul.elementor-nav-menu li{
    margin-right: 4rem;
}




/* ====== Utilities ====== */
.skew-10 > * {
    transform: skewX(-5deg);
}

.para-mb-2 p {
    margin-bottom: 2rem;
}

.margin-0 .e-con-inner{
    margin: 0px;
}