/*
Theme Name: MVP Woodworks
Theme URI: https://mvpwoodwork.com
Author: JollyWeb
Author URI: https://jollyweb.com
Description: Custom theme for MVP Woodworks
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mvp-woodworks
Tags: 
*/

.mvp-main-logo {
    position: relative;
    display: block;
    width: 200px;
    img {
        position: absolute;
        top: 0px;
        left: 40px;
    }
}

/* Remove core's forced 24px top margin on all top-level blocks */
.wp-site-blocks > * {
    margin-block-start: 0 !important;
}

.font-copperplate {
    font-family: "Copperplate CC" !important;
}
.font-poppins {
    font-family: "Poppins", sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
p, ul, ol, blockquote, figure {
    margin-block-start: 0;
    margin-block-end: 0;
}


.mvp-hero::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 33%;
    background: transparent url(assets/images/wood-grain.svg) no-repeat;
    background-size: 220%;
    background-position: top right;
    opacity: .15;
}
.wp-site-blocks > footer > .wp-block-group {
    position: relative;
    &::before {
        content: '';
        position: absolute;
        inset: 0;
        background: transparent url(assets/images/wood-grain.svg);
        background-size: 67%;
        opacity: .15;
    }
    > div {
        position: relative;
        z-index: 2;
    }
}

.wood-overlay {
    position: relative;
    overflow: hidden;
}
.wood-overlay::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(assets/images/wood-grain.svg) no-repeat;
    background-size: cover;
    background-position: center center;
    filter: brightness(0);
    opacity: .2;
}
.wood-overlay.overlay-top-left::before {
    width: 50%;
    height: 67%;
    background-size: 180%;
    background-position: bottom right;
}
.wood-overlay.overlay-bottom-left::before {
    width: 50%;
    height: 67%;
    top: auto;
    bottom: 0;
    background-size: 180%;
    background-position: top right;
}


.mvp-about-clip {
    position: relative;

    img {
        display: block;
        mask-image:
          linear-gradient(to bottom, #000, #000),
          linear-gradient(to bottom, #000, #000);
      mask-size: 48% 90%;
      mask-position:
        0 0,
        100% 100%;
      mask-repeat: no-repeat;
    }
}

.kb-row-layout-wrap {
    h2 {
        color: var(--wp--preset--color--secondary);
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 1;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    h3 {
        font-family: "Copperplate CC", serif;
        font-weight: 700;
        font-size: 30px;
        line-height: 1.2;
        margin-top: 8px;
        margin-bottom: 16px;
        text-transform: uppercase;
        color: var(--wp--preset--color--text);
        text-wrap: balance;
    }
    h3:not(.no-square) {
        position: relative;
        &::before {
            content: '';
            display: block;
            position: absolute;
            top: -3px;
            left: -13px;
            width: 50px;
            height: 50px;
            background-color: var(--wp--preset--color--secondary);
            z-index: -1;
        }
    }
    .wp-block-kadence-infobox h3 {
        font-family: "Poppins";
        &::before {
            display: none;
        }
    }
    .wp-element-button {
        background-color: var(--wp--preset--color--accent);
        color: #fff;
        font-family: "Copperplate CC", serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: all .3s ease;
        &:hover, &:focus {
            background-color: var(--wp--preset--color--primary);
            color: #fff;
        }
    }
}


.kt-blocks-info-box-media {
    overflow: visible;
    .kt-info-svg-image {
        display: block;
        aspect-ratio: 1 / 1;
        transform: translate(-12px, 12px);
    }
}


.wp-block-woocommerce-product-collection .wc-block-product {
    padding: 1rem;
    background: #fff;

    h2 a {
        color: var(--wp--preset--color--text);
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        letter-spacing: 0.9px;
        &:hover {
            color: var(--wp--preset--color--secondary);
        }
    }

    .wp-block-button.wc-block-components-product-button .wp-block-button__link {
        display: block;
        width: 100%;
        background-color: var(--wp--preset--color--secondary);
        color: #fff;
        border-radius: 0;
        &:hover, &:focus {
            background-color: var(--wp--preset--color--accent);
            color: #fff;
        }
    }
}


.hidden {
    display: none;
}
@media (min-width: 1400px) {
    .xl-block { display: block; }
    .xl-font-xxl {
        font-size: var(--global-kb-font-size-xxl, 4rem);
    }
    .xl-font-xl {
        font-size: var(--global-kb-font-size-xl, 3rem);
    }
}