/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.2.1725351044
Updated: 2024-09-03 08:10:44

*/

/* Unbounded font */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');

/* Sore font */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&family=Unbounded:wght@200..900&display=swap');

:root {
    /* --wp--preset--spacing--50: min(8.125rem, 8vw) !important; */
    --wp--preset--spacing--50: 0 !important;
}

body {
    background-color: #fff !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Unbounded', sans-serif !important;
}

header {
    position: relative;
    border-bottom: 1px solid #e2e2e2;
}

header > div.has-base-background-color {
    background-color: #fff !important;
}

header + div {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background-color: #fff !important;
}

header p {
    padding-bottom: 0 !important;
}

header a {
    font-size: 1.5rem !important;
    font-family: 500 !important;
    font-family: "Unbounded", sans-serif;
}

header .wp-block-pages-list__item__link.wp-block-navigation-item__content {
    display: none !important;
}

nav button.wp-block-navigation__responsive-container-open {
    display: none !important;
}

main .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-top: 0 !important;
}

main .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-spacer {
    height: 0 !important;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100% !important;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


h1 {
    text-align: start !important;
    font-family: "Unbounded", sans-serif !important;
    font-weight: bold !important;
    margin-top: 5rem !important;
    margin-bottom: 1.625rem !important;
    font-size: 2.75rem !important;
    color: #222 !important;
}

h2 {
    text-align: start !important;
    font-family: "Unbounded", sans-serif !important;
    font-weight: 500 !important;
    padding-top: 2.188rem !important;
    margin-bottom: 1.094rem !important;
    font-size: 1.875rem !important;
    margin-top: 0 !important;
    color: #363636 !important;
}

h2 strong {
    font-weight: 500 !important;
}

h3 {
    text-align: start !important;
    font-family: "Unbounded", sans-serif !important;
    font-weight: 500 !important;
    margin-top: 1.8rem !important;
    margin-bottom: 0.9rem !important;
    font-size: 1.238rem !important;
    margin-top: 1.8rem !important;
    color: #363636 !important;
}

h3 strong {
    font-weight: 500 !important;
}

h4 {
    text-align: start !important;
    font-family: "Unbounded", sans-serif !important;
    font-weight: 500 !important;
    margin-top: 1.8rem !important;
    margin-bottom: 0.6rem !important;
    font-size: 1.125rem !important;
    margin-top: 1.5rem !important;
    color: #363636 !important;
}

h4 strong {
    font-weight: 500 !important;
}

h5 {
    text-align: start !important;
    font-family: "Unbounded", sans-serif !important;
    font-weight: 500 !important;
    margin-top: 1.8rem !important;
    margin-bottom: 0.6rem !important;
    font-size: 0.875rem !important;
    margin-top: 1rem !important;
    color: #363636 !important;
}

h5 strong {
    font-weight: 500 !important;
}

h6{
    text-align: start !important;
    font-family: "Unbounded", sans-serif !important;
    font-weight: 500 !important;
    margin-top: 1.8rem !important;
    margin-bottom: 0.6rem !important;
    font-size: 0.75rem !important;
    margin-top: 0.8rem !important;
    color: #363636 !important;
}

h6 strong {
    font-weight: 500 !important;
}

p {
    font-family: 'Sora', sans-serif !important;
    font-weight: 400 !important;
    padding-bottom: 0.9rem !important;
    margin-top: 0rem !important;
    color: #333 !important;
    font-size: 1.125rem !important;
}

.entry-content a {
    color: #602FD3 !important;
}

.entry-content a:hover {
    color: #333 !important;
    text-decoration: underline;
}

footer {
    margin: 0 !important;
}

footer + div {
    padding-top: 1.806rem !important;
    padding-bottom: 1.806rem !important;
    padding-right: var(--wp--preset--spacing--50) !important;
    padding-left: var(--wp--preset--spacing--50) !important;
    background-color: #0f1c1f;
    margin: 0.844rem !important;
    margin-top: 4.125rem !important;
    border-radius: 0.563rem;
    position: relative;
}

footer + div h5 {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    color: #ebeaf4 !important;
    font-size: 0.679rem !important;
    font-family: 'Unbounded', sans-serif;
    font-weight: 300 !important;
    margin-top: 0 !important;
}

footer + div p.has-small-font-size {
    display: none;
}

footer + div .wp-block-group.is-layout-flex.wp-block-group-is-layout-flex {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.entry-content p img {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    border-radius: 1.125rem !important;
    width: 100%;
    height: auto;
}

/* start of table of contents */
#ez-toc-container {
    margin-bottom: 0 !important;
    background-color: #fafafa;
    border: none !important;
    box-shadow: none !important;
    padding: 1.5rem !important;
    display: block !important;
}

.ez-toc-title {
    text-align: start !important;
    font-family: "Unbounded", sans-serif !important;
    font-weight: 500 !important;
    margin-top: 1.8rem !important;
    margin-bottom: 0.9rem !important;
    font-size: 1.125rem !important;
    margin-top: 1.8rem !important;
    color: #363636 !important;
}

.ez-toc-link {
    font-family: 'Sora', sans-serif !important;
    font-weight: 400 !important;
    margin-top: 0rem !important;
    font-size: 1.013rem !important;
}

#ez-toc-container .ez-toc-link {
    color: #3175E4 !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent;
    display: inline !important;
}

