/*
Theme Name: Cozzetto Arredi
Theme URI: https://github.com/tidythemes/blankslate
Author: Matteo Russo
Author URI: matteo.russo@mail.com
*/

body {
 font-family: 'Roboto', sans-serif;
 background: #f7f3f3 !important;
}

.accordion-body {
    font-size: 0.9rem;
    color: #909090;
}

.story {
    text-align: center;
}

.red2 {
    background: red;
    color: white;
    padding: 4rem;
    margin-top: 2rem;
    font-weight: 500;
}

.story h2 {
    font-size: 3rem !important;
    font-weight: 500;
}

a:link,a:visited {
    color: black !important;
    text-decoration: none !important;
    
}

a:hover {
    color: #ff002e !important;
    text-decoration: none !important;
    
}

@media (min-width: 1200px) {
    .container{
        max-width: 1100px !important;
    }
}
.ngg-gallery-thumbnail img:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.ngg-gallery-thumbnail {
    margin-bottom: 2rem !important;
}
a.nav-link1 {
    font-size: 0.9rem;
    font-weight: 500;
    text-transform: uppercase;
}

@media only screen and (max-width: 600px) {
a.nav-link1 {
    font-size: 1rem;
    font-weight: 500;
    text-transform: capitalize;
    margin-right: 1rem;
    letter-spacing: -1px;
}

}


@media only screen and (max-width: 600px) {
#gallery-1 .gallery-item {
  width: 100% !important;
}

}



.upperBar {
    background: white;
    padding: 1rem;
}

a.nav-link {
    color: black;
    padding-left: 2rem !important;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 500;
}


@media only screen and (max-width: 600px) {
a.nav-link {
    color: black;
    padding-left: 0rem !important;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 500;
}


}

.logomarch img {
    max-width: 100%;
    max-height: 189px;
    object-fit: cover;
}

@media only screen and (max-width: 600px) {
.logomarch  {
  max-width: 100%;
    max-height: 189px;
    object-fit: cover;
    margin: 0 auto;
    text-align: center;
}

}

h5.card-title.sct {
    font-size: 2rem;
    margin-bottom: 0.4rem !important;
}

strong.super {
    border-bottom: 3px solid red;
}

img.img-fluid.rounded-start.sct {
    height: 198px;
    object-fit: cover;
}

a.btn.btn-primary.sct {
    color: white !important;
    margin-top: -6px;
    margin-bottom: 21px;
}

.card-body.sct {
    padding: 2.5rem !important;
}

.tutti {
    background: #ff002e;
    padding: 3rem 2rem 0rem 2rem;
    line-height: 1.2rem;
    color: white !important;
    border-right: 10px solid #ffffff;
    font-size: 1rem;
    font-weight: 600;
}

.tutti a {
    color: white !important;
}

.fondo {
    background: white;
    margin-top: 3rem;
    padding: 3rem 0rem 2rem 0rem;
    font-size: rem;
}



h5 {
    margin-bottom: 1rem !important;
}

.fondo ul {
    padding-left: 0 !important;
}

.fondo li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

form.d-flex.prenota {
    border-radius: 4rem;
    font-size: 1.1rem;
}

form.d-flex.prenota a {
    color: #ff002e !important;
    text-transform: uppercase;
    font-weight: 500;
}

.navbar i.bi.bi-list {
    color: #ff002e;
    font-size: 2rem;
}

i.bi.bi-telephone {
    margin-right: 0.2rem;
    vertical-align: middle;
}

.upperBar .container-fluid {
    padding: 0;
}

.social {
    text-align: right;
}

i.bi.bi-facebook {
    font-size: 1.3rem;
    vertical-align: middle;
    padding-right: 0.4rem;
    color: #2b70cc;
}

i.bi.bi-instagram {
    font-size: 1.3rem;
    vertical-align: middle;
    padding-right: 0.4rem;
    color: #ff0075;
}

.copy {
    margin-top: 2rem;
    color: #000000;
    font-size: 0.9rem;
}

.copy a {
    color: #ff002e !important;
}

.subbar {
    font-size: 0.9rem;
    padding: 0.4rem 0.5rem 0.4rem 0.5rem;
    background: #f7f3f3;
}

i.bi.bi-slash-lg {
    padding: 0rem 1rem;
    color: #f7f3f3;
}

.container-fluid {
    padding: 0 !important;
}

.card {
    border-radius: 0 !important;
    border: 0 !important;
}

ul.nav {
    line-height: 2.3rem !important;
}

.social i.bi.bi-list{
    color: #ff002e;
    vertical-align: middle;
    margin-right: 0.83rem;
}

.bg-dark.p-4 {
    background-color: #f7f3f3 !important;
    padding: 1.5rem 0rem 1.5rem 0rem !important;
    font-size: 1.1rem;
    text-transform: uppercase;
}

.social nav.navbar {
    padding: 0;
}

.social button.navbar-toggler {
    padding: 0;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}

h2.card-title {
    font-size: 4rem;
    line-height: 4rem;
    margin-bottom: 1rem;
}

.card-body.home{
    padding-left: 4rem;
    padding-top: 5rem;
}

@media only screen and (max-width: 600px) {
  .card-body.home{
    padding-left: 2rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
}
}


