/* CUSTOM CORE CLASSES */

.is-style-custombuttonone .wp-block-button__link {
    padding: 15px 30px;
    background-color: var(--wp--preset--color--secondary);
    color: #FFFFFF;
    border-radius: 0px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 14px;
    letter-spacing: 0.0625em;
}

.is-style-custombuttonone:hover .wp-block-button__link {
    background-color: var(--wp--preset--color--third);
}

.is-style-custombuttontwo .wp-block-button__link {
    padding: 15px 25px;
    background-color: var(--wp--preset--color--secondary);
    color: #FFFFFF;
    border-radius: 0px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 0.094em;
}

.is-style-custombuttontwo:hover .wp-block-button__link {
    background-color: var(--wp--preset--color--third);
}

.is-style-custombuttonthree .wp-block-button__link {
    padding: 15px 30px;
    background-color: #00000000;
    color: var(--wp--preset--color--secondary);
    border-radius: 0px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 0.094em;
    border-style: solid;
    border-width: 1px;
    border-color: var(--wp--preset--color--secondary);
}

.is-style-custombuttonthree:hover .wp-block-button__link {
    background-color: var(--wp--preset--color--third);
    border-color: var(--wp--preset--color--third);
    color: #FFFFFF;
}

.is-style-custombuttonfour {
    width: 100%;
}

.is-style-custombuttonfour .wp-block-button__link {
    background-color: var(--wp--preset--color--secondary);
    color: #FFFFFF;
    border-radius: 0px;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 14px;
    letter-spacing: 0.0625em;
    width: 100%;
}

.is-style-custombuttonfour:hover .wp-block-button__link {
    background-color: var(--wp--preset--color--third);
}

.is-style-customboxshadow,
.is-style-customboxshadowhover:hover {
    box-shadow: 0px 15px 30px 0px #0000004f;
}

.is-style-customboxshadowtwo,
.is-style-customboxshadowtwohover:hover {
    box-shadow: 0px 4px 16px 0px #00000033
}


/* HYPEBIZ ADVANCE CLASSES */

.hypebiz-z-index-1 {
    z-index: 1;
}

.hypebiz-z-index-10 {
    z-index: 10;
}

.hypebiz-z-index-100 {
    z-index: 100;
}

.hypebiz-z-index-1000 {
    z-index: 1000;
}

.hypebiz-margin-top-n10 {
    position: relative;
    margin-top: -10px!important;
}

.hypebiz-margin-top-n20 {
    position: relative;
    margin-top: -20px!important;
}

.hypebiz-margin-top-n30 {
    position: relative;
    margin-top: -30px!important;
}

.hypebiz-margin-top-n40 {
    position: relative;
    margin-top: -40px!important;
}

.hypebiz-margin-top-n50 {
    position: relative;
    margin-top: -50px!important;
}

.hypebiz-margin-top-n60 {
    position: relative;
    margin-top: -60px!important;
}

.hypebiz-margin-top-n70 {
    position: relative;
    margin-top: -70px!important;
}

.hypebiz-margin-top-n80 {
    position: relative;
    margin-top: -80px!important;
}

.hypebiz-margin-top-n90 {
    position: relative;
    margin-top: -90px!important;
}

.hypebiz-margin-top-n100 {
    position: relative;
    margin-top: -100px!important;
}

.hypebiz-margin-top-n300 {
    position: relative;
    margin-top: -300px!important;
}

.hypebiz-radius-5 {
    border-radius: 5px;
}

.hypebiz-radius-10 {
    border-radius: 10px;
}

.hypebiz-radius-25 {
    border-radius: 25px;
}

.hypebiz-radius-50 {
    border-radius: 50px;
}

.hypebiz-margin-bottom-n100 {
    position: relative;
    margin-bottom: -100px!important;
}

.hypebiz-post-template-gap {
    margin-left: -17.5px!important;
    margin-right: -17.5px!important;    
}

.hypebiz-post-template-gap .wp-block-post-template {
    gap: 0!important;
}

.hypebiz-post-template-gap .wp-block-post-template > .wp-block-post {
    padding-left: 17.5px!important;
    padding-right: 17.5px!important;
    padding-bottom: 35px!important;
}


@media only screen and (min-width: 600px) {

    .hypebiz-post-template-gap .wp-block-post-template.column-2 > .wp-block-post,
    .hypebiz-post-template-gap .wp-block-post-template.columns-2 > .wp-block-post {
        width: calc(50% - 35px)!important;
    }

    .hypebiz-post-template-gap .wp-block-post-template.column-3 > .wp-block-post,
    .hypebiz-post-template-gap .wp-block-post-template.columns-3 > .wp-block-post {
        width: calc(33.33333% - 35px)!important;
    }

    .hypebiz-post-template-gap .wp-block-post-template.column-4 > .wp-block-post,
    .hypebiz-post-template-gap .wp-block-post-template.columns-4 > .wp-block-post {
        width: calc(25% - 35px)!important;
    }

    .hypebiz-post-template-gap .wp-block-post-template.column-5 > .wp-block-post,
    .hypebiz-post-template-gap .wp-block-post-template.columns-5 > .wp-block-post {
        width: calc(20% - 35px)!important;
    }

    .hypebiz-post-template-gap .wp-block-post-template.column-6 > .wp-block-post,
    .hypebiz-post-template-gap .wp-block-post-template.columns-6 > .wp-block-post {
        width: calc(16.66667% - 35px)!important;
    }

    body:not(.editor-styles-wrapper) .hypebiz-post-template-gap .wp-block-post-template.column-2 > .wp-block-post,
    body:not(.editor-styles-wrapper) .hypebiz-post-template-gap .wp-block-post-template.columns-2 > .wp-block-post {
        width: calc(50%)!important;
    }

    body:not(.editor-styles-wrapper) .hypebiz-post-template-gap .wp-block-post-template.column-3 > .wp-block-post,
    body:not(.editor-styles-wrapper) .hypebiz-post-template-gap .wp-block-post-template.columns-3 > .wp-block-post {
        width: calc(33.33333%)!important;
    }

    body:not(.editor-styles-wrapper) .hypebiz-post-template-gap .wp-block-post-template.column-4 > .wp-block-post,
    body:not(.editor-styles-wrapper) .hypebiz-post-template-gap .wp-block-post-template.columns-4 > .wp-block-post {
        width: calc(25%)!important;
    }

    body:not(.editor-styles-wrapper) .hypebiz-post-template-gap .wp-block-post-template.column-5 > .wp-block-post,
    body:not(.editor-styles-wrapper) .hypebiz-post-template-gap .wp-block-post-template.columns-5 > .wp-block-post {
        width: calc(20%)!important;
    }

    body:not(.editor-styles-wrapper) .hypebiz-post-template-gap .wp-block-post-template.column-6 > .wp-block-post,
    body:not(.editor-styles-wrapper) .hypebiz-post-template-gap .wp-block-post-template.columns-6 > .wp-block-post {
        width: calc(16.66667%)!important;
    }

}