body {
    padding: 0;
    margin: 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    /*cursor:url('../images/mm.png'), auto;*/
}

/*a, button{
    cursor:url('../images/mm-on.png'), auto !important;
}*/
a{
    text-decoration: none;
}

h1, h2, h3{
    text-transform: uppercase;
}
h1, h2, h4, h5{
    font-weight: 600;
}
h3{
    font-weight: 400;
}
h1{
    font-size: 2.1em;
}
h2{
    font-size: 1.6em;
}
h3{
    font-size: 1.4em;
}
h4{
    font-size: 1.5em;
    text-transform: uppercase;
    text-align: center;
    color: #285ca2;
}
h5{
    font-size: 1.1em;
}
section{
    /*background-color: #fff;*/
    margin-bottom: 50px;
    padding-top: 30px;
}
.section3{
    background: linear-gradient(to bottom, rgba(255,255,255,.7), rgba(255,255,255,.55)), url('../images/covers/pizza_enflammee.jpg') no-repeat;
    background-size: 100%, cover;
}

li{
    list-style: none;
}
.text-vert{
    color : #285ca2 ;
}
.text-rouge{
    color : #db4f40;
}
.desc-text{
    font-weight: 300;
    font-size: .9em;
}

.btn-user{
    background-color: #285ca2;
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
}
.btn-user:hover{
    background-color: #307d5b;
}
.container-fluid, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 94% !important;
}
.subFooter a{
    color: #fff000;
    text-decoration: none;
}
div.navbar, div.navbar .dropdown-menu{
    background-color : #db4f40;
    color : #285ca2;
    font-size: .8em;
    border-radius: 0;
    margin-top: 0;
}
.dropdown-item[disabled] {
    color: inherit;
    background: none;
}
nav.navbar{
    transition: all .3s ease;
    min-height: 135px;
    /*background-color: #fff;*/
    box-shadow: 0px 1px 3px #333;
}
nav.navbar.mShrinked{
    min-height: 90px;
}
.navbar-brand img{
    transition: all .4s ease;
    max-height: 150px;
}
nav.navbar.mShrinked .navbar-brand img{
    max-height: 100px;
}
.body-container{
    margin-top: 150px;
}
.subFooter a.creator{
    color: #fff;
}
/*nav.navbar a:hover, nav.navbar a.active{
    color: #285ca2 !important;
}*/
.nav a:hover, .nav a.active{
    color: #285ca2;
}
nav.navbar .navbar-brand:hover{
    background: none;
}
.cartQuantity{
    font-size: .6em;
}
.tinyTextMid{
    font-size: .85em;
}
.tinyText{
    font-size: .7em;
}
.navbar .dropdown-menu{
    border: none;
}
.nav-link, .dmSwitch {
    color: #ddd;
}
.nav-link:hover {
    color: #eee;
}
.bg-italy{
    background: url('/images/city.png') no-repeat, linear-gradient(to bottom,#fc3b4a, rgba(255,255,255,0.85) calc(100% - 50px), #285ca2 calc(100% - 50px));
    background-position-y: calc(100% - 44px), top;
    background-position-x: center, center;
    align-items: end;
}
body.bg-dark .bg-italy{
    background: url('/images/city.png') no-repeat, linear-gradient(to bottom,#36181a, rgba(0,0,0,0.85) calc(100% - 60px), #285ca2 calc(100% - 60px));
    background-position-y: calc(100% - 54px), top;
}
nav.navbar .form-switch .form-check-input {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 1%29'/%3e%3c/svg%3e") !important;
}
nav.navbar .form-check-input {
background-color: #b6b1ad;
border-color: #b6b1ad;
}
nav.navbar .form-check-input:checked {
background-color: #2f2e2f;
border-color: #2f2e2f;
}
.offcanvas-header{
    border-bottom: 3px solid #285ca2;
}
#myTab, #myTab .nav-link{
    color: inherit;
    border-bottom-color: #db4f40; 
}
#myTab .nav-link.active{
    color: #db4f40;
    border-color: #db4f40;
    border-bottom-color: white;
}
.login-masthead .card{
    max-width: 800px;
    margin: 0px auto !important;
}


#home-section{
    margin-top: 50px;
    color: #000;
}

