/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* FONTS IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap');


/* VARIABLEs*/

:root{
    --font-barlow: 'Barlow', sans-serif;
    --main-txt-color: #484848;
    --second-txt-color: #994410;
    --third-txt-color: #fff6dc;
    --fourth-txt-color: #ba5f27;
    --fifth-txt-color: #141B21;
}



/* GLOBAL CSS */

body, html{
    overflow-x: hidden;
	font-weight: 500;
}

.site.grid-container.container{
    overflow-y: hidden;
    overflow-x: hidden;
}


/* TYPOs */

h1, h2, h3, h4, body {
    font-family: var(--font-barlow);
}

h1{
    color: var(--third-txt-color);
    font-size: 53px;
    line-height: 60px!important;
    font-weight: 800;
}

h2{
    font-size: 45px;
    font-weight: 600;
    color: var(--main-txt-color);
}


h3{
    color: var(--second-txt-color);
    font-size: 20px;
    font-weight: 500;
}

h4, body{
    color: var(--main-txt-color);
    font-size: 17px;
}


.main-navigation a {
    font-weight: 500;
    text-transform: none;
    font-size: 17px;
} 


@media (min-width: 768px) and (max-width: 940px) {

    h1{
        font-size: 45px;
    }   
    
    h2{
        font-size: 35px;
    }    

}


@media (min-width: 768px) and (max-width: 980px) {

.main-navigation .main-nav ul li a {
    padding-left: 5px;
    padding-right: 5px;
}

.main-navigation a {
    font-size: 14px;
}

}

@media (max-width: 767px) {

    h1{
        font-size: 35px; line-height: 40px!important;
    }   
    
    h2{
        font-size: 32px;
    } 
}


/* CTAs */

a {
	color: #994410;
}

.cta a,
.cta a:visited{
    background: none;
    padding: 0;
    padding-bottom: 10px;
    color: var(--second-txt-color);
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 3px solid var(--second-txt-color);
    border-radius: 0;
	transition: all 0.3s ease-in-out;
}

.cta a:hover, .cta a:focus
{
    color: #c16b39;
	border-bottom: 3px solid #c16b39;
	transform: translateY(-3px);
	/*padding-bottom: 5px;*/
} 
	



/* HOME */

.above-the-fold.home h2{
    color: var(--third-txt-color);
    font-size: 23px;
    line-height: 27px;
    font-weight: 500;
}

.company.home .txt-stroke{
    font-size: 200px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--fourth-txt-color);
}

.company.home .txt-stroke.small{
    font-size: 130px;
}

.company.home .single-detail p{
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    color: var(--main-txt-color);
}

.services.home .single-service.with-border{
    border-bottom: 1px solid var(--second-txt-color);
}


.plants-quality .txt-stroke{
    font-size: 50px;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--fourth-txt-color);
}

.plants-quality .txt-stroke span{
    line-height: 54px;
    display: inline-block;
}


@media (max-width: 1200px) {

    .services.home .single-service.with-border{
        border-bottom: 0px solid var(--second-txt-color);
    }    

}


@media (min-width: 768px) and (max-width: 940px) {

    .company.home .txt-stroke{
        font-size: 150px;
    }

    .company.home .txt-stroke.small{
        font-size: 80px;
    }
}


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

    .company.home .txt-stroke{
        font-size: 120px;
    }

    .company.home .txt-stroke.small{
        font-size: 50px;
    }
}


@media (max-width: 580px) {

    .company.home .txt-stroke{
        font-size: 75px;
    }

      .data-home{
        margin-top: -80px;
    }

    .company.home .txt-stroke .elementor-widget-container{
        margin: 0px 0px -30px 0px!important;
    }

    .company.home .txt-stroke.small{
        font-size: 50px;
    }
}



/* FOOTER */

footer{
    background-color: var(--fifth-txt-color);
}

footer p,
footer a,
footer a:visited{
    color: #FFFFFF;
}

footer a:hover{
    color: var(--fourth-txt-color);
}


/* FIX Animazione Fade Elementor */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

/*Animazione Up Down infinita*/

.slideUpDown {
    -webkit-animation: slideupdown 1s infinite  alternate;
    animation: slideupdown 1s infinite  alternate;
}

@-webkit-keyframes slideupdown {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes slideupdown {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}