h5.h4 {
    margin-bottom: 0 !important;
    margin-top: 0.5rem;
    font-size: 1.2rem;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

img.img-fluid.rounded-start {
    border-radius: 0 !important;
}

a.btn.btn-primary {
    color: #ffffff !important;
    background: #ff002e;
    border: 0;
    border-radius: 8rem;
    font-size: 1rem;
    margin-top: 1rem;
    padding: 0.7rem 2rem;
    font-weight: 400;
}

.sez {
    padding: 3rem 0rem 6rem 0rem;
}

.card-body.prod {
    text-align: center;
    overflow: hidden;
}

h5.card-title {
    margin: 0 !important;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 500;
}

h1 {
    margin-bottom: 2rem !important;
}

img.card-img-top {
    height: 235px;
    width: auto;
    object-fit: cover;
    border-radius: 0 !important;
    overflow: hidden;
}

.singlepage {
    padding-top: 0rem;
}

.center {
    text-align: center;
}

.card.mb-3.red {
    background: #ff002e;
    color: white;
}

img.img-fluid.rounded-start {
    width: 100% !important;
    height: 550px;
    object-fit: cover;
}

img.img-fluid.rounded-start.sct.big {
    height: 267px;
}

.red a.btn.btn-primary {
    background: white;
    color: red !important;
}

.bianco {
    background: white;
    padding: 4rem 0rem;
}

a.btn.btn-primary.center {
    color: white !important;
}

.sez.speciali {
    padding-bottom: 2rem;
}


h5.card-title.sct.sub {
    font-size: 1.6rem;
}

.container.sezspecial {
    padding-top: 3rem;
}

img.img-fluid.rounded-start.sct.big.outlet {
    height: 360px;
}

.card.whitecard{
    background: #f7f3f3;
}

.sez.outlet {
    padding-bottom: 0;
    margin-top: 2rem;
}

button.accordion-button.collapsed {
    background: #f7f3f3;
    padding-left: 0;
}

button.accordion-button {
    background: #f7f3f3 !important;
    color: black;
}

.accordion-flush .accordion-item .accordion-button {
    padding-left: 0;
    color: black;
}

.serv i.bi {
    font-size: 2.6rem;
    vertical-align: middle;
    color: #ff002e;
}
button.frm_button_submit {
    background: red !important;
    border: 0 !IMPORTANT;
    border-radius: 5rem !important;
    font-size: 0.8rem !important;
    text-transform: uppercase;
    font-weight: bold !important;
}
.serv p {
    display: none;
}

.row.domanda {
    margin-top: 3rem;
    border-top: 1px solid white;
    padding-top: 2rem;
}

.row.first {
    margin-top: 2rem !important;
}

input {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !Important;
}

textarea {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.introimg img {
    width: 100%;
    height: 700px;
    object-fit: cover;
    margin-bottom: 2rem;
}

.singlepage h1 {
    margin-bottom: 2rem !important;
    margin-top: 2rem;
}

h5.card-title.sct.sinpg {
    font-size: 1.4rem;
}

.card-body.promo {
    min-height: 155px;
    padding: 0rem 1rem 0rem 1.5rem;
}

dl.gallery-item img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    border: 0 !important;
}

.singlepage p.card-text {
    margin-bottom: 1.6rem;
}

.sfondobianco {
    background: white;
    padding: 2rem;
}

.row.discount {
    padding-top: 1.5rem;
}

.dorelan img {
    max-width: 175px;
}

.infoDis {
    padding-bottom: 0.7rem;
}

.dorelan {
    font-size: 1.5rem;
    margin-top: 3rem;
}

.infoDis p {
    margin-top: 0;
    display: none;
}


.card.nobg.text-bg-dark img {
    min-height: 226px;
    object-fit: cover;
}

.card.nobg.text-bg-dark {
    background: none !important;
}

.card.nobg.text-bg-dark p {
    display: none;
}

img.card-img {
    border-radius: 0 !IMPORTANT;
}

.card.nobg.text-bg-dark h5.card-title{
    COLOR: WHITE;
    font-size: 2.1rem;

}

.cardMatt {
    background: white;
    padding: 0.8rem 1rem 1rem 1rem;
    max-height: 210px;
    margin-bottom: 1px;
}

.infomisura {width: 50%;float: left;}

.misura {
    color: #b1b1b1;
    font-size: 1rem;
    width: 50%;
    float: right;
    text-align: right;
}

.prezzoOld {
    text-decoration: line-through;
    font-size: 1rem;
    color: #000000;
    margin-bottom: 0.24rem;
    margin-top: 2rem;
}

.note {
    margin-top: 2rem;
    font-size: 0.8rem;
    color: gray;
}

.prezzoNew {
    display: inline;
    border-radius: 3rem;
    color: #ffffff;
    font-size: 1rem;
    background: #ff002e;
    padding: 0.3rem 0.9rem;
}

h5.card-title.serv {line-height: 1.9rem;}

.col.noright {
    margin-right: 0rem !important;
    padding-right: 0;
}

.col.noleft {
    padding-left: 0;
}

dt.gallery-icon.landscape {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.corsivo {
    font-family: 'Dancing Script', cursive;
    font-size: 1.5rem;
    margin-top: 3rem;
    margin-bottom: 4rem;
}


img.card-img-top {
  display: block;
  transition: transform .4s;   /* smoother zoom */
}
img.card-img-top:hover {
  transform: scale(1.6);
  transform-origin: 50% 50%;
}

@media only screen and (max-width: 600px) {
i.bi.bi-slash-lg {display: none !important;
             }
}

.card {
    overflow: hidden !important;
}