#pito-section{
    color: #000;
}
#pito-section .section-content{
    /*background: url('/images/fond-pito.png') no-repeat center center;*/
    background-size: cover;
    min-height: calc(100vw * 718 / 1920);
}

#real-section .real-menu a, .footer-menu a{
    color: #000;
}
#real-section .section-content{
}
/*#real-section .section-content .carousel{
    max-height: 75vh;
    overflow-y: hidden;
}*/

#shop-section, .shop-menu a{
    color: #000;
}
#shop-section .shop-items div.thumb{
    height: auto;
    aspect-ratio: 4/3;
    padding: 0;
    overflow: hidden;
}
#shop-section .shop-items div img{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#shop-section .shop-items div img:hover{
    transition: .3s ease;
    width: 106%;
    margin-left: -1.5%;
    margin-top: -1.5%;
}
#shop-section .shop-items .thumb:hover > div{
    display: flex !important;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}

.section-content{
    font-weight: 300;
}
/*#pito-section .section-content, #real-section .section-content, #shop-section .section-content{
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;
}*/
#contact-section form{
    max-width: 600px;
    font-size: 1.2em;
}
.textInputStyle{
    border-bottom: 1px solid #285ca2;
    margin-top: 10px;
    margin-bottom: 5px;
}
.textInputStyle input{
    background: none;
    color: #000;
}
#contact-section .formSendBtn button{
    font-size: 1.1em;
    background-color: #285ca2;
    border-radius: 0;
    color: #fff;
}
#contact-section .formSendBtn button:hover{
    background-color: #285ca2;
    color: #db4f40;
}
.stripeBtn{
    background-color: #285ca2;
    color: #fff;
}
.stripeBtn:hover{
    background-color: #285ca2;
    color: #db4f40;
}

.carousel-indicators [data-bs-target] {
    width: 9px;
    height: 9px;
    border-radius: 10px;
    border: none;
    margin: 0 6px;
}
.carousel-indicators [data-bs-target].active {
    background-color: #000;
}

.footer-logo{
    max-width:100px;
}

.networks, .networks a{
    color: #fff;
}.networks a:hover{
    color: #db4f40;
}
.networks i{
    background-color: #000;
    font-size: 1.4em;
    width: 40px;
    padding-top: 9px;
    aspect-ratio: 1/1;
}
.prodDesc{
    width: 100%;
    margin-top: 8px;
    padding: 0 20px;
    background: rgba(255,255,255,.9);
    border-radius: 6px;
    color: #000;
}
.modal-lg, .modal-xl {
--bs-modal-width: 960px;
}
.shop-items .input-group{
    width: 85% !important;
}
.shop-items .pdtsThumbs{
    display: none !important;
}
#shopModal .modal-body .input-group{
    width: 100% !important;
}
#shopModal .pdtsThumbs{
    /*display: flex !important;*/
    position: absolute;
    top: 20px;
    left: 20px;
    width: 15%;
    min-width: 50px;
    max-width: 125px;
    box-shadow: 1px 1px 5px #86ff00;
}

#carousel-pito .carousel-item{
    max-height: calc(100vh - 200px);
}
#carousel-pito .carousel-caption{
    max-width: 35% !important;
    left: 12.5%;
    right: auto;
    text-align: left;
    bottom: 15%;
    font-size: 1.5em;
    text-shadow: 1px 2px 4px #333;
}
#carousel-pito .carousel-caption.aRight{
    left: auto;
    right: 12.5%;
}
#carousel-pito .carousel-caption .title, #carousel-pito .carousel-caption h1 {
    font-size: 1.75em;
}
.footer{
    box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.35) !important;
    font-size: .9em;
    background: url('/images/logo-pizzatown.png') no-repeat;
    background-size: 20%;
    background-position: 50% 0;
    background-blend-mode: saturation;
}
.footer a{
    text-decoration: none;
    color: inherit;
}

