/*
COLORI:
Verde => 50a262
Marrone => 978753 / scuro: 665b38
Rosso => c74743
*/

/*
BODY
*/
body { background-color: #EFEFEF; }

/*
LINK
*/
a, a:active, a:hover, a:visited {
  color: #50a262;
}
a:hover {
  color: #3E7E4B;
}

/*
HERO
*/
.hero .slide-caption h1 { font-family: 'Alegreya', serif; font-size: 3.5rem; }

/*
BOTTONI
*/
.btn.theme-btn { background-color: #50a262; color: #EEE; }
.btn.theme-btn:hover { background-color: #7DBF8B; color: #FFF; }

/*
HEADER
*/
.site-header,
.site-header nav.sticky-s1 {
  background-color: #FFF;
}

/*
LOGO
*/
.site-header .logo {
  height: 120px;
  box-shadow: 30px 0px 30px -30px #000;
  text-align: center;
}
.site-header .logo > a > img {
  width: auto;
  height: 100px;
  margin-top: 10px;
}

/*
HEADER - BOTTONE MENU MOBILE
*/
.site-header .navbar-header button,
.site-header nav.sticky-s1 .navbar-header button { top: 24px; }

/*
HEADER - NAVBAR STICKY
*/
.site-header nav.sticky-s1 { padding: 0; border-bottom: 1px solid #CCC; }
.site-header nav.sticky-s1 .navbar-brand { display: block; height: auto; padding: 0; width: 160px; height: 76px; box-shadow: 15px 0 20px -20px #000; margin-left: 0; }
.site-header nav.sticky-s1 .navbar-brand > img { display: block; height: 70px; width: auto; margin: 3px 0 0 0;}
.site-header nav.sticky-s1 .navbar-nav { margin-top: 20px; }

/*
HEADER - TOPBAR
*/
.site-header .topbar { border-color: #EEE; line-height: 50px; padding: 0; margin-bottom: 20px; }
.site-header .topbar div { width: auto; }
.site-header .topbar .contact-info ul li { color: #777; font-size: 14px; }

/*
HEADER - NAVBAR
*/
.site-header #navbar { background-color: transparent; }
.site-header #navbar ul a { color: #FFF; }
.site-header #navbar > ul > li > a {
  font-family: 'Work Sans', sans-serif;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.5px;
  color: #50a262;
  line-height: 36px;
  padding: 0 25px;
}
.site-header #navbar > ul > li > a:hover,
.site-header #navbar > ul > .current-menu-item a { background-color: #50a262; color: #FFF; text-shadow: 1px 1px #366D41; border-radius: 3px; }
.site-header #navbar > ul .sub-menu { background-color: #444; }
.site-header #navbar > ul > li .sub-menu li { border-bottom-color: #555; }
.site-header #navbar .sub-menu li a { color: #eee; }
.site-header #navbar .sub-menu li a:hover { color: #fff; }
.site-header #navbar > ul > li:hover > .sub-menu { top: 49px; }

/*
HEADER - MOBILE
*/
.site-header #navbar .close-navbar { background-color: #c74743; }
.site-header .navigation { background-color: transparent; }
.site-header .navbar-header button { background-color: #50a262; }
.site-header #navbar.slideInn { background-color: #FFF; }
.site-header #navbar.slideInn > ul .sub-menu { background-color: #444; }

/*
SLIDER
*/
.hero .hero-slider .owl-controls .owl-nav > div { background-color: #50a262; color: #EEE; }
.hero .hero-slider .owl-controls .owl-nav > div:hover { background-color: #7DBF8B; color: #FFF; }
.hero #bar { background-color: #FFF; height: 1px; }
.hero .slide:before { background-color: rgba(125, 191, 139, 0.2); }
.hero .slide-caption .btns .theme-btn:first-child { background-color: #50a262; color: #EEE; border-color: #50a262; }
.hero .slide-caption .btns .theme-btn:first-child:hover,
.hero .slide-caption .btns .theme-btn:hover { background-color: #7DBF8B; color: #FFF; border-color: #7DBF8B; }

/*
HOME - SERVIZI
*/
.home-servizi .col-1-5 { float: left; width: 20%; position: relative; }
.home-servizi .col-sm-6, .home-servizi .col-sm-4 { margin-bottom: 20px; }
.service { display: block; position: relative; }
.service img { max-width: 100%; height: auto; }
.service .service-caption { position: absolute; width: 100%; text-align: center; top: 0; left: 0; }
.service .service-caption > h2 { margin-top: 0; margin-bottom: 0; padding: 15px 0; font-size: 20px; color: #FFF; background-color: rgba(125, 191, 139, 0.8); transition: all 0.3s;}
.service:hover .service-caption > h2 { padding: 25px 0; background-color: rgba(125, 191, 139, 1); }

/*
HOME - CONTATTI
*/
.contact-section:before { background-color: rgba(0, 0, 0, 0.4); }
.contact-section .contact-form { background-color: rgba(20, 35, 72, 0.8); }
.contact-section .form label { color: #FFF; }
.contact-section .form .submit-btn .theme-btn { color: #EEE; }
.contact-section .form .submit-btn .theme-btn:hover { background-color: #7DBF8B; color: #FFF; }
.contact-us-s1 h3 { padding-bottom: 10px; border-bottom: 1px solid #DDD; }
.contact-us-s1 .contact-info li { padding-left: 25px; margin-bottom: 10px; font-size: 14px; font-weight: normal; }
.contact-us-s1 .contact-info i { color: #50a262; }
.map { display: block; width:100%; border:0; border-top: 1px solid #FFF; margin-bottom:0; }

/*
PAGE TITLE
*/
.page-title { height: 140px; background-image: url('../img/breadcrumb.jpg'); }
.page-title .col { padding-left: 0; padding-right: 0; }
.page-title h1 { margin: 0 0 10px 0; font-size: 2.5rem; text-shadow:  1px 1px #333; }
.page-title .breadcrumb { margin-bottom: 0; }
.page-title .breadcrumb li,
.page-title .breadcrumb li a,
.page-title .breadcrumb > li + li:before { color: #FFF; text-shadow:  1px 1px #333; }
.page-title .breadcrumb li a:hover { color: #EEE; }

/*
CONTATTI
*/
.contact-us-s1 .form input,
.contact-us-s1 .form textarea { background-color: #FFF; }

/*
INTRO
*/
.intro { font-family: 'Alegreya', serif; font-size: 24px; line-height: 160%; }

/*
SECTION INTRO
*/
.section-intro {
  padding: 30px 0;
  background-color: #50a262;;
}
.section-intro .intro p {
  margin: 0;
  padding: 0;
  color: #FFF;
}
.section-intro img {
  width: 100%;
  height: auto;
}

/*
SECTION PAGINA SERVIZI
*/
.section-serv {
  padding: 30px 0;  
}

/*
SECTION call to action
*/
.section-cta {
  padding: 30px 40px;
  text-align: center;
  background-color: #E0E0E0;  
}
.section-cta .btn.theme-btn {
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
}

/*
TESTO
*/
article p.intro { color: #50a262; margin-bottom: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #DDD; }
article p.verde { background-color: #50a262; color: #FFF; padding: 10px; }
article .grigio { background-color: #E0E0E0; padding: 10px; }

/*
SIDEBAR
*/
#sidebar h3 { margin-top: 0; padding-bottom: 10px; text-transform: uppercase; border-bottom: 1px solid #272e33; }
#sidebar img.media-object { width: 60px; }
#sidebar img { width: 100%; height: auto; margin-bottom: 20px; }
#sidebar img:last-child { margin-bottom: 0; }
#sidebar .news-list li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DDD; }
#sidebar .news-list li:last-child { margin-bottom: 0; border-bottom: 0; }
#sidebar .news-list li a { display: block; color: #333; }
#sidebar .news-list li a:hover { color: #111; text-decoration: underline; }

/*
PROGETTI
*/
.search-result { padding-bottom: 80px; }
.projects-search-section .project-search-result-slider .owl-controls .owl-nav .owl-prev,
.projects-search-section .project-search-result-slider .owl-controls .owl-nav .owl-next { background-color: #126db4; color: #EEE; }
.projects-search-section .project-search-result-slider .owl-controls .owl-nav .owl-prev:hover,
.projects-search-section .project-search-result-slider .owl-controls .owl-nav .owl-next:hover { background-color: #147CCC; color: #FFF; }

/*
GALLERIA SINGOLO PROGETTO
*/
.slick-slider.slick-vertical {
  position: relative;
}
button.slick-arrow {
  display: inline-block;
  position: absolute;
  top: 0;
  right: -20px;
  background-color: #13274D;
  color: #FFF;
  border: 0;
  padding: 0;
  width: 27px;
  height: 27px;
  text-align: center;
}
button.slick-arrow.slick-next {
  top: 40px;
}

/*
BEFORE FOOTER
*/
.site-before-footer { padding: 30px 0; background-color: #50a262; border-bottom: 1px solid #FFF; }
.site-before-footer p { color: #FFF; font-size: 22px; text-align: center; }

/*
FOOTER
*/
.site-footer { background: #444; padding: 0; }
.site-footer:before { content: none; }
.site-footer .upper-footer { padding-top: 35px; padding-bottom: 35px; }
.site-footer .upper-footer p { color: #FAFAFA; }
.site-footer .upper-footer p strong { color: #FFF; }
.site-footer .contact-widget .contact-info li { line-height: 35px; margin-bottom: 20px; }
.site-footer .contact-widget .contact-info li:last-child { margin-bottom: 0; }
.site-footer .contact-widget .contact-info li .icon { background-color: #50a262; color: #fff; border-radius: 50%; }
.site-footer .copyright-area p, .site-footer .copyright-area li, .site-footer .copyright-area a { color: #FAFAFA; }
.site-footer .copyright-area a:hover { color: #FFF; }
.site-footer .evid-verde { background-color: #50a262; padding: 2px; }

/*
SOCIAL
*/
.social-icon { width: 30px; height: 30px; line-height: 30px; background-color: #7DBF8B; border-radius: 50%; text-align: center; }

/*
MARGINI
*/
.mb30 { margin-bottom: 30px !important; }

/*
VARIE
*/
.section-title h2 { color: #4d4d4b; text-transform: none; }
.section-title h2:after { background-color: #88CCCC; box-shadow: none; }
.section-padding { padding: 110px 0; }
.section-padding-top { padding-top: 110px; }
.read-more { color: #000; text-decoration: underline; }
.ul-icone > li, .ul-icone > li i { line-height: 30px; }
.ul-allegati a { color: #333; }
article p, article li { margin: 0 0 10px; }
hr.linea { height: 1px; background-color: #CCC; }
div.fb-like { margin-bottom: 20px; }

/*
RESPONSIVO
*/
@media only screen and (max-width : 767px) {

  .page-title h1 {
    margin-bottom: 0;
  }
  .page-title .breadcrumb {
    display: none;
  }
  .section-intro .intro p {
    margin-bottom: 20px;
  }
  .mtop-mobile {
    margin-top: 20px;
  }

}
@media only screen and (max-width : 991px) {

  .site-header { min-height: 86px; }
  .site-header .topbar { display: none; }
  .site-header #navbar .navbar-nav { margin: 0; float: none !important; }
  .site-header nav.sticky-s1 .navbar-brand > img { margin-left: 5px; }
  .navbar-brand {
    height: 86px;
    padding: 0;
    width: 160px;
    box-shadow: 15px 0 20px -20px #000;
    text-align: center;
  }
  .navbar-brand > img {
    width: auto;
    height: 70px;
    margin: 3px 0 0 5px;
  }
  .site-header #navbar > ul > li > a:hover {
    border-radius: 0;
  }
  .site-header #navbar > ul > li > .sub-menu a {
    padding-left: 25px;
  }
  button.slick-arrow.slick-prev {
    top: initial;
    bottom: -30px;
    right: 44px;
  }
  button.slick-arrow.slick-next {
    top: initial;
    bottom: -30px;
    right: 14px;
  }
  .page-title h1 {
    font-size: 1.5rem;
  }
  .section-intro .intro p {
    font-size: 18px;
  }
  .home-servizi .col-1-5 { 
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width : 1199px) {

  .site-header .logo {
    height: 127px;
    box-shadow: 30px 0px 30px -30px #000;
    text-align: center;
  }
  .site-header .logo > a > img {
    width: auto;
    height: 87px;
    margin-top: 20px;
  }


}