/*
 Theme Name:   De Dijk Music Store
 Description:  De Dijk Music Store Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/*
    black: #242424
    blue: #0080c0
*/


.wd-page-wrapper {
    overflow-x: hidden;
}

/* Header */

header .wd-header-cart.wd-design-3 .wd-tools-icon:before {
    color: #242424;
}

header .wd-nav {
    gap: 0px 25px;
}

header li#menu-item-23164 ul {
    column-count: 2;
}

header li#menu-item-23164 .wd-dropdown-menu {
    min-width: 300px;
}

header .searchform input.s {
    font-size: 16px !important;
}


/* Mobile Nav */

.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-opened {
    z-index: 99999;
}



/* Off canvas cart */

.cart-widget-side.wd-side-hidden.wd-opened {
    z-index: 99999;
}




/* Popular Categories Carousel */

.home-popular-cats .wd-carousel-item:nth-child(1),
.home-popular-cats .wd-carousel-item:nth-child(2) {
    order: 11;
}




/* Product carousel */

.wd-carousel-container .wd-nav-scroll {
    margin-top: 35px;
}




/* Woo Category / Product Loops */

.category-grid-item .wd-cat-image {
    aspect-ratio: 1/1;
}

.category-grid-item .wd-cat-image img {
    object-fit: cover;
    height: 100%;
}


.product-element-top.wd-quick-shop {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.product-element-top.wd-quick-shop > a {
    height: 100%;
    display: flex;
    align-items: center;
}

.product-element-top.wd-quick-shop img {
    height: 100%;
    object-fit: contain;
}

ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1,
ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-2,
ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-3 {
    position: relative;
    margin: 0 15px;
    -webkit-transition: all .35s ease;
            transition: all .35s ease;
}

ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1:before {
    /* content: '>'; */
    content: "\f129";
    font-family: "woodmart-font";
    position: absolute;
    top: -23px;
    right: 0;
    font-size: 9px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    border: solid 1px #ddd;
    -webkit-transition: all .35s ease;
            transition: all .35s ease;
}

ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1:hover:before {
    background: #fafafa;
}

ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1 > li {
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-transition: all .35s ease;
            transition: all .35s ease;
}

ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1.active,
ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-2,
ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-3 {
    margin-top: var(--li-mb);
}

ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1.active:before {
    margin-top: -15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1.active > li {
    max-height: 9999px;
    opacity: 1;
    margin-bottom: var(--li-mb);
    overflow: visible;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__input {
    padding: 0 7px;
}

.wp-block-search .wp-block-search__button {
    padding: 5px 12px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 5px;
}


/* Single product */

.wd-product.wd-hover-fw-button .wd-add-btn>a span {
    font-size: 11px !important;
}

.wd-sticky-btn .wd-sticky-btn-cart span.price {
    margin: 0 20px 0 0;
}



/* Pages */

.wp-singular.post-template-default aside.wd-sidebar.sidebar-container.wd-grid-col .widget-area,
.wp-singular.page-template-default aside.wd-sidebar.sidebar-container.wd-grid-col .widget-area {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px;
}




/* Page title */

.wd-page-title.page-title.page-title-default.title-size-default.title-design-default {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.product-archive-page-title {
    z-index: 1;
    position: relative;
}

.product-archive-page-title:before {
    content: '';
    position: absolute;
    width: 400%;
    height: 100%;
    top: 0;
    right: -150%;
    background: #fff;
    z-index: -1;
}



/* Blog */

.blog-post-loop .wd-post-img {
    transition: all 0.5s cubic-bezier(0, 0, 0.44, 1.18);
    aspect-ratio: 16 / 8;
}

.blog-post-loop .wd-post-img img {
    height: 100%;
    object-fit: cover;
}

.wd-blog-element .blog-design-masonry {
    border-radius: var(--wd-brd-radius);
    background-color: var(--bgcolor-white);
}


/* Single post */

.single-post .wd-single-post-header {
    align-items: flex-start;
}



/* Footer */

footer .wd-widget.widget {
    padding-bottom: 0;
    margin-bottom: 20px;
    border: none;
}

.wd-copyrights.wd-layout-two-columns .wd-col-end a {
    margin-left: 20px;
    font-weight: 800;
    color: #242424;
}

.wd-copyrights.wd-layout-two-columns .wd-col-end a:nth-child(1) {
    margin-left: 0;
}

.wd-copyrights.wd-layout-two-columns .wd-col-end a:hover {
    color: var(--wd-primary-color);
}

footer ul#menu-main-menu-1  {
    display: block;
    column-count: 2;
}

footer ul#menu-main-menu-1 .wd-dropdown-menu.wd-dropdown,
.footer-column .menu-main-menu-container .sub-menu {
    display: none !important;
}

footer ul#menu-main-menu-1 li.menu-item-has-children>a:after {
    display: none !important;
}

#mc_embed_signup .indicates-required {
    display: none;
}

#mc_embed_signup .mc-field-group .asterisk {
    position: relative;
    top: auto;
    right: auto;
    font-size: 100%;
}

#mc_embed_signup form {
    padding: 0;
}



footer div#mc_embed_signup_scroll {
    display: flex;
    position: relative;
}

footer div#mce-responses {
    position: absolute;
}

footer .mc-field-group {
    width: 100%;
}

footer input#mce-EMAIL {
    border-radius: 50px;
}

footer input#mc-embedded-subscribe {
    padding: 5px 12px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 50px;
    background: #242424;
    color: #fff;
    position: absolute;
    right: 0;
}

footer input#mc-embedded-subscribe:hover {
    background: #000;
}


/* Gravity Forms */

.gform_wrapper .gform_footer input[type=submit] {
    background: #242424;
    border-radius: 50px;
    padding-right: 50px;
    padding-left: 50px;
    color: #fff;
}

.gform_wrapper .gform_footer input[type=submit]:hover {
    background: #000;
}





@media only screen and (max-width: 1025px) {

}


.grecaptcha-badge {
    right: -500px !important;
}