/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

:root,
::before,
::after {
    --color-white: #FFF;
    --color-grey: #f1f1f1;
    --color-primary: #1e1e1e;
    --color-alternate: #2f2f2f;
    --color-2: #F1EDE9;
    --color-3: #8f3c29;
    --color-hover: #bf624c;
    --font-bold: 700;

    --aspect-ratio-landscape: 16/10;
    --aspect-ratio-portrait: 2/3;
    --aspect-ratio-square: 1;
    --aspect-ratio: var(--aspect-ratio-landscape);

    --grid-container-max-width: 85rem;

    --transition-delay: 0ms;
    --transition-duration: 300ms;
    --transition-timing-function: ease-in-out;
    --transition-property: all;
    --transition: var(--transition-property) var(--transition-duration) var(--transition-timing-function) var(--transition-delay);
}

body:not(#index) .footer-top {
    padding-top: 100px;
}

body {
    color: var(--color-primary)
}

.sub-title-widget,
.title_block,
p,
.leo-megamenu .navbar-nav>li>a:not(:hover),
.icon-w .icon i,
.popup-over .popup-content a:not(:hover),
.footer-container .list-inline li a:not(:hover),
.footer-container li a:not(:hover),
.block-social li a:not(:hover):before,
.blog-detail .blog-title,
.blog-detail .blog-description,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--color-primary) !important;
}

.blog-detail .blog-title {
    margin-bottom: 3rem;
}

.text-box p,
.category-w .cate-name,
.category-w .leo-qty,
.testimonial .descript,
.contact-wl a:not(:hover),
.footer-container,
.testimonial .title,
.address-item .title,
label,
.label {
    color: var(--color-alternate) !important;
}

.bottomnav {
    background: var(--color-primary) !important;
}

.container {
    width: 100% !important;
    max-width: var(--grid-container-max-width);
}

.scd-section .text-box p,
.block_newsletter .input-box input[type=email],
.block-categories .category-sub-menu li>a,
#wrapper .breadcrumb li a,
.product-detail-name,
.product-tabs.tabs .nav-tabs .nav-link,
#products .page-not-found h4,
#pagenotfound .page-not-found h4,
.thumbnail-container .product-title a,
.subcategory-name,
.leo-megamenu .dropdown-menu a>.menu-title,
.category-w .cate-name,
.blog-item .title a,
.blog-item .blog-shortinfo,
.blog-detail .blog-description,
.blog-detail .blog-title,
#cms .text-box p {
    text-transform: none !important;
}

.scd-section--about .text-box {
    max-width: unset !important;
    text-align: center !important;
    margin: 0 1rem;
}

.scd-section--about .ApImage {
    margin-bottom: 0px !important;
}

.scd-section--categories .category-w .block_content {
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}

.scd-section--process.pink:before {
    background-color: var(--color-2) !important;
}

.scd-section--process .sub-title-widget {
    margin-top: 100px;
}

/* .scd-section--testimonials .testimonial {
    margin: 170px 0 !important;
} */

.header_logo a,
.footer_logo a {
    max-width: unset;
}

.header_logo .logo {
    max-width: 200px;
    padding: .5rem 0;
    fill: var(--color-primary)
}

.footer_logo .logo {
    max-width: 200px;
    fill: var(--color-primary)
}

.scd-slider__container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important;
}

.scd-slider__container::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #000;
    opacity: .25;
}

.scd-slider__container .caption-contain {
    height: auto !important;
    width: 100% !important;
}

.scd-slider__content *+* {
    margin-top: 2rem;
}

.scd-slider__title {
    font-family: "Cooper Lt BT";
    text-transform: uppercase !important;
    text-align: center;
    font-size: 5rem;
    color: #FFF;
}

.scd-slider__button {
    text-align: center;
}

.scd-slider__button a {
    display: inline-block;
    padding: 1rem 1.5rem;
    font-size: .8rem;
    letter-spacing: .2rem;
    line-height: normal;
    background-color: var(--color-white);
    text-transform: uppercase;
    color: var(--color-primary);
    font-weight: var(--font-bold);
    transition: var(--transition)
}

.scd-slider__button a::before {
    content: '';
    background: var(--color-alternate);
    width: 20px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    transition: var(--transition)
}

.footer-container li a,
.footer-container {
    text-transform: none;
}

.contact-wl .big {
    pointer-events: none;
}

.block-social li a {
    line-height: initial;
    height: auto;
}

.block-social li a:before {
    font-size: 24px;
    line-height: initial;
}

