/* GENERAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {

  padding-top: 0rem;
  padding-bottom: 0rem;
  color: #5a5a5a;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

.btn:focus,a:focus {outline: none!important;}
.navbar-dark .navbar-nav .nav-link.active,a:hover,a:active,.h2.active{color:#99ff00!important;}
a.btn-neon:hover {color: #ffffff!important;}
.navbar{padding-top:0px!important}

h1,h2,h3,.h2{font-family: 'Raleway', sans-serif;font-weight: 900;}
h4,h5,h6{font-family: 'Open Sans', sans-serif;font-weight: 700;}

h1{font-size:3.5rem}
.btn {border-radius: 0px!important;}
.btn-dark{
  background-color: #000000;
  border-color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.btn-neon{
  background-color: #99ff00;
  color:#000000!important;  
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.btn-border{
  background-color: transparent!important;
border-left: solid 12px #99ff00;
color: #000000;
font-weight: 700;
text-transform: uppercase;
font-size: 0.9rem;
padding-left: 5px!important;
}

h2,.h2{
  font-size: 2.3rem;
  line-height: 2.8rem;
  color: #666666;
}
.bold{font-weight: 700;}

.h2{margin-bottom:0px!important}
/* UTILITIES
-------------------------------------------------- */
.neon{color:#99ff00!important;}
.verde{color:#339900!important;}
.bianco{color:#ffffff;}
.grigio{color: #999999;}
.colore-testo{color: #5a5a5a!important;}
.bg-neon-100{background-color: #99ff00;}
.bg-neon-20{background-color: rgba(153,255,0,0.2);}
.bg-verde{background-color:#339900;}
.bg-nero-70{background-color:rgba(0,0,0,0.7);}

.bg-azzurro-1{background-color:#00cc99;}
.bg-azzurro-2{background-color:#009999;}
.bg-verde-2{background-color:#66cc00;}
.bg-grigio{background-color: #ebebeb;}
/* LOGO
-------------------------------------------------- */


.navbar-brand{padding-top:0px!important; }

/* NAVBAR
-------------------------------------------------- */
.navbar{text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:active,
.navbar-collapse .dropdown-menu .dropdown-item:hover,
.navbar-collapse .dropdown-menu .dropdown-item:active{
  color:#99ff00!important;}

.navbar.bg-dark {background-color: transparent;}

/* change navbar background on scroll */
.navbar.solid {
  background-color: #222222!important;
  transition: background-color 1s ease 0s;
  box-shadow: 0 0 4px grey;
}

/* change navbar background on collapse */
@media (max-width: 768px) {
  .navbar {
    background: #222222;
  }
}

/* change dropdown background */
.navbar-collapse .dropdown-menu{
  background-color: transparent!important;
  border: none!important;
  border-radius: 0px!important;
  padding-top:0px;
  padding-bottom:0px;
}
.navbar-collapse .dropdown-menu :hover {
background-color: #222222!important;
transition: background-color 1s ease 0s;
}


.navbar-collapse .dropdown-menu a{
padding-left: 8px!important;
padding-top: 0px!important;
}

/* change dropdown background on collapse */
.navbar-collapse.show .dropdown-menu {
  background-color: #333333!important;
  border: none!important;
  border-radius: 0px!important;
  padding-top:0px;
  padding-bottom:0px;
}

.navbar-dark .navbar-nav .nav-link,.dropdown-menu a{
  color: rgba(255,255,255,1)!important;font-weight: 700;padding-top: 11px;}



/* HEADER
-------------------------------------------------- */
.header-img{height: 200px;}



/* CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 8rem;
  z-index: 10;
}
.carousel-caption h1 {
font-size: 3.5rem;
text-shadow: 2px 2px 3px rgb(0,0,0,1);
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



@media (min-width: 768px) {
  /*.quadrati {
    margin-top: -50px;
  }*/
}


/* FILTERS BUTTON
-------------------------------------------------- */
.filters-button-group button{border: none!important;}
.filters-button-group button.active {
  background-color: #99ff00!important;
}

/* FASCIA CONTENT
-------------------------------------------------- */
.fascia{margin-top:10rem;}
.fascia-min{margin-top:5rem;}
.fascia-img{height: 526px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.macchinario-img{
  height: 530px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.macchinario .bg-nero-70{height: 530px;}
.quadrati > .col-md-6 {
  height:200px;
  padding:8px;
}

.quadrati > .col-md-6 h3{font-size: 2rem;color: #ffffff;}
.quadrati h4{font-size: 1.8rem;color:#ffffff}

.features{
  padding-left:15px;
  text-indent:-12px;
  line-height: 36px;
}



/* FOOTER
------------------------- */
footer{color: #ffffff;margin-top:100px;}
footer a {color:#ffffff}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
@media (min-width: 479px) {

  .carousel-caption h1 {
    font-size: 2.8rem}
  .carousel-caption .btn-dark {
    font-size: 0.6rem}
    h1.mb-5.grigio{
      font-size: 2.5rem;
    }
}

@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { 
      .carousel-caption h1 {
        font-size: 2rem}
      .carousel-caption .btn-dark {
        font-size: 0.5rem}
      h1.mb-5.grigio{
        font-size: 2.5rem;
      }
    }