/*
Theme Name:  Understrap Child
Theme URI:  https://rachelmccollin.com
Description:  Theme to support tutsplus tutorial. Child theme for Understrap theme.
Author:  Giulia Losito
Textdomain:  understrap
Author URI:  https://rachelmccollin.com/
Template:  understrap
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/


/* Bottoni */
.btn-primary:hover {
    color: #fff;
    background-color: #4BBE46 !important;
    border-color: #4BBE46 !important;
}

.btn-secondary:hover {
    color: #4BBE46 !important;
    background-color: #ededed !important;
    border-color: #ededed !important;
}

/* Header */

nav.bg-primary{background-color: #fff !important;}
.container .navbar-brand img{width: 200px !important;}
.navbar-dark .navbar-nav .nav-link{color: #212529 !important;font-weight: 500;}
.navbar-nav li:first-child{margin-left: 70px;}
.navbar-nav li:last-child .nav-link{background-color: #4BBE46; border-color: #4BBE46; padding: 10px 20px; border-radius: 4px; color: #fff !important;}
.navbar-nav li:last-child{margin-left: 30px;}
header .social{list-style-type: none;margin-left: auto;margin-bottom: 0;}
header .social li{display: inline-block}

header .navbar-expand-md .navbar-collapse{justify-content: center;}




/* Homepage */
.row.atf-slider{position: absolute; top: 50%; transform: translateY(-50%);}
.page-template-fullwidthpage #full-width-page-wrapper, .page-template-chi-siamo #full-width-page-wrapper, .page-template-categorie #full-width-page-wrapper{padding-bottom: 0;}
.page-template-fullwidthpage .bg{
    height: 700px;
}

.bg{background-position: center right;
    padding: 150px 0;
    background-repeat: no-repeat;
    background-size: 1000px 700px;
 
}
.hero-caption{background: #fff; border-radius: 10px;padding: 80px 80px 60px 0;}
.hero-caption h1{font-size: 42px;
    line-height: 120%; font-weight: 600;color: #4BBE46;}
.hero-caption p{font-size: 20px; line-height: 140%; }
.container-fluid{padding-right: 0 !important;}

.owl-carousel .owl-item img{max-height: 100px; object-fit: contain;}


.bg-cta{padding: 100px 0;background-position: center;}
.bg-cta_box{
    text-align: center;
    background: #fff;
    padding: 70px 0;
    max-width: 700px;
    margin: 0 auto;
    box-shadow: 0px 2px 4px rgb(40 41 61 / 4%), 0px 8px 16px rgb(96 97 112 / 16%);;
    border-radius: 6px;
}
.bg-cta_box h2{margin-bottom: 20px;}

.brand-slider{padding-top: 150px;}
.brand-slider .owl-dots{display: none;}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top: 40px !important;}
.management{padding: 150px 0;}
.management h2{margin: 0 0 50px 0;}
.brand-slider h2{margin-bottom: 50px;}
.management .col-12 .card{    
    border: 1px solid #fafbff;
    box-shadow: 0px 2px 4px rgb(40 41 61 / 4%), 0px 8px 16px rgb(96 97 112 / 16%);;
    border-radius: 6px;
    padding: 30px;
    min-height: 500px;
}

.management .col-12 .card a{position: absolute; bottom: 30px;}


.management h2, .servizi h2, .brand-slider h2{color: #103900;font-weight: 600;font-size: 40px;}
.management h4{margin: 20px 0; font-weight: 600;font-size: 22px;min-height: 52px;}
.management .btn-primary, .hero-caption .btn-primary{max-width: 50%;padding:10px 15px;color: #4BBE46;background-color: #fff; border-color: #4BBE46;margin-top: 10px;}

.servizi h2{margin-bottom: 16px;}
.servizi ul{display: flex; list-style-type: none; justify-content: center;margin-bottom: 50px;}
.servizi li{ font-size: 24px;font-weight: 700;line-height: 140%;}
.servizi a{display: inline-block;margin: 0 40px;color: #103900;}
.servizi a:hover{text-decoration: none;}
.servizi a:hover, .servizi a.active{color: #fff;}

.alpine-tab{display: grid; grid-template-columns: 1.5fr 1.5fr; align-items: center;}
.alpine-tab .tab-text{margin-left: 32px;}
.bg-mission {background: #f1fff1; padding: 100px 0;margin-top: 150px;}
.bg-video {background: #4BBE46;padding:200px 0;margin-top: 100px;}

.grid-servizi{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 16px;}
.single-servizi{    
    background: #fff;
    border: 1px solid #FAFBFF;
    box-shadow: 0px 2px 8px rgb(40 41 61 / 4%), 0px 16px 24px rgb(96 97 112 / 16%);
    border-radius: 6px;
    padding: 24px 32px;
}
.bg-mission h3{font-weight: 600; color: #4BBE46;}
.bg-mission .single-servizi h3{font-weight: 700;
    font-size: 22px;
    line-height: 140%;
    color: #103900;}

.mb-3{margin-bottom: 1.5rem!important;}

.bg-social{background-color: #4BBE46; text-align: center; color: #fff; padding: 100px 0; }
.bg-social h2{font-weight: 600;font-size: 40px;line-height: 140%;}

.bg-social .btn-secondary{
    max-width: 50%;padding:10px 15px;color: #4BBE46;background-color: #fff; border-color: #4BBE46;margin-top: 10px;

}
header .social li { margin: 0 6px;}
header .social li img{width: 25px; height: 25px;}
header .social li:last-child img{width: 32px; height: 32px;}
.social-div{width: 1px; height: 30px; background-color: #4BBE46; margin: 0 10px;display: inline-block; vertical-align: middle;}



@media (max-width:1441px){
    .bg{padding: 75px 0;}
    .page-template-fullwidthpage .bg{background-position: center right;
        padding: 75px 0;
        background-repeat: no-repeat;
        background-size: 950px 650px;
     
    }
    
}

@media (max-width:968px){
    .management h2{text-align: center;}
    .page-template-fullwidthpage .bg{background-size: 400px 250px;}
    header .social li img{width: initial !important;}
    .page-template-fullwidthpage .bg{height: 600px;}
    .row.atf-slider{position: initial; transform: none;}
    .bg-mission{margin-top: 0;}
    .management{padding-bottom: 0;}
    .servizi .col-12{margin-bottom: 40px;}
    .hero-caption{background: none; padding: initial;}
    .page-template-chi-siamo .hero-caption{margin-bottom: 60px;}
    .page-template-servizi .hero-caption{margin-bottom: 150px;}
    .hero-caption h1{font-size: 28px; line-height: 140%; }
    .hero-caption p{font-size: 16px; line-height: 140%; }
    .bg{background-position: bottom right;padding: 0 0 300px 0;background-size: contain; }
    .navbar-nav li:last-child .nav-link{background-color: initial; border-color: initial; padding: 8px 0; border-radius: none; color: #212529 !important;}
    .navbar-nav li:last-child{margin-left: initial;}
    .navbar-dark .navbar-toggler-icon{ filter: brightness(0.5);}
    .hero-caption .btn-primary{max-width: initial;}
    .brand-slider, .bg-mission{padding: 80px 0;}
    .management{padding-top: 80px;}
    .brand-slider .item{max-width: 50%; margin: 0 auto;}
    .bg-mission h3{font-size: 28px; line-height: 140%;}
    .management h2, .bg-social h2, .brand-slider h2 {font-size: 28px; line-height: 140%;}
    .bg-mission .grid-servizi{display: initial;}
    .bg-mission .grid-servizi .single-servizi, .management .col-12 .card{margin-bottom: 20px;}
    .bg-mission .single-servizi h3{font-size: 21px; line-height: 140%;}
    .management h4{font-size: 21px; line-height: 140%;}
    .bg-social{margin-top: 80px;}

    .management .owl-carousel .owl-item img{width: 48px;}
    .navbar-nav li:first-child{margin-left: initial;}
    header .social{padding-left: 0; margin-top: 20px;}
   

    header .social li img{width: 80%;}
    /* .page-template-categorie .bg{padding: 0 0 350px 0;} */
    .categorie{margin: 80px 0 !important;}
  
}





@media (max-width:968px){
    .hero-caption img.brand{width: 38% !important;}
    .hero-caption p{font-size: 16px; line-height: 140%;}
    #navbarNavDropdown ul{text-align: center;}
    #navbarNavDropdown ul.social{padding-bottom: 50px;}
    #navbarNavDropdown ul.social img{width: 30px !important; height: 30px;}
    #navbarNavDropdown ul#main-menu {padding: 50px 0;}
    #navbarNavDropdown ul#main-menu li{margin-bottom: 16px;}
    #navbarNavDropdown ul#main-menu a{font-size: 18px;line-height: 140%;}
    #navbarNavDropdown ul.social li:last-child img{width: 40px !important; height: 40px;}
}



/* Servizi */
.wrapper.services{padding-bottom: 0;}
.services .bg-mission{padding: 100px 0; margin-top: 100px;}
.services .bg-social{margin-top: 100px;}
.services .grid-servizi {    
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
}
.services .grid-servizi .single-servizi{padding: 16px;}
.page-template-servizi .bg-numbers{padding: 60px 0;}
.bg-numbers{background: #f1fff1;padding: 100px 0; margin-top: 150px;}
.numbers h2{font-size: 48px; line-height: 140%; font-weight: 600; color: #4BBE46;}
.numbers p{
    font-weight: 700;
    font-size: 22px;
    line-height: 140%;
    color: #103900;
}
.personalizzazioni{margin-top: 100px;}
.personalizzazioni h3{    
    color: #103900;
    font-weight: 600;
    font-size: 40px;
    line-height: 140%;
}
.personalizzazioni .card{min-height: 370px;border: none;}
.personalizzazioni .card-body{
    max-width: 440px;
    margin: 0 auto;
    background: #f1fff1;
    padding: 30px 70px;
    margin-top: -11%;
    max-height: 90px;
    border-radius: 6px;
}

.personalizzazioni .card img{height: 300px; object-fit: cover;border-radius: 6px;}

@media (max-width:968px){
    .bg-numbers{margin-top: 80px;}
    .numbers h2{font-size: 32px; line-height: 140%; }
    .numbers p{font-size: 18px; line-height: 140%;}
    .personalizzazioni h3{    
        font-size: 28px;
        line-height: 140%;
    }
    .personalizzazioni .card-body{max-width: 330px;}
}


/* Categorie */

.categorie {margin: 150px 0;}
.categorie h4{
    font-size: 1.3rem;
    min-height: 52px;
    background: rgb(75, 190, 70, 0.6);
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
}
.categorie .col-12 .card{    border: 1px solid #fafbff;
    box-shadow: 0px 2px 4px rgb(40 41 61 / 4%), 0px 8px 16px rgb(96 97 112 / 16%);;
    border-radius: 6px;
    padding: 30px;
    min-height: 312px;
   margin-bottom: 30px;
   display: flex;
   justify-content: end;
}


/* Contatti */
.form-contatti h1{margin-bottom: 30px;}
.form-contatti .hero-caption{padding: 0;}
.form-contatti ul{list-style: none; padding-left: 0; font-size: 18px; line-height: 140%;}
.form-contatti ul li{font-size: 18px; line-height: 140%;}
.form-contatti ul li svg, .form-contatti ul li img{margin-right: 8px;}
.form-contatti iframe{border-radius: 16px;}
.form-contatti .col-lg-5{background-color: #f1fff1;padding: 20px 50px;border-radius: 16px;}
.form-contatti .wpcf7 input[type=submit]{background: #4BBE46; border-color: #4BBE46; color: #fff;}
.form-contatti .wpcf7 .wpcf7-form p{margin-bottom: 0 !important;}
.form-contatti textarea{margin-bottom: 1rem;}
.page-template-contatti .hero-caption p{font-size: 18px; line-height: 140%;}

@media (max-width:968px){
    .form-contatti .col-lg-5{padding: 0 20px;margin: 16px;}
    .form-contatti iframe{display: none;}
}


/* Footer */
#wrapper-footer{box-shadow: inset 0px 0.5px 1px #d6d8dd;}


/* Arrow down Animation */

.mouse{height:50px;width:35px;border-radius:14px;border:2px solid #4BBE46}.mouse:after{content:'';display:block;height:8px;width:2px;margin:10px auto;background:#4BBE46;position:relative;-webkit-animation:a 1.2s ease infinite;animation:a 1.2s ease infinite}.arrow-scroll{width:35px;margin-top:10px}.arrow-scroll>span{font-family:Arial,sans-serif;display:block;width:9px;height:9px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #4BBE46;border-bottom:2px solid #4BBE46;margin:5px auto 3px;-webkit-animation:b 1s infinite;animation:b 1s infinite;-webkit-animation-delay:.2s;animation-delay:.2s}.arrow-scroll>span:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.arrow-scroll>span:last-child{-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes a{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes a{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes b{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes b{0%{opacity:0}50%{opacity:.5}to{opacity:1}}

.mouse{
    margin-top: 20px;
   
}

.animation{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.arrow-container {
  margin-top: 40px;
  width: 25px;
  /* cubic-bezier-easing = sine / mehr Beispiele: https://easings.net/ */
  animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  cursor: pointer;
  height: 20px;
}

.arrow-down {
  height: 6px;
  background: #4BBE46;
  transform: rotate(45deg);
  transform-origin: 0% 0%;
  border-radius: 5px;
}
.arrow-down:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 100%;
  border-radius: 5px;
  background: #4BBE46;
  transform: rotate(-90deg);
  transform-origin: 0% 100%;
}

@keyframes bounce {
50% {
    transform: translateY(-15px);
  }
}



@media (max-width: 968px){
    .page-template-fullwidthpage .bg{background-position: bottom center !important;padding-top: 0 !important;}
	
	#full-width-page-wrapper{
		margin-top: -24px;
	}
	.container .navbar-brand img{
		margin-left: -20px;
	}
}


.wpcf7-list-item{margin-left: 0 !important;margin-bottom: 20px;}
.wpcf7-list-item label{display: flex;}
.wpcf7-list-item input{width: 16px;
    margin-right: 14px;
    height: 18px;
    border-radius: 2px;}
.wpcf7-list-item-label{font-size: 12px;}