.block-social li.instagram a:before {
    font-size: 26px;
}

.block-social li.tiktok a:before {
    content: "\e07b";
}

.block-social ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scd-search {
    float: unset !important;
}

.scd-search form {
    position: relative;
}

.scd-search button {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border: none;
    background: transparent;
    height: 100%;
    width: 2rem;
    font-family: "Font Awesome 6 Pro";
}

.scd-search button::before {
    content: '\f002';
    font-size: 20px;
    display: block;
    line-height: 30px;
    color: var(--color-alternate);
}

/* .scd-search button i {
    position: relative !important;
    padding: 0 !important;
} */

.scd-search input:not([type="hidden"]) {
    border: none !important;
    background: none !important;
}

/*OERWRITES*/
.popup-over#leo_block_top .popup-content {
    min-width: unset !important;
    padding: .5rem 1rem !important;
}

.popup-over#leo_block_top ul.user-info {
    margin: 0px !important;
}

.grid-x {
    flex-flow: row wrap;
}

.grid-y {
    flex-flow: column nowrap;
}

.grid-x,
.grid-y {
    display: flex;
}

.grid-x>.cell,
.grid-y>.cell {
    flex-grow: 0;
    flex-basis: auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
    max-width: 100%;
}

.grid-x>.cell-1 {
    width: calc(100% * 1 / 12);
}

.grid-x>.cell-2 {
    width: calc(100% * 2 / 12);
}

.grid-x>.cell-3 {
    width: calc(100% * 3 / 12);
}

.grid-x>.cell-4 {
    width: calc(100% * 4 / 12);
}

.grid-x>.cell-5 {
    width: calc(100% * 5 / 12);
}

.grid-x>.cell-6 {
    width: calc(100% * 6 / 12);
}

.grid-x>.cell-7 {
    width: calc(100% * 7 / 12);
}

.grid-x>.cell-8 {
    width: calc(100% * 8 / 12);
}

.grid-x>.cell-9 {
    width: calc(100% * 9 / 12);
}

.grid-x>.cell-10 {
    width: calc(100% * 10 / 12);
}

.grid-x>.cell-11 {
    width: calc(100% * 11 / 12);
}

.grid-x>.cell-12 {
    width: 100%;
}

.x-center {
    justify-content: center;
}

.y-center {
    align-items: center;
}

.image-container {
    display: block;
    position: relative;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
    overflow: hidden;
    isolation: isolate;
}

.image-container.full-height {
    padding-bottom: unset;
}

.image-container.landscape {
    padding-bottom: calc(100% / (var(--aspect-ratio-landscape)));
}

.image-container.portrait {
    padding-bottom: calc(100% / (var(--aspect-ratio-portrait)));
}

.image-container.square {
    padding-bottom: calc(100% / (var(--aspect-ratio-square)));
}

.image-container>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-container>img.contain {
    object-fit: contain;
}

.text-center {
    text-align: center;
}

.scd-section--proces {
    background: url(https://www.murachocolates.ro/themes/leo_xocora/assets/img/modules/appagebuilder/img/x-p1.png) no-repeat !important;
    background-position: right !important;
}

.scd-section--proces .cell {
    padding: .5rem;
}

.scd-section--proces p {
    font-style: italic;
    font-family: "Cooper Lt BT";
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.03em;
}

.leo-notification {
    display: none !important;
}

.sal-sol {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.netopia-container {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.netopia-container img {
    max-height: 50px;
}

.scd-section--categories .widget-category_image {
    margin-bottom: 0px !important;
}

.scd-section--categories .widget-category_image .cover-img {
    display: block;
    aspect-ratio: 3/4;
}

.scd-section--categories .category-w .block_content img {
    height: 100%;
}

.product-prices .tax-shipping-delivery-label,
body#cart #_desktop_cart .leo-dropdown-cart {
    display: none;
}

body#checkout [data-action="show-password"] {
    height: 100%;
}

.product-quantity .add-to-cart:hover,
.leo-cart-dropdown-action .btn.cart-dropdow-viewcart:active,
.leo-cart-dropdown-action .btn.cart-dropdow-viewcart:hover,
.leo-cart-dropdown-action .btn.cart-dropdow-checkout:active,
.leo-cart-dropdown-action .btn.cart-dropdow-checkout:hover,
.checkout a:hover,
.btn-primary:hover,
#blockcart-modal .cart-content .cart-content-btn a.btn:hover,
#blockcart-modal .cart-content .cart-content-btn button:hover {
    color: #FFF !important;
    background: var(--color-3) !important;
}