.pitoColor{
    color: #285ca2;
}
.pitoRed{
    color: #db4f40;
}
.shopMenu li.active{
    background-color: #285ca2;
}
.bg-pito, .text-bg-pito, .btn-pito{
    background-color: #285ca2;
}
.bg-red, .text-bg-red, .btn-red, .shopMenu li.active .text-bg-pito{
    background-color: #db4f40;
}
.rounded-pill{
    align-content: center;
}
.text-bg-pito{
    color: #fff;
}
.btn-pito{
    color: #fff !important;
}
.btn-outline-pito{
    color: #285ca2;
    border-color: #285ca2;
}
.btn-white-pito{
    background-color: white;
    color: gray;
}
.btn-pito:hover, .btn-outline-pito:hover, .btn-white-pito:hover{
    background-color: #285ca2;
    color: #fff;
}
.offcanvas{
    width: calc(45vw) !important;
}
.offcanvas-start{
    border-right: 5px solid #db4f40 !important;
    box-shadow: 2px 0px 8px #666;
}
.offcanvas-end{
    border-left: 5px solid #db4f40 !important;
    box-shadow: -2px 0px 8px #666;
}
#liveToast{
    border: 3px solid #db4f40;
    box-shadow: 2px 2px 6px #666;
}

.product-device {
    position: absolute;
    right: 0%;
    bottom: 20%;
    width: 300px;
    height: 580px;
    background-color: #445;
    border-radius: 21px;
    transform: rotate(30deg) !important;
}
.product-device-2 {
    right: auto;
    bottom: -20%;
    left: 1%;
    background-color: #555;
    transform: rotate(-10deg) !important;
    scale: 1.4;
}
.product-device::before {
    position: absolute;
    top: 4%;
    right: 10px;
    bottom: 8%;
    left: 10px;
    content: "";
    background-color: rgba(255, 255, 255, .1);
    border-radius: 9px;
}
.product-device::before {
    background: url('../images/covers/phone2.jpg') no-repeat;
    background-size: cover;
}
.product-device-2::before {
    background: url('../images/covers/phone1.jpg') no-repeat;
    background-size: cover;
}


.no-touch .slideInUp {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
}

.no-touch .is-active .slideInUp {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slideInUp.slideInUp2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.slideInUp.slideInUp3 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.slideInUp.slideInUp4 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.slideInUp.slideInUp5 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.animate-me {
    animation: bounceIn 3s ease-in-out;
}
.bg-cover {
    background-position: 50%!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.accordion-button:not(.collapsed) {
    background-color: pale#db4f40;
}

/* Shop */
.productCard .card-img{
    position: relative;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.productCard .card-img img{
    aspect-ratio: 1/1;
    overflow-y: hidden;
    border-radius: 15px 15px 0 0;
}
.productCard .card-body div a{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.productCard .card-body div:first-child a{
    font-size: .8em;
}
.card-actions {
    bottom: 0;
    display: flex;
    justify-content: center;
    padding: .75rem .75rem 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.card-actions .card-action {
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 0;
}
.card-actions .card-action:nth-child(2) button:hover, .card-actions .card-action:nth-child(2) button.show{
    background-color: #fff;
    color: #285ca2;
}
.card-actions .card-action:nth-child(3) button:hover{
    background-color: #db4f40;
}
.card-actions .card-action .favorite.isFavorite, .card-actions .card-action:nth-child(2) li button:hover{
    color: #db4f40;
}
.card-actions .card-action .favorite.isFavorite:hover{
    color: #fff;
}
.btn-xs {
    height: calc(1.6rem + 2px);
    padding: .1rem .75rem;
}
.catSelect a{
    color: #000;
}
.catSelect a:hover, .catSelect a.active{
    color: #285ca2;
    border-bottom: 2px solid #285ca2;
}
.scrollmagic-pin-spacer:nth-child(n+3){
    margin-bottom: 0 !important;
}
.accordion-button:not(.collapsed) {
    background-color: #285ca2;
    color: #fff;
}
.accordion-button.pitoRed:not(.collapsed){
    background-color: #db4f40;
}
.listIngr{
    margin-bottom: 15px;
}
.listIngr p{
    margin-bottom: 7px;
}
#pizzaATC:disabled, #menuPersoATC:disabled{
    background-color: gray;;
}
#pizza div{
    transition: all .3s ease;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}
#pizza .pate{
    margin-top: 80px;
}
#pizza .sauce{
    margin-top: 30px;
}
#pizza .fromage{
    margin-top: 0px;
}
/*
#pizza .ingredient1{
    margin-top: -10px;
}
#pizza .ingredient2{
    margin-top: -60px;
}
#pizza .ingredient3{
    margin-top: -110px;
}
#pizza .suppl1{
    margin-top: -160px;
}
#pizza .suppl2{
    margin-top: -210px;
}
*/
.grid-item--gigante {
    width: 50%;
    height: auto;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes bounceIn {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    60% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}

@media (max-width:1400px){
    #onePageNavbar ul a {
        padding: 0.5rem 0.85rem !important;
    }
    #carousel-pito .carousel-caption{
        max-width: 50%;
    }
    .grid-item--gigante {
        width: 75%;
    }
    .product-device {
        right: -10%;
        transform: rotate(15deg) !important;
        scale: 0.8;
    }
    .product-device-2 {
        left: -7%;
        scale: 0.8;
    }
}

