/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/**
 * Theme root styles override
 */

.wd-content-layout {
	padding-block: 0 !important;
}

:root {
    --color-gray-500: #3e3e3e;
    --color-gray-600: #3e3e3e;
    --color-gray-700: #3e3e3e;
    --color-gray-800: #0c0c0c;
    --color-gray-900: #0c0c0c;
    --wd-tags-mb: 10px !important;
    --wd-widget-title-color: #0c0c0c !important;

    --gw-heading-one-font-size: clamp(2.625rem, 3.5vw + 1.5rem, 3.75rem);
    --gw-heading-one-line-height: 1.1em;

    --gw-heading-two-font-size: clamp(2.25rem, 3vw + 1.5rem, 3.375rem);
    --gw-heading-two-line-height: 1.1em;

    --gw-heading-three-font-size: clamp(1.875rem, 2.5vw + 1.2rem, 2.75rem);
    --gw-heading-three-line-height: 1.15em;

    --gw-heading-four-font-size: clamp(1.5rem, 2vw + 1rem, 2.25rem);
    --gw-heading-four-line-height: 1.2em;

    --gw-heading-five-font-size: clamp(1.25rem, 1.5vw + 0.9rem, 1.625rem);
    --gw-heading-five-line-height: 1.2em;

    --gw-heading-six-font-size: clamp(1.125rem, 1.2vw + 0.75rem, 1.375rem);
    --gw-heading-six-line-height: 1.25em;
}

.color-scheme-dark {
    --color-gray-800: #0c0c0c;
    --color-gray-900: #0c0c0c;
}

.btn {
    text-transform: none;
}

.btn-style-link {
    border: none !important;
}

.btn-style-link img,
.btn-style-link svg {
    width: 40px;
    height: 40px;
    margin-left: 5px;
    transition: 0.3s all;
}

.btn-style-link:hover {
    color: var(--wd-primary-color) !important;
}

.btn-style-link:hover img,
.btn-style-link:hover svg {
    transform: scale(0.9);
}

h1 {
    font-size: var(--gw-heading-one-font-size);
    line-height: var(--gw-heading-one-line-height);
}

h2 {
    font-size: var(--gw-heading-two-font-size);
    line-height: var(--gw-heading-two-line-height);
}

h3 {
    font-size: var(--gw-heading-three-font-size);
    line-height: var(--gw-heading-three-line-height);
}

h4 {
    font-size: var(--gw-heading-four-font-size);
    line-height: var(--gw-heading-four-line-height);
}

h5 {
    font-size: var(--gw-heading-five-font-size);
    line-height: var(--gw-heading-five-line-height);
}

h6 {
    font-size: var(--gw-heading-six-font-size);
    line-height: var(--gw-heading-six-line-height);
}

.wd-nav[class*="wd-style-"] {
    --nav-color: #0c0c0c !important;
}

.wd-tools-element {
    --wd-header-el-color: #0c0c0c !important;
}

nav[class*="-pagination"] a:hover {
    background-color: transparent !important;
}

.wd-empty-page {
    margin-top: 0 !important;
    font-size: var(--gw-heading-four-font-size) !important;
    line-height: var(--gw-heading-four-line-height) !important;
}

.wd-empty-page-text+.return-to-shop {
    margin-bottom: 0 !important;
}

.wd-empty-page:before {
    font-size: 8rem !important;
}


/**
 * Woodmart & Elementor shop custom styles
 */

.woocommerce-mini-cart__empty-message {
    font-size: var(--gw-heading-six-font-size);
}

.wd-product .wd-entities-title {
    font-size: var(--gw-heading-six-font-size) !important;
    line-height: var(--gw-heading-six-line-height) !important;
}

.wd-products img,
.single-product-page .wd-carousel-inner img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

.single-product-page .product-image-summary-wrap .product_title {
    font-size: var(--gw-heading-four-font-size) !important;
    line-height: var(--gw-heading-four-line-height) !important;
}