#blockcart-modal .cart-content .cart-content-btn a.btn:not(:hover),
.blog-info a.btn {
    background: #BF624C;
    color: #FFF !important;
}

.blog-info {
    max-width: 250px;
    margin: auto;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
body#checkout #payment-confirmation .ps-shown-by-js .btn {
    background: #BF624C;
    padding: 1rem 2rem;
    font-weight: var(--font-bold);
    text-transform: uppercase;
}

body#checkout #payment-confirmation .ps-shown-by-js .btn {
    margin-bottom: 0px !important;
}

.checkout .btn-outline {
    font-size: 14px;
}

.btn {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.footer-container .list-inline li a:hover {
    color: var(--color-hover);
}

.icon-w .icon {
    margin-left: 0px !important;
}

.popup-over a.popup-title,
#_desktop_cart {
    display: flex;
    padding: .5rem !important;
}

.leo-dropdown-cart.dropdown {
    margin-top: 0px;
}

#_desktop_cart .blockcart {
    position: relative;
}

.gdpr_consent {
    padding: 1rem;
    line-height: 2;
}

.leo_free_price {
    background-color: transparent;
}

.custom-checkbox input[type="checkbox"]+span,
.custom-checkbox input[type="radio"]+span {
    width: 1.25rem;
    height: 1.25rem;
    margin: .5rem;
}

.custom-checkbox input[type="checkbox"]+span .checkbox-checked,
.custom-checkbox input[type="radio"]+span .checkbox-checked {
    margin: 0;
}

.custom-checkbox a {
    font-weight: var(--font-bold);
}

.register-form .form-footer {
    display: flex;
}

.form-group:has(.custom-checkbox) .col-md-6 {
    width: 100% !important;
}

.form-group:has(.custom-checkbox) .col-md-3 {
    display: none;
}

body#checkout section.checkout-step #checkout-guest-form .custom-checkbox span {
    vertical-align: middle;
}

.contact-form .offset-md-3 {
    margin-left: 0;
}

.contact-form .btn {
    font-size: 1rem;
}

#delivery_message {
    min-height: 100px;
}

#cms #content-wrapper ol li {
    margin: 1rem 0;
}

#cms #content-wrapper a {
    font-weight: var(--font-bold);
}


#cms #content-wrapper h1,
#cms #content-wrapper h2,
#module-leoblog-list h1,
#module-leoblog-category #blog-category h1 {
    text-transform: uppercase;
    margin-top: 2rem;
}

#module-leoblog-category #blog-category h1 {
    margin-top: 2rem;
    margin-bottom: 30px;
}

.ApHtml .title_block {
    margin-bottom: 2rem;
}

#module-leoblog-blog .extra-blogs,
#module-leoblog-blog .social-share,
#module-leoblog-blog .blog-tags {
    display: none;
}

#module-leoblog-list #main,
#module-leoblog-blog #blogpage,
#module-leoblog-category #blog-category {
    display: flex;
    max-width: 960px;
    margin: 0 auto;
}

.blog-description>p:first-child {
    display: none;
}

#index #wrapper .breadcrumb {
    display: none;
}

body#contact {
    background: #FFF;
}

body#contact .breadcrumb {
    background: #F6F4F2;
}

.scd-slider__title,
.sub-title-widget,
.category-w .cate-name,
h3#block-newsletter-label,
h1, h2, .h1, .h2,
#search_filters .facet .facet-title,
.subcategory-name,
.thumbnail-container .product-title a,
.address-item .title,
.blog-item .title a,
#cart .product-line-info a
{
    font-family: 'Times New Roman', serif !important;
}

.product-tabs:not(:has(.product-features)) {
    display: none;
}

.page-content.page-cms h2, .h2, h3, .h3, h4, .h4 {
    text-align: left;
}

/*LARGE ONLY*/
@media (min-width: 992px) {
    .scd-slider .iview-controlNav {
        display: none !important;
    }

    .scd-section--about .text-box {
        padding-top: 2rem;
        transform: translateY(-28%);
        background-color: #f6f4f2;
    }


    .contact-form .form-group.col-md-6 {
        padding: 0;
        width: 49%;
    }

    .contact-form .form-group.col-md-6+.form-group.col-md-6 {
        float: right;
    }

    body#index .nav-item.active a:not(:hover),
    body#index .nav-item.active a:not(:hover) span {
        color: #514633 !important;
    }

    .scd-slider__title {
        font-size: 5rem;
    }

    .scd-slider__button a {
        padding: 1rem 1.5rem;
    }

    .scd-slider__button a:hover {
        background-color: var(--color-hover);
        color: var(--color-white);
    }

    .scd-slider__button a:hover::before {
        background: var(--color-white);
    }

    .sal-sol img {
        max-height: 50px;
    }

    .sal-sol a+a {
        margin-left: 1rem;
    }
}

