/*!
 * Start Bootstrap - Shop Homepage (http://startbootstrap.com/template-overviews/shop-homepage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/master/LICENSE)
 */

body {
    padding-top: 54px;
    font-family: "Lato", Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6{font-family: "Lato", Arial, sans-serif;}

a{font-size: 17px}
a.navbar-brand{font-family: "Lato", Arial, sans-serif; font-size: 21px}
#navigazione{box-shadow: 0px 1px 10px 10px rgb(0 0 0 / 15%);transition: .5s;}

a.nav-link, a.navbar-brand{color: #fff;}
button.navbar-toggler{background-color: #ccc}
span.navbar-toggler-icon{color: #6D2424}

/**********MENU**************/
div#spostamento {
    position: relative;
    right: 0px;
    transition: .5s;
}
div#boxMenu {
    position: fixed;
    right: -300px;
    top: 0;
    width: 300px;
    height: 100vh;
    background: linear-gradient(-40deg, #097bff 0%, #03a9f4 100%);
    z-index: 1999;
    transition: .5s;
    box-sizing: border-box;
}
.boxMenuOpen {
    right: 0 !important;
}
.iconOpenMenu {
    font-size: 35px !important;
    cursor: pointer;
    transition: .5s;
}
.iconOpenMenuRotate {
    transform: rotate(180deg) !important;
}
.navigazioneOpen {
    right: 300px !important;
}
.spostamentoOpen {
    right: 300px !important;
}
.mioUl {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 600px;
    align-items: center;
}

.mioUl li {
    border-bottom: 3px solid #ffffffa8;
    width: 70%;
    transition: .5s;
    cursor: pointer;
    /* letter-spacing: 1px; */
}
.mioUl li:hover {
    border-bottom: 3px solid #ffffff;
    width: 75%;
}
a.nav-link:hover {
    letter-spacing: 1px;
}
/**********FINE MENU**************/

/**********BARRA RICERCA**************/
div#boxCerca {
    max-width: 1100px;
    margin: auto;
    margin-top: 25px;
    text-align: center;
}
form.formCerca {
    display: flex;
    align-items: center;
    justify-content: center;
}

form.formCerca button {
    display: flex;
    justify-content: center;
    background: #097bff;
    outline: none;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    margin-left: 5px;
    /* border: 2px solid #097bff; */
    border: none;
    padding: 3.5px 0 0 0;
    cursor: pointer;
}

form.formCerca input {
    width: 60%;
    border-radius: 5px;
    border: 2px solid #097bff;
    background: #097bff1f;
    outline: none;
    color: #414141 !important;
    padding: 3px 10px;
}
/**********FINE BARRA RICERCA**************/

.altezza{height: 100%;}

.carousel-inner {
  height: 500px !important;
}
.carousel-item {
  margin-top: -100px;
}
.boxCarouselCustom img {
    width: 100%;
}

a.linkImg {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.linkImg img {
    max-height: 150px;
    max-width: 95% !important;
    width: auto !important;
}
.list-group a {
    border: none;
    border-radius: 0 !important;
    display: flex;
    padding: 0;
    align-items: center;
    margin: 2px 0;
}

div.miniatura {width: 60px;height: 60px;border-radius: 50%;margin-right: 20px;background-size: cover !important;background-position: center !important;background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSw8psXI-9AqCrGCm9rXifkKnPoJwwbXiAtNA&usqp=CAU');}

hr.sepCat {
    background: #e9ecef !important;
    width: 90%;
    height: 1px;
    margin: 10px 0;
}

/*****ICONA CARRELLO*******/
li.nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 10px;
    position: relative;
}
li.nav-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

span.material-icons {
    font-size: 30px;
    color: #ffffff;
}
.icoMenu {
    position: absolute;
    left: 5px;
}
span.numCart {
    position: absolute;
    top: 0;
    right: -5px;
    background: red;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 15px;
    text-align: center;
    color: white;
    visibility: hidden;
}
/*****FINE ICONA CARRELLO*******/

/*****PRODOTTO SINGOLO*******/
.boxImgProdottoSingolo {
    display: flex;
    align-items: center;
    justify-content: center;
}

img.impProdottoSingolo {
    max-width: 350px;
    max-height: 350px;
    margin: 20px 10px;
}
/*****btn carrello*******/
.boxBtnCarrello {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin: 20px 0px;
}
.btnCart {
    cursor: pointer;
}
/*****PRODOTTO SINGOLO FINE*******/


/*****CHECKOUT*******/
.containerCarrello {display: flex;flex-direction: column;align-items: center;max-width: 1400px;margin: auto;}

.boxListaProdotti,
.boxTotaleProdotti {
    width: 90%;
    min-height: 300px;
    border: 2px solid;
    margin: 2px 0;
}

.TitCellProdotti {
    width: 100%;
}

.elencoCellProdotti img {
    max-width: 100px;
    max-height: 100px;
    padding: 10px 0;
}

td.rigTitBottoni {
    width: 280px;
}

td.bottoni {text-align: center;}

td.bottoni button {
    margin: 0 3px;
}

.boxSvuotaCarrello {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}
/*box riepilogo*/

.boxRiepilogo, .boxPagamento {
    width: 50%;
}
.boxRiepilogo table {
    width: 100%;
    text-align: left;
    border: 2px solid;
}

div#paypal-button-container {
    padding: 10px;
    width: 80%;
    margin: auto;
}
.boxPPtemp {
    width: 100%;
    height: 100vh;
    z-index: 1031;
    background: #ffffffe8;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.5s;
    visibility: hidden;
}
.PPtempOn {
    visibility: visible;
    opacity: 1;
}
.PPtempText {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

.PPtempText img {
    max-width: 125px;
    max-height: 125px;
    animation: rotate-center 1.2s cubic-bezier(0.550, 0.055, 0.675, 0.190) infinite;
}
@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*****CHECKOUT FINE*******/

/*****AGGIUNTE*******/
.hidden {
  visibility: hidden;
}
form.formLostMail {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    align-items: center;
    justify-content: center;
    margin: auto;
}




@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}