#ez-toc-container .ez-toc-link:hover {
    border-bottom: 1px dotted !important;
}

#ez-toc-container .ez-toc-link:focus {
    border: none !important;
    outline: none !important;
}

.ez-toc-title-container {
    margin-bottom: 0.5rem;
}

.ez-toc-title-toggle {
    display: none;
}

/* start of container */
header > div, main{
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    position: relative;
    width: 100%;
}

@media(min-width: 576px) {
    header > div, main {
        max-width:540px;
    }
}

@media(min-width: 768px) {
    header > div, main {
        max-width:720px;
    }
}

@media(min-width: 992px) {
    header > div, main {
        max-width:960px;
    }
}

@media(min-width: 1200px) {
    header > div, main {
        max-width:1140px;
    }
}

@media(min-width: 1400px) {
    header > div, main {
        max-width:1290px;
    }
}

@media(min-width: 1600px) {
    header > div, main {
        max-width:1445px;
    }
}

/* Media Queries */
@media (max-width: 768px) {

    :root {
        /* --wp--preset--spacing--50: min(0.938rem, 8vw) !important; */
        --wp--preset--spacing--50: 0 !important;
    }

    h1, h2 {
        font-size: 1.125rem !important;
    }

    h1 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    h2 {
        padding-top: 2rem !important;
        margin-bottom: 1rem !important;
    }

    h3 {
        font-size: 1rem !important;
        margin-top: 1.2rem !important;
        margin-bottom: 1.2rem !important;
    }

    h4 {
        font-size: 0.85rem !important;
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    h4 {
        font-size: 0.875rem !important;
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    h5 {
        font-size: 0.75rem !important;
        margin-top: 0.8rem !important;
        margin-bottom: 0.8rem !important;
    }

    h6 {
        font-size: 0.625rem !important;
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    p {
        font-size: 0.969rem !important;
        padding-bottom: 0.5rem !important;
    }

    footer + div h5 {
        font-size: 0.625rem !important;
        margin-top: 0 !important;
    }

    footer + div {
        margin-top: 2rem !important;
    }

    .entry-content p img {
        border-radius: 0.625rem !important;
    }

    /* start of table of contents */
    #ez-toc-container {
        padding: 1rem !important;
    }

    .ez-toc-title {
        font-size: 1.076rem !important;
    }

    .ez-toc-link {
        font-size: 0.969rem !important;
    }
    
}

/* NOTE: Over riding margins and making them consistent */

h2, h3, h4, h5, h6 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}

@media (max-width: 768px) {

    h2, h3, h4, h5, h6 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 2rem !important;
        margin-bottom: 1rem !important;
    }

}

/* Legal page styling */
.page-id-75 #ez-toc-container {
    display: none !important;
}

.page-id-75 a {
    text-decoration: none;
}

.page-id-75 a:hover {
    text-decoration: underline;
}

.page-id-75 h1 {
    font-size: 3.375rem !important;
}

@media (max-width: 768px) {

    .page-id-75 h1 {
        font-size: 2.063rem !important;
    }
    
}

/* popup styles */
.sgpb-theme-1-content {
    /* border-top-width: 35px !important; */
    border-top-color: #fff !important;
}

.sgpb-popup-close-button-1 {
    z-index: 999920;
    position: absolute;
    float: left;
    right: 9px;
    top: 9px !important;
    width: 21px;
    cursor: pointer;
    height: 21px;
    background-repeat: no-repeat;
    background-size: cover;
}