.single-product-page .entry-content :is(h2, h3, h4, h5, h6),
.single-blog-post-container :is(h2, h3, h4, h5, h6) {
    font-size: var(--gw-heading-five-font-size) !important;
    line-height: var(--gw-heading-five-line-height) !important;
}

.single-product-page .woocommerce-tabs .wd-nav>li>a,
.single-product-page .woocommerce-tabs .wd-accordion-title-text {
    text-transform: none;
    font-size: var(--gw-heading-four-font-size) !important;
    line-height: var(--gw-heading-four-line-height) !important;
    font-family: var(--e-global-typography-b8bccd2-font-family);
}

.single-product-page .related-and-upsells .element-title {
    font-size: var(--gw-heading-five-font-size) !important;
    line-height: var(--gw-heading-five-line-height) !important;
}

.single-product-page .woocommerce-tabs .text-center {
    text-align: left !important;
}

.wd-checkout-steps li {
    text-transform: none !important;
    font-size: var(--gw-heading-four-font-size) !important;
    line-height: var(--gw-heading-four-line-height) !important;
}

table th,
.cart-totals-inner>h2,
.woocommerce-billing-fields>h3,
#order_review_heading,
.woocommerce-additional-fields>h3,
.woocommerce-order-details__title,
.woocommerce-column__title {
    text-transform: none !important;
}

.woocommerce-billing-fields>h3,
#order_review_heading {
    font-size: var(--gw-heading-five-font-size) !important;
    line-height: var(--gw-heading-five-line-height) !important;
}

.woocommerce-checkout-payment [class^="payment_method_przelewy24"] label img,
.woocommerce-checkout-payment [class*=" payment_method_przelewy24"] label img {
    height: 30px !important;
}


/**
 * Page title styles
 */

.page-title {
    margin: clamp(20px, 6vw, 40px) 0 0 0 !important;
    padding: 0 !important;
}

.page-title .title {
    font-size: var(--gw-heading-two-font-size) !important;
    line-height: var(--gw-heading-two-line-height) !important;
    color: var(--wd-widget-title-color);
    margin-bottom: 15px !important;
}

:is(.breadcrumbs, .yoast-breadcrumb) :is(a, span) {
    font-size: 1rem;
    text-transform: none;
    font-weight: 500;
}


/**
 * Custom theme & Elementor styles
 */

.price-title-widget u {
	text-decoration: none;
	font-size: 14px;
	color: var(--e-global-color-text);
}

.whb-header {
    margin-bottom: 0 !important;
}

.site-content {
    margin: 0;
}

.main-page-wrapper {
    padding: 0 !important;
    margin: 0 !important;
}

.main-page-wrapper .content-layout-wrapper {
    margin-top: clamp(40px, 10vw, 80px);
    margin-bottom: clamp(60px, 12vw, 120px);
}

.home .main-page-wrapper .content-layout-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

