body { /*padding-top: 70px;*/ font-family: 'Roboto', 'Libre Franklin', sans-serif !important; overflow-x: hidden; }

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 0; padding-right: 0; /*padding-left: 15px; padding-right: 15px;*/ }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt { white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea { max-width: 280px; }*/
.checkbox label { padding-left: 0 !important; }

.disable-dbl-tap-zoom { touch-action: manipulation; }

.navbar-inverse { background: url('sfondo-header-footer.png') top center; border: none; height: 65px; }

.logo { max-width: 250px; padding: 10px; }
.img-logo { max-width: 80%; max-height: 75px; margin: 10px auto; }
.h100 { height: 80px; }

footer { padding-top: 20px; bottom: 0; text-align: center; width: 100%; color: #fff; background: url('sfondo-header-footer.png') top center; }

@media (max-width: 978px) {
    footer { background-image: url('sfondo-header-footer-tabler-smartphone.png'); }
}

.footlinks { padding-bottom: 15px; color: #fff !important; font-weight: 900; }
    .footlinks a { color: #fff !important; font-weight: 900; }

.cb5 { clear: both; height: 5px; }
.cb10 { clear: both; height: 10px; }
.cb20 { clear: both; height: 20px; }

.text-danger { color: red; }
.del { text-decoration: line-through; }

/* PRODUCTS */
.productItem { margin: 20px auto; }
    .productItem a { width: 100%; box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 10%); border: none !important; }
        .productItem a:hover { border: none !important; }
/*.productTitle { display: block; font-weight: bold; font-size: 20px; text-transform: capitalize; word-wrap: break-word; white-space:pre-wrap !important; }
.productImage { margin: 15px auto 15px auto; width: 300px; }*/
.productImage { width: 100%; }
.productTitle { display: table-cell; font-weight: 700; font-size: 15px; text-transform: uppercase; word-wrap: break-word; white-space: pre-wrap !important; text-align: left; height: 70px; vertical-align: middle; }
.productDesc { width: 100%; white-space: break-spaces; overflow: hidden; text-overflow: ellipsis; line-height: 20px; height: 40px; text-align: left; }

.rowOffer .col { padding: 0 !important; margin: 0 !important; }
.actOffer small { font-size: 12px; font-style: italic; }
.actOffer span { display: inline-block; font-size: 18px; font-weight: 700; color: red; }
.newOffer span { display: inline-block; width: auto; padding: 10px; font-size: 16px; font-weight: 700; background-color: red; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.productOffer { font-weight: bold; font-size: 16px; margin-top: 20px; }
.dettaglioProdotto { display: block; font-weight: bold; font-size: 40px; text-transform: capitalize; padding-bottom: 20px; padding-top: 10px; }
.dettaglioOfferta { font-weight: bold; font-size: 30px; padding: 0px; margin: 0px; color: red; }
    .dettaglioOfferta small { color: red; }
.alert { display: none; margin-top: 30px; }
.input-group { max-width: 260px; margin: auto; }

.prodDetailTitle { font-size: 20px; font-weight: 700; }
.prodDetailDesc { font-size: 16px; font-weight: normal; }

.bbtn { color: white !important; width: auto !important; display: flex !important; padding-left: 10px !important; padding-right: 10px !important; float: right; margin-right: 10px; border-radius: 5px; align-items: baseline; }
    .bbtn:hover, .bbtn:visited { text-decoration: none; }
.bbtn-0 { margin: 0px auto !important; border: none; }
.bbtn-red { background-color: red; margin-right: 25px; font-weight: 900; padding: 10px 15px !important; margin-top: 8px; }
.bbtn-green { background-color: green; margin-right: 25px; font-weight: 900; padding: 10px 15px !important; margin-top: 8px; }
.bbtn-dark { background-color: #333; margin-right: 25px; font-weight: 900; padding: 10px 15px !important; margin-top: 8px; }
.bbtn-light { background-color: #fff; margin-right: 25px; font-weight: 900; padding: 10px 15px !important; margin-top: 8px; }
.bbtn-red:disabled { pointer-events: none; opacity: 0.5; }

.btn-plus { border-radius: 0 25% 25% 0; }
.btn-minus { border-radius: 25% 0 0 25%; }

.row { margin-left: 0px !important; margin-right: 0px !important; }

.crop-image { /*max-height: 200px;*/ overflow: hidden; }

.container.list h3 { margin: 0; }

.carousel-inner .item img, .carousel-inner .item video { max-width: 100%; max-height: 760px; margin: auto; }

/* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width: 51px; height: 24px; }
    /* Hide default HTML checkbox */
    .switch input { opacity: 0; width: 0; height: 0; }
/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #a94442; -webkit-transition: .4s; transition: .4s; }
    .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #3c763d; }
input:focus + .slider { box-shadow: 0 0 1px #3c763d; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
    .slider.round:before { border-radius: 50%; }
.vertical-center { min-height: 100%; min-height: 63vh; align-items: center; display: flex; }
h2.swal2-title { font-size: 2.875em }
div:where(.swal2-container) .swal2-html-container { font-size: 1.875em }
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel { font-size: 1.6em }
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { font-size: 1.6em }
div:where(.swal2-container) div:where(.swal2-popup) { width: 36em; }

@media screen and (max-width: 992px) {
    .rowOfferDetail .col-md-7, .rowOfferDetail .col-md-6, .rowOfferDetail .col-md-3, .rowOfferDetail .col-md-2, .rowOfferDetail .col-md-4 { text-align: center !important; }
    .bbtn-0 { float: none !important; }
}

@media print {
    .bbtn { display: none !important; }
    footer { display: none !important; }
    .list { break-inside: avoid; }
    .list.mb-5 { margin-bottom: 1rem !important; }
}