.sgpb-popup-dialog-main-div-theme-wrapper-1 pre {
    text-wrap: wrap !important;
}

#sgpb-popup-dialog-main-div {
    width: 100% !important;
}


/* .modal {
    --modal-margin: calc(15px + 1.8rem);
    background: hsla(0,0%,83%,.8);
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
} */

/* @supports((-webkit-backdrop-filter: none) or (backdrop-filter:none)) {
    .modal {
        backdrop-filter:blur(23px);
        -webkit-backdrop-filter: blur(23px);
        background: 0 0
    }
} */

@media(min-width: 768px) {
    .sgpb-popup-dialog-main-div{
        max-width:120rem
    }
}

@media(min-width: 992px) {
    .sgpb-popup-dialog-main-div{
        max-width:101.4rem
    }
}

@media(min-width: 768px) {
    .sgpb-popup-dialog-main-div{
        max-width:120rem
    }
}

/* .sgpb-popup-dialog-main-div{
    align-items: center;
    display: flex;
    margin: var(--modal-margin) auto;
    min-height: calc(100% - var(--modal-margin)*2);
    pointer-events: none;
    width: calc(100% - var(--modal-margin)*2)
} */

@media(min-width: 768px) {
    .sgpb-popup-dialog-main-div{
        max-width:64rem
    }
}

@media(min-width: 992px) {
    .sgpb-popup-dialog-main-div{
        max-width:54rem
    }
}

/* get store modal styles */
.modal-open {
    overflow: hidden
}

.modal {
    --modal-margin: calc(15px + 1.8rem);
    background: hsla(0,0%,83%,.8);
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 999;
    margin-top: 0 !important;
}

@supports((-webkit-backdrop-filter: none) or (backdrop-filter:none)) {
    .modal {
        backdrop-filter:blur(23px);
        -webkit-backdrop-filter: blur(23px);
        background: 0 0;
    }
}

@media(min-width: 768px) {
    .modal.modal--md .modal__dialog {
        max-width: 67.5rem !important;
    }
}

@media(min-width: 992px) {
    .modal.modal--md .modal__dialog {
        max-width:63.375rem !important;
    }
}

@media(min-width: 768px) {
    .modal.modal--lg .modal__dialog {
        max-width:67.5rem !important;
    }
}

.modal__dialog {
    align-items: center;
    display: flex;
    margin: var(--modal-margin) auto;
    min-height: calc(100% - var(--modal-margin)*2);
    pointer-events: none;
    width: calc(100% - var(--modal-margin)*2);
    margin-top: 1.95rem;
}

@media(min-width: 768px) {
    .modal__dialog {
        max-width:40rem
    }
}

@media(min-width: 992px) {
    .modal__dialog {
        max-width:33.75rem
    }
}

.modal__close {
    background: url('https://getstore.b-cdn.net/images/icons/x.svg') no-repeat 50%!important;
    background-size: 50% 50%!important;
    border: 1px solid #0f1c1f!important;
    border-radius: 5px;
    display: flex;
    height: 2.93rem;
    outline: none!important;
    padding: 0;
    position: absolute;
    right: 1.35rem;
    top: 1.4rem;
    width: 2.93rem
}