.line-separator {
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

.outline-icon-element .elementor-icon {
    border: 18px solid var(--e-global-color-c7fcb0d);
}

.outline-icon-element .elementor-icon,
.outline-icon-element .elementor-icon-box-title a {
    transition: 0.3s all;
}

.outline-icon-element:hover .elementor-icon-box-title a {
    color: var(--e-global-color-accent);
}

.outline-icon-element:hover .elementor-icon {
    transform: scale(0.9);
}

.tower-image img {
    aspect-ratio: 4/5;
    object-fit: cover;
    width: 100%;
}

.square-image img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

.featured-image img {
    aspect-ratio: 4/3;
    object-fit: cover;
    width: 100%;
}

.testimonial-container .elementor-icon-box-icon {
    margin-top: 6px;
}

.post-loop-item-container .featured-image,
.product-loop-item-container .featured-image {
    overflow: hidden;
}

.post-loop-item-container .featured-image img,
.post-loop-item-container .elementor-heading-title a,
.product-loop-item-container .featured-image img,
.product-loop-item-container .elementor-heading-title a {
    transition: 0.3s all;
}

.post-loop-item-container:hover .featured-image img,
.product-loop-item-container:hover .featured-image img {
    transform: scale(1.1);
}

.post-loop-item-container:hover .elementor-heading-title a,
.product-loop-item-container:hover .elementor-heading-title a {
    color: var(--e-global-color-accent) !important;
}

.single-post .page-title {
    display: none !important;
}

.single-blog-post-container ol,
.single-blog-post-container ul {
    margin-bottom: 15px !important;
}

.single-blog-post-tag-cloud h5 {
    display: none;
}

.single-blog-post-tag-cloud .tagcloud a {
    padding: 0.25rem 0.625rem;
    border-radius: 20px;
    border: 1px solid var(--e-global-color-accent);
    color: var(--e-global-color-primary);
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.2em;
    transition: 0.3s all;
    font-size: 0.875rem !important;
    font-weight: 500;
}

.single-blog-post-tag-cloud .tagcloud a:hover {
    background-color: var(--e-global-color-accent);
    color: white;
}

.single-blog-post-tag-cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


/**
 * Footer styles
 */

.wd-prefooter {
    padding-bottom: 0 !important;
}

.footer-logo {
    width: 140px;
    height: 92px;
    margin-bottom: 20px;
}

.footer-sidebar {
    padding-block: clamp(40px, 10vw, 80px) clamp(20px, 6vw, 40px) !important;
}

.footer-sidebar .widget-title {
    font-size: var(--gw-heading-five-font-size) !important;
    line-height: var(--gw-heading-five-line-height) !important;
}

.footer-container,
.footer-container p {
    color: var(--wd-widget-title-color);
    line-height: 1.6em !important;
}

.footer-container a {
    color: var(--wd-widget-title-color);
}

.footer-container a:hover {
    color: var(--wd-primary-color);
}

.footer-container .footer-phone {
    display: block;
    font-size: var(--gw-heading-five-font-size) !important;
    line-height: var(--gw-heading-five-line-height) !important;
    margin-bottom: 15px;
    font-family: var(--e-global-typography-b8bccd2-font-family);
}

.footer-container .far,
.footer-container .fa {
    color: var(--e-global-color-accent);
    margin-right: 5px;
}

@media only screen and (max-width: 768px) {
    .footer-column:last-of-type {
        margin-bottom: 0 !important;
    }
}

.wd-copyrights .wd-col-start {
	display: flex !important;
    align-items: center !important;
}


/**
 * Contact Form 7 Styles
 */

.wpcf7-form {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 15px;
}

.wpcf7-form-control-wrap {
    flex-grow: 1;
}

.wpcf7 [data-name="customer-name"],
.wpcf7 [data-name="customer-phone"],
.wpcf7 [data-name="customer-email"] {
    float: left;
    width: 25%;
    flex-grow: 1;
}

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

    .wpcf7 [data-name="customer-name"],
    .wpcf7 [data-name="customer-phone"],
    .wpcf7 [data-name="customer-email"] {
        width: 100%;
    }
}

.wpcf7 textarea {
    min-height: 140px;
}

.wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
    padding: 0;
    font-size: 0.75rem;
    line-height: 1.8em;
}

.wpcf7 .submit-button-cf7 {
    border-radius: 20px;
    background-color: var(--e-global-color-accent);
    color: white;
    text-transform: none;
    font-size: 0.875rem;
    transition: 0.3s all;
}

.wpcf7 .submit-button-cf7:hover {
    background-color: var(--e-global-color-66d20a4);
}

.wpcf7-not-valid-tip {
    font-weight: 600;
    font-size: 0.875rem;
    margin-top: 5px;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

form:is(.sent, .invalid, .unaccepted, .spam, .failed, .aborted) div.wpcf7-response-output {
    width: 100%;
}