html, body, div, button, a, h1, h2, h3, h4, h5, h6, p, ul li, ol li, span, blockquote, img{
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: linear;
}

body{
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    overflow-x: hidden;

}

/* BACKGROUND COLORS */

.bg-primary{
    background-color: #DA6B8C!important;
}

.bg-secondary{
    background-color: #2E4058!important;
}

.bg-light{
    background-color: #FFF2F2!important;
}

/* TEXT COLORS */

.text-primary{
    color: #DA6B8C!important;
}

.text-secondary{
    color: #2E4058!important;
}

/* IMAGES */

.bg-cover{
    background-size: cover!important;
    background-position: 50% 50%!important;
    background-repeat: no-repeat!important;
}

/* FONTS */

h1{
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
}

h2{
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
}

h3{
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
}

h5{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}


p{
    font-size: 16px;
    line-height: 30px;
}

p.lead{
    font-family: 'Kalam', cursive;
    font-weight: 400;
}

.btn{
    padding: 12px 24px;
    text-align: left;
}

/* SHADOWS */

.bg-shadow {
    text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.1);
}

.box-shadow-default{
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* ATTENTION */

#attention.variant-1{
    height: 66vh;
}

#attention.variant-1 .bg-overlay{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#attention.variant-1 h1{
    font-size: 64px;
    font-weight: 800;
    line-height: 72px;
    margin-bottom: 15px;
}

#attention.variant-1 p.lead{
    font-size: 48px;
    margin-bottom: 45px;
}

#attention.variant-1 ul{
    list-style: none;
}

#attention.variant-2{
    height: 400px;
    overflow: hidden;
}

#attention.variant-2:hover .bg-cover, #attention.variant-3:hover .bg-cover{
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

#attention.variant-3{
    height: 80vh;
    overflow: hidden;
}

/* img */

.main .wp-block-image img {
    padding-top: 40px;
}

.wp-block-image img {
    height: 100%!important;
}

/* resposive */

@media (max-width: 576px) {
    .navbar-nav {
        padding-top: 35px;
    }
    .wp-block-image img {
        padding-top: 25px;
    }
    #attention.variant-1 h1 {
        font-size: 55px;
    }
    #attention.variant-1 p.lead {
        line-height: 45px;
        font-size: 52px;
    }
    .rwd-break {
        display: none;
    }
    #adres {
        padding-top: 20px;
    }
    .footer-menus {
        padding-top: 25px;
    }
}

/* NAVIGATION MAIN */

.nav-blue {
    background-color: #2E4058!important;
}

#navigation .navbar-brand>img{
position: absolute;
width: 96px;
top: 0px;
z-index: 1;
}

#navigation .navbar-dark .navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    padding: 10px 16px;
}

/* SUB NAVIGATION */

#navigation_sub #title{
    margin-top: -70px;
}

#navigation_sub #title .bg-white{
    border-radius: 3px 3px 0px 0px;
}

#navigation_sub .navbar-dark .navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    padding: 24px 16px;
}

#navigation_sub .navbar-dark .navbar-nav .active>.nav-link, #navigation_sub .navbar-dark .navbar-nav .nav-link.active, #navigation_sub .navbar-dark .navbar-nav .nav-link.show, #navigation_sub .navbar-dark .navbar-nav .show>.nav-link, #navigation_sub .navbar-dark .navbar-nav .nav-link:hover{
    background-color: #EEACC8;
}

#navigation_sub #usp-block .bg-white{
    border-radius: 0px 0px 3px 3px;
}

/* USPS */

ul.usps{
    text-align: center;
    list-style: none;
    margin: 0 auto;
    padding: 0px;
}

ul.usps li{
    position: relative;
padding: 0px 30px;
display: inline;
}

ul.usps li:before {
    font-family: 'font awesome 5 pro','font awesome 5 free';
    content: '\f058';
    position: absolute;
    color: #3c3;
    left: 0;
    font-weight: 900;
}

/* WOOCOMMERCE OVERVIEW */

.term-description{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.woocommerce .woocommerce-ordering{
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.woocommerce .woocommerce-ordering select{
    background-color: transparent;
    border-color: #DA6B8C!important;
    color: #DA6B8C!important;
    border-radius: 3px;
    padding: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    background-color: #FFF;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #2E4058;
padding: 16px 24px;
}

.woocommerce ul.products li.product a img {
    margin: 0px!important;
}

.woocommerce ul.products li.product .woocommerce-placeholder{
    border: none;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    width: 100%!important;
    clear: none;
}

.woocommerce-Price-amount{
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    color: #2E4058!important;
}

.product_meta{
    display: none;
}

.woocommerce-Tabs-panel h2{
    color: #2E4058!important;
    margin-bottom: 1rem;
}

.woocommerce .button{
    background-color: #2E4058!important;
    font-weight: 400;
    color: #FFF!important;
    padding: 16px 24px!important;
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    padding: 10px;
}

.woocommerce-message{
    border: none;
}

.woocommerce-message::before{
    content: none;
}

/* CHECKOUT */

.wc-block-components-product-metadata__description{
    display: none;
}

#preview a, #preview a:hover, #preview a:active, #preview a:focus{
    text-decoration: none;
    color: inherit;
}

#preview h3{
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#preview p{
    overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.woocommerce form .form-row label{
    font-size: 13px;
    font-weight: 700;
    width: 100%!important;
}

.woocommerce-input-wrapper, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{
    width: 100%!important;
}

.woocommerce-input-wrapper{
    margin-bottom: 20px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{
    background-color: #F9F9F9;
    font-size: 15px;
    box-shadow: none!important;
    border: none!important;
    padding: 10px;
}

/* FOOTER */

#footer ul{
    list-style: none;
    margin-bottom: 0px;
    padding: 0px!important;
}

#footer ul>li>a, #footer ul>li>p{
    font-size: 13px;
    line-height: normal!important;
    color: #FFF!important;
    display: block;
    padding: 6px 0px;
}

/* content-main */

.main .woocommerce h2 {
    padding-top: 40px;
}

.theme-twentytwenty .wc-block-components-title.wc-block-components-title, .wc-block-components-title.wc-block-components-title {
    padding-top: 60px;
}