.modal__content {
    background: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 .013rem 1.875rem hsla(0,0%,50%,.2);
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal__content small {
    font-size: 1.375rem
}

@media(min-width: 992px) {
    .modal__content small {
        font-size:0.875rem;
    }
}

.modal__body {
    flex: 1 1 auto;
    padding: 7rem 4.8rem
}

@media(min-width: 768px) {
    .modal__body {
        padding:3.938rem 2.7rem 3.75rem;
    }
}

.modal__footer {
    border-top: 1px solid #8ca3a8;
    padding: 3rem
}

@media(min-width: 768px) {
    .modal__footer {
        margin-top:-3rem;
        padding: 1.875rem 3rem 3.75rem
    }
}

.account-modal h3 {
    letter-spacing: 0;
    margin-bottom: 2.656rem;
    width: 95%
}

.account-modal h5 {
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 1.406rem
}

.account-modal__signup {
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 3rem
}

@media(min-width: 992px) {
    .account-modal__signup {
        margin-top:2.375rem
    }
}

.account-modal__signup a {
    text-decoration: underline
}

.account-modal .form-link a {
    color: inherit!important;
    text-decoration: underline!important
}

.account-modal .form-tnc {
    position: relative
}

@media(max-width: 767.98px) {
    .account-modal .form-tnc {
        margin-bottom:2.25rem
    }
}

.account-modal .account-form {
    position: relative
}

.account-modal .account-form .account-form-error {
    color: #f1445c;
    display: block
}

@media(max-width: 767.98px) {
    .account-modal .account-form .account-form-error {
        margin-bottom:2.25rem
    }
}

.account-modal .account-form .account-form-success {
    color: #00d959;
    display: inline-block;
    margin-top: 1rem;
    text-align: center;
    width: 100%
}

.account-modal .row {
    justify-content: space-between;
    margin: 0!important
}

@media(min-width: 768px) {
    .account-modal .row .form-field {
        width:calc(50% - 0.938rem)
    }
}

.agreement-modal h3 {
    letter-spacing: 0;
    margin-bottom: 2.656rem;
    width: 95%;
    color: #0f1c1f !important;
}

.agreement-modal pre {
    word-wrap: unset;
    white-space: pre-wrap;
    word-break: break-word
}

/* .modal__content {
    font-size: 5px
}

@media(min-width: 768px) {
    .modal__content {
        font-size:5.5px
    }
}

@media(min-width: 992px) {
    .modal__content {
        font-size:6.25px
    }
}

@media(min-width: 1200px) {
    .modal__content {
        font-size:7px
    }
}

@media(min-width: 1400px) {
   .modal__content {
        font-size:8.5px
    }
}

@media(min-width: 1600px) {
    .modal__content {
        font-size:9px
    }
} */

.modal__body h3 {
    margin-top: 0 !important;
    font-size: 2.475rem !important;
    font-weight: 800 !important;
    margin-bottom: 2.391rem !important;
}

.modal__content p {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.agreement-modal pre {
    font-size: 1.013rem !important;
    line-height: 1.215rem;
}

/* Media Queries */

@media (max-width: 768px) {

.modal__body h3 {
    margin-top: 0 !important;
    font-size: 1.5rem !important;
    line-height: 1.65rem !important;
    margin-bottom: 1.328rem !important;
}

.modal__dialog {
    margin-top: 1.5rem !important;
}

.agreement-modal pre {
    font-size: 0.875rem !important;
    line-height: 1.05rem;
}

.modal {
    --modal-margin: calc(15px + 0.563rem);
    margin-top: 0 !important;
}

.modal__close {
    height: 1.625rem;
    outline: none!important;
    padding: 0;
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    width: 1.625rem
}

.modal__content {
    background: #fff;
    border-radius: 0.625rem;
    box-shadow: 0 .013rem 1.875rem hsla(0,0%,50%,.2);
    display: flex;
    flex-direction: column;
    outline: 0;
    pointer-events: auto;
    position: relative;
    width: 100%
}

.modal__content small {
    font-size: 1.375rem
}

.modal__body {
    flex: 1 1 auto;
    padding: 2.188rem 1.5rem
}

.modal__footer {
    border-top: 1px solid #8ca3a8;
    padding: 3rem
}

.account-modal h3 {
    letter-spacing: 0;
    margin-bottom: 2.656rem;
    width: 95%
}

.account-modal h5 {
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 1.406rem
}

.account-modal__signup {
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 3rem
}

@media(min-width: 992px) {
    .account-modal__signup {
        margin-top:2.375rem
    }
}

.account-modal__signup a {
    text-decoration: underline
}

.account-modal .form-link a {
    color: inherit!important;
    text-decoration: underline!important
}

.account-modal .form-tnc {
    position: relative
}

@media(max-width: 767.98px) {
    .account-modal .form-tnc {
        margin-bottom:2.25rem
    }
}

.account-modal .account-form {
    position: relative
}

.account-modal .account-form .account-form-error {
    color: #f1445c;
    display: block
}

@media(max-width: 767.98px) {
    .account-modal .account-form .account-form-error {
        margin-bottom:2.25rem
    }
}

.account-modal .account-form .account-form-success {
    color: #00d959;
    display: inline-block;
    margin-top: 1rem;
    text-align: center;
    width: 100%
}

.account-modal .row {
    justify-content: space-between;
    margin: 0!important
}

@media(min-width: 768px) {
    .account-modal .row .form-field {
        width:calc(50% - 0.938rem)
    }
}

.agreement-modal h3 {
    letter-spacing: 0;
    margin-bottom: 2.656rem;
    width: 95%
}

.agreement-modal pre {
    word-wrap: unset;
    white-space: pre-wrap;
    word-break: break-word
}
}