/*SMALL ONLY*/
@media (max-width: 991px) {

    .grid-x>.small-cell-1 {
        width: calc(100% * 1 / 12);
    }
    
    .grid-x>.small-cell-2 {
        width: calc(100% * 2 / 12);
    }
    
    .grid-x>.small-cell-3 {
        width: calc(100% * 3 / 12);
    }
    
    .grid-x>.small-cell-4 {
        width: calc(100% * 4 / 12);
    }
    
    .grid-x>.small-cell-5 {
        width: calc(100% * 5 / 12);
    }
    
    .grid-x>.small-cell-6 {
        width: calc(100% * 6 / 12);
    }
    
    .grid-x>.small-cell-7 {
        width: calc(100% * 7 / 12);
    }
    
    .grid-x>.small-cell-8 {
        width: calc(100% * 8 / 12);
    }
    
    .grid-x>.small-cell-9 {
        width: calc(100% * 9 / 12);
    }
    
    .grid-x>.small-cell-10 {
        width: calc(100% * 10 / 12);
    }
    
    .grid-x>.small-cell-11 {
        width: calc(100% * 11 / 12);
    }
    
    .grid-x>.small-cell-12 {
        width: 100%;
    }

    .card-block,
    .contact-form {
        padding: 0;
    }

    #_desktop_cart {
        margin-right: 0px !important;
    }

    .icon-w .icon {
        margin-left: 0px !important;
    }

    .popup-over a.popup-title i {
        padding-left: 0px !important;
    }

    /* .popup-over a.popup-title,
    #_desktop_cart .header>a {
        padding: .5rem 1.5rem;
    } */

    #_desktop_cart .cart-products-count {
        right: -15px !important;
    }

    .scd-slider__container {
        padding: 0 15px;
    }

    .small-grid-x {
        flex-flow: row wrap;
    }

    .small-grid-y {
        flex-flow: column nowrap;
    }

    .small-grid-x,
    .small-grid-y {
        display: flex;
    }

    .small-grid-x>.small-cell,
    .small-grid-y>.small-cell {
        flex-grow: 0;
        flex-basis: auto;
        min-height: 0px;
        min-width: 0px;
        width: 100%;
        max-width: 100%;
    }

    #header .header-top {
        padding-bottom: 0px;
    }

    .header-top .menu-w {
        position: initial !important;
        order: 2;
    }

    .off-canvas-nav-megamenu .navbar-nav>li>a {
        font-weight: var(--font-bold);
    }

    .header-top .ApMegamenu {
        position: initial !important;
        display: block !important;
    }

    .scd-slider .bannercontainer {
        height: 40vh !important;
    }

    .scd-slider .iview,
    .scd-slider .iviewSlider,
    .scd-slider .slide_config {
        width: 100% !important;
        height: 100% !important;
    }

    .scd-slider .iviewSlider {
        transform: unset !important;
        background-size: cover !important;
    }

    .scd-slider__title {
        font-size: 2.5rem;
        white-space: normal;
    }

    .scd-slider__button a {
        padding: .75rem 1rem;
        font-size: .7rem;
    }

    .small-order-1 {
        order: 1;
    }

    .small-order-2 {
        order: 2;
    }

    .small-order-3 {
        order: 3;
    }

    .small-order-4 {
        order: 4;
    }

    .small-grid-x>.small-col-6,
    .small-col-6 {
        width: 50%;
    }

    /* .scd-section--about>.small-cell:nth-child(1) {
        order: 2;
        width: 50%;
    }

    .scd-section--about>.small-cell:nth-child(2) {
        order: 1;
    }

    .scd-section--about>.small-cell:nth-child(3) {
        order: 3;
        width: 50%;
    } */

    .scd-section--categories .widget-category_image ul {
        margin-bottom: 0px;
    }

    .scd-section--categories .widget-category_image ul+ul {
        margin-top: 3rem;
    }

    .scd-section--process.pink:before {
        content: unset !important;
    }

    .footer-bottom {
        padding-bottom: 5rem !important;
    }

    .sal-sol {
        flex-direction: column;
        align-items: center;
    }

    .sal-sol img {
        max-height: 40px;
    }

    .sal-sol a+a {
        margin-top: 1rem;
    }
}