/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body { margin:0; padding: 95px 0 0; font-size: 18px; font-family: 'Sora', sans-serif; font-weight: 300; }

.container.no-stretch { padding-left: 1rem; padding-right: 1rem; }

.navbar-brand img { height: 70px; }


.navbar-nav .nav-link { text-transform: uppercase; font-size: 14px; text-align: center; }
.navbar-social .nav-link { font-size: 1.1em; }

.jumbotron { height: 100vh; }
.jumbotron .carousel { height: 100%; }
.jumbotron .carousel-inner { height: 100%; }
.jumbotron .carousel-item { height: 100%; background-repeat: none; background-position: center center; background-size: cover; }

.green { color: #014e2e; }
.red { color: #9e0b15; }

.bg-green { background-color: #014e2e; }
.bg-red { background-color: #9e0b15; }
.bg-beige { background-color: #f8eed2; }

.fascia { position: relative; }
a.anchor { position: absolute; top: -100px; }

h1 { font-size: 1.3rem; margin-bottom: .8em; font-weight: 700; }
h2 { font-size: 1.3rem; margin-bottom: 1em; font-weight: 500; }
h4 { font-weight: 400; }
h5 { font-weight: 400; }
p { font-size: .9rem;  }

blockquote { font-size: 1.3em; color: #014e2e; font-style: italic; font-weight: 300; }

.riga { position: relative; padding: 0; }
.riga i { font-size: 1.5em; background: #fff; display: inline-block; position: relative; padding: 0 .3em; }
.riga:before { display: block; width: 100%; height: 2px; background: #9e0b15; content: ""; position: absolute; top: .95em; }

.card-servizio { position: relative; background: transparent; padding: .5em 0 .5em; border-radius: 0; border-left: none; border-right: none; margin-top: -1px; }
.card-servizio.ordinario { }
.card-servizio h4 { margin-bottom: 0; }
.card-servizio p { margin-bottom: 0; padding-left: 1.8em; }
.card-servizio p i { position: absolute; left: 0.3em; }


.griglia-marchi { border-top: 1px solid rgba(0,0,0,.125); border-left: 1px solid rgba(0,0,0,.125) }
.card-marchio { position: relative; background:transparent; padding: 20px 20px; border-radius: 0 !important; border-left: none; border-top: none; margin-top: -1px;  display: flex; flex-direction: column; justify-content: center; }

.carousel-cell { margin: 0 10px; }
.bg-foto { background-repeat: none; background-position: center center; background-size: cover; padding-bottom: 100%; }

.wpcf7-submit { padding: .7em; text-transform: uppercase; color: #fff; background: #9f0b15; border: none; }


@media (max-width: 767px) {
 .navbar-collapse { margin-right: var(--bs-gutter-x,-.75rem); margin-left: var(--bs-gutter-x,-.75rem); }
 .navbar-nav .nav-item { border-top: 1px solid #bbb; }
 .nav-link { padding: .75rem 1rem; }
 .navbar-social  { width: 100%; flex-direction: row; border-bottom: 1px solid #bbb; }
 .navbar-social .nav-item { width: 100%; }
 /*.navbar-social .nav-item { width: 50%; }
 .navbar-social .nav-item:first-of-type { width: 50%; border-right: 1px solid #bbb; }*/
 .navbar-dark .navbar-toggler { border:none; margin-right: .5em; }
 .navbar-toggler:focus { box-shadow: none; }
}

@media (min-width: 768px) {
  .bg-foto { padding: 0; }
  .card-servizio { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 25px 20px 20px; text-align: center; }
  .card-servizio p { font-size: 1em; padding: 0; }
  .card-servizio p i { position: relative; }
  .card-marchio { padding: 30px 20px 20px; }
}

@media (min-width: 992px) {
  .container.no-stretch { padding-left: 0; padding-right: 0; }
  .navbar-nav .nav-link { font-size: 16px;  }
  a.anchor { position: absolute; top: -140px; }
  .navbar-social .nav-link { font-size: 1.1em; }
  h2.oneline br { display: none; }
  .riga i { font-size: 2em; }
  .riga:before { top: 1.4em; }
}

@media (min-width: 1200px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; }
  p { font-size: 1rem;  }
  .card-marchio { padding: 40px; }
}

@media (min-width: 1400px) {
  .card-marchio { padding: 60px; }
}