@media (max-width:1140px){
    #onePageNavbar ul a {
        padding: 0.5rem !important;
    }
}

@media (max-width:992px){
    .navbar{
        padding-bottom: 3px;
    }
    nav.navbar{
        min-height: 115px;
    }
    .navbar-brand img {
        max-height: 100px;
    }
    .navbar-collapse{
        padding-top: 70px;
    }
    .navbar-collapse .nav-link{
        color: #000 !important;
    }
    .navbar-nav.misc{
        display: flex;
        flex-direction: initial;
        justify-content: center;
    }
    nav .navbar-toggler{
        margin-top: 2px;
        padding: 4px;
        color: #fff;
        border: none;
    }
    nav .navbar-toggler:hover{ 
        border: 1px solid #db4f40;
    }
    nav .navbar-toggler-icon{
        width: 21px;
        height: 21px;
    }
    div.navbar .navbar-toggler{
        margin-top: 2px;
        padding: 6px;
        border: none;
        font-size: 1.2em;
        color: #285ca2;
    }
    .navbar .dropdown-menu{
        text-align: center;
    }
    .offcanvas{
        width: calc(100vw) !important;
    }
    .bg-italy {
        background: url('/images/city.png') no-repeat, linear-gradient(to bottom,#fc3b4a, rgba(255,255,255,1) calc(100% - 30px), #285ca2 calc(100% - 30px));
        background-position-y: calc(100% - 24px), top;
        background-position-x: center, center;
        align-items: end;
    }
    #onePageNavbar{
        background: rgba(255,255,255,0.75);
        border-radius: 10px;
    }
}

@media (max-width:768px){
    body{
        font-size:.9em;
    }
    .container{
        max-width: 96% !important;
    }
    /*#onePageNavbar ul{
        height: 45px;
    }*/
    .thumb .input-group .pdtName{
        display: none;
    }
    .thumb .input-group .prxName{
        border-radius: 6px 0 0 6px !important;
    }
    .counterContainer{
        position: relative !important;
    }
    nav.navbar{
        min-height: 105px;
    }
    nav.navbar.mShrinked{
        min-height: 70px;
    }
    .navbar-brand img {
        max-height: 120px;
    }
    nav.navbar.mShrinked .navbar-brand img{
        max-height: 75px;
    }
    .navbar-collapse{
        padding-top: 90px;
    }
    .grid-item--gigante {
        width: 100%;
    }
    #pizza{
        display: flex!important;
        flex-direction: column-reverse!important;
        position: initial !important;
    }
    #pizza div{
        margin-top: 0 !important;
    }
    #pizza div:nth-child(2){ padding-bottom: 30px; }
    #pizza div:nth-child(3){ padding-bottom: 60px; }
    #pizza div:nth-child(4){ padding-bottom: 90px; }
    #pizza div:nth-child(5){ padding-bottom: 120px; }
    #pizza div:nth-child(6){ padding-bottom: 150px; }
    #pizza div:nth-child(7){ padding-bottom: 180px; }
}

@media (max-width:456px){
    .container {
        max-width: calc(100vw - 10px) !important;
    }
}

@media (min-width:768px){
    .dateCounter .fs-1{
        font-size: 4.5em !important;
        text-shadow: 3px 3px #fff;
    }
}