@charset "utf-8";
/* CSS Document */

/* Slider */
.napisy-1 {
    color: black;
    text-shadow: 2px 1px rgba(255, 255, 255, 0.85);
}
.napisy-2 {font-size:20px}
.napisy-2 p {   
    color: black !important;
    text-shadow: 1px 1px rgba(255, 255, 255, .85);
}
#custom-text-parallax .text-background {
    background: transparent;
    padding: 150px 25px 150px 25px;
    opacity: 1;
}

/* menu principal */
#header > .header-top .menu ul li:hover a.dropdown-item[data-depth="0"] {  background: #e2001a;}
#header .header-top a[data-depth="0"] {color:black !important}
#index .tlo_belka { opacity:0.7}
#header .logo {  max-height: 65px;}

@media (max-width: 768px) {
    #header .header-nav .top-logo a img {
        height: 55px;
        margin: 1px 5px 2px -30px !important;
    }   
    #main .page-header {
        margin-top:2rem;
        margin-bottom: 2rem;
    }
    
    .products .product_list li .product-description {
        min-height: 70px;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    #header .logo {   max-height: 52px;  }    
    #header .top-menu a[data-depth="0"] {
        font-size: 14px;
        padding: 1.2rem 0.50rem !important;
    }
    #header > .header-top .menu ul > li:hover .sub-menu {   top: 55px !important; }
    
    #header > .header-top .menu ul li:hover a.dropdown-item[data-depth="0"] {       font-size: 14px !important;
        padding: 1.2rem 0.50rem !important;
    }
}

@media (min-width: 769px) and (max-width: 1920px) {
    #header .logo {  margin: 2px 10px 2px 10px !important;   }
}

/* fomulaires */
.custom-radio { margin-right: 0.5rem }
label.radio-inline { margin-right: 20px;}
.custom-checkbox input[type="checkbox"] + span {vertical-align: top; margin-top:1px }
#registration .input-group .input-group-btn > .btn { color:black} 
label.psgdpr_consent_message{ margin: 5px 5px; text-align:left !important}
#contact .psgdpr_consent_message{ margin: 0px 15px;}

.custom-checkbox label { width: 90%;}

/* inscription pro */
.lpsproaccount-customer-validation {
    color: #e2001a;
    text-align: center;
}
#login-form-professionnal{display:inline;margin-right:15px}
#login-form-professionnal .btn-primary{background-color: #e2001a; color:white }
.register-form .btn-primary{background-color: #e2001a; color:white }
.register-form .btn-primary:hover{background-color: #333; }
.page-customer-account #content { max-width:850px; margin:auto }

#checkout #login-form-professionnal {display:none}

/* CMS */
@media (min-width: 1200px)  {
    #cms #main, #module-lpsproaccount-proauthentication #main, #stores #main {
        max-width:1200px;
        margin:auto
    }  
}

/* BLOG */
@media (min-width: 770px)  {
     #smartblogcat {
        max-width:1000px;
        margin:auto;
        float:none
    }  
    #smartblogcat .articleContent {width:97%}
    #smartblogcat .sdstitle_block {margin-top: 10px !important;}
}
    #smartblogcat .sdstitle_block {font-size:1.1em; font-weight:bold;}
#smartblogcat .blogcomment{display:none}
#product .manufacturer-logo {max-height:180px; margin-bottom:20px}

.width-blog {   max-width: 900px;}
.post-info{display:none}

#cms h3 {margin-top:20px}

.js-address-form{width:100%}

.modal-open .modal { z-index: 9991050;}

#payment-confirmation .btn-primary{background-color: #e2001a; color:white }
#payment-confirmation .btn-primary:hover{background-color: #333; }

#custom-text-parallax p, #custom-text-parallax ul li{font-size:1rem}
#custom-text-parallax ul li{margin-top:8px}
#custom-text-parallax p strong,
#custom-text-parallax ul li strong{letter-spacing: 0.03rem}

.product-flags .new {color: #e2001a; font-weight:bold}

.product-flags .discount {
    background-color: #333;
    display: block !important;
    position: absolute;
    font-size: 14px !important;
    z-index: 1001;
    left: 3px !important;
    top: 3px !important;
    color: white;
    text-transform: uppercase;
    line-height: 25px;
    padding: 8px;
    text-align: center;
    transition: 0s !important;
    font-weight: bold;
    border-radius:50%
}

.product-flags .on-sale {
    display: block;
    left: 3px !important;
    top: 35px;
    padding: 8px 0;
}

.has-discount .discount {color: #e2001a; }
.current-price span[itemprop="price"]{font-weight:bold}