/** Global fonts and variables */
@import "fonts.css";
@import "variables.css";
@import "backgrounds/gradients.css";

/** Standard HTML components */
@import "common/buttons.css";
@import "common/fields.css";

/** WP Basic parts components */
@import "parts/header.css";
@import "parts/main.css";
@import "parts/footer.css";

/** Patterns CSS */
/* This patterns is loaded as needed by functions.php */
@import "patterns/hero-home.css";


/* ====== Base Reset ====== */
/** should be set as !important but it crashes the admin area when done so **/
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

/* ====== Global Layout ====== */
body {
    font-family: 'Montserrat-Variable', 'Montserrat', sans-serif !important;
    background: #FFFFFF !important;
    padding: 0px !important;
    margin: 0px !important;
}

main {
    margin-block-start: -24px !important;
    margin-block-end: -20px !important;
}

main main {
    margin-bottom: 0px !important;
}

/*.is-layout-constrained {*/
/*    max-width: none !important;*/
/*}*/

/*.has-global-padding {*/
/*    padding-right: 10px !important;*/
/*    padding-left: 10px !important;*/
/*}*/

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

/** alignments **/
.align-content-center {
    align-content: center !important;
}

/** sized blocks **/
/** width **/
.width-200 {
    min-width: 200px !important;
    max-width: 200px !important;
}

.width-300 {
    min-width: 300px !important;
    max-width: 300px !important;
}

.width-350 {
    min-width: 350px !important;
    max-width: 350px !important;
}

.width-450 {
    min-width: 450px !important;
    max-width: 450px !important;
}

.width-600 {
    min-width: 600px !important;
    max-width: 600px !important;
}


/** height **/
.height-200 {
    min-height: 200px !important;
    max-height: 200px !important;
}

.height-250 {
    min-height: 250px !important;
    max-height: 250px !important;
}

.height-300 {
    min-height: 300px !important;
    max-height: 300px !important;
}

.height-350 {
    min-height: 350px !important;
    max-height: 350px !important;
}

.height-450 {
    min-height: 450px !important;
    max-height: 450px !important;
}

.height-600 {
    min-height: 600px !important;
    max-height: 600px !important;
}


/* Navigation Meny */

#joii-navigation-menu {
    background: none !important;
    background-color: unset !important;
}

.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
    color: #fff !important;
}

/**
Mobile
 */
@media only screen and (max-width: 768px) {
    /** width **/
    .width-200,
    .width-300,
    .width-350,
    .width-450,
    .width-600 {
        min-width: unset !important;
        max-width: unset !important;
    }

    /** height **/
    .height-200,
    .height-250,
    .height-300,
    .height-350,
    .height-450,
    .height-600 {
        min-height: unset !important;
        max-height: unset !important;
    }
}

<!--
/*********************************************************************-->
<!-- CSS ADJUSTMENTS FROM PREVIOUS THEME -->
<!--*********************************************************************/
-->

.decoration-none, .decoration-none a {
    text-decoration: none !important;
}

.wp-block-cover a, .wp-block-cover a:where(:not(.wp-element-button)) {
    text-decoration: none !important;
}

.wp-block-search .wp-element-button, .wp-block-search .wp-block-button__link {
    border-width: 1px !important;
}

:root :where(.wp-block-post-terms a:where(:not(.wp-element-button))) {
    text-decoration: none;
    background: var(--wp--preset--color--white);
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: smaller;
}

:root :where(.wp-element-button, .wp-block-button__link),
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    padding-right: 1.3rem;
    padding-left: 1.3rem;
}

.wp-block-post-terms .wp-block-post-terms__separator {
    visibility: hidden;
}

.wp-block-search__input {
    border: 1px solid var(--wp--preset--color--contrast);
}

/* .spcollapsing {*/
/*     margin-bottom: -1em !important;*/
/* }*/

/*.rotation_right_30 {*/
/*    transform: rotate(30deg);*/
/*}*/

/*.outline-red-text-vanilla a:where(:not(.wp-element-button)) {*/
/*    color: var(--wp--preset--color--joii-labs-footer-vanilla) !important;*/
/*    text-decoration: none*/
/*}*/

/*!* FAQ style *!*/
/*.sp-easy-accordion .sp-ea-single .ea-header {*/
/*    margin-top: -1.5em !important;*/
/*    margin-bottom: -3em !important;*/
/*}*/

/*#sp-ea-1098.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body {*/
/*    margin-bottom: -1em !important;*/
/*}*/

/*!* Hide the default icon *!*/
/*.ea-expand-icon {*/
/*    display: none;*/
/*}*/

/*!* Add a custom background image for the collapsed state *!*/
/*.sp-easy-accordion a.collapsed::before {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    width: 45px; !* adjust as needed *!*/
/*    height: 45px;*/
/*    background-image: url('https://staging-assets.joiicare.com/2025/04/faq-plus2.png'); !* replace with your image URL *!*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    vertical-align: middle;*/
/*}*/

/*!* Add a custom background image for the expanded state *!*/
/*.sp-easy-accordion a:not(.collapsed)::before {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    width: 45px; !* adjust as needed *!*/
/*    height: 45px;*/
/*    background-image: url('https://staging-assets.joiicare.com/2025/04/faq-minus2.png'); !* replace with your image URL *!*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    vertical-align: middle;*/
/*}*/

/*.field-icon.eye-close, .field-icon.eye-open {*/
/*    top: 40% !important;*/
/*}*/

/*.nav-item-0 {*/
/*    color: var(--wp--preset--color--light-blue) !important;*/
/*}*/

/*.nav-item-1 {*/
/*    color: var(--wp--preset--color--orange) !important;*/
/*}*/

/*.nav-item-2 {*/
/*    color: var(--wp--preset--color--light-green) !important;*/
/*}*/

/*.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {*/
/*    padding-top: 10px;*/
/*    width: 230px !important;*/
/*    border: unset;*/
/*}*/

/*.wp-block-navigation__submenu-container {*/
/*    border: unset;*/
/*    border-radius: 20px !important;*/
/*}*/

/*.wp-block-navigation .wp-block-navigation-item {*/
/*    background: unset;*/
/*}*/

/*.wp-block-navigation__submenu-item {*/
/*    border: unset;*/
/*    border-radius: 20px !important;*/
/*}*/

/*body {*/
/*    padding: 1.0rem;*/
/*}*/

/*.purple-shadow {*/
/*    color: var(--wp--preset--color--purple);*/
/*    text-shadow: -3px -3px 0 #ec72e2,*/
/*    3px -3px 0 #ec72e2,*/
/*    -3px 3px 0 #ec72e2,*/
/*    3px 3px 0 #ec72e2;*/
/*}*/

/*.pink-shadow {*/
/*    color: var(--wp--preset--color--purple);*/
/*    text-shadow: -3px -3px 0 var(--wp--preset--color--pink),*/
/*    3px -3px 0 var(--wp--preset--color--pink),*/
/*    -3px 3px 0 var(--wp--preset--color--pink),*/
/*    3px 3px 0 var(--wp--preset--color--pink);*/
/*}*/

/*.outline-purple-text-pink {*/
/*    color: var(--wp--preset--color--pink);*/
/*    -webkit-text-stroke: 0.001em var(--wp--preset--color--purple);*/
/*    font-weight: bold;*/
/*    text-shadow: 0px 0px 0 var(--wp--preset--color--pink);*/
/*}*/

/*.outline-red-text-yellow {*/
/*    color: var(--wp--preset--color--yellow);*/
/*    -webkit-text-stroke: 0.001em var(--wp--preset--color--red);*/
/*    font-weight: bold;*/
/*    text-shadow: 0px 0px 0 var(--wp--preset--color--yellow);*/
/*}*/

/*.outline-red-text-vanilla {*/
/*    color: var(--wp--preset--color--joii-labs-footer-vanilla);*/
/*    -webkit-text-stroke: 0.001em var(--wp--preset--color--red);*/
/*    font-weight: bold;*/
/*    text-shadow: 0px 0px 0 var(--wp--preset--color--joii-labs-footer-vanilla);*/
/*}*/

/*.offsetted-outline-red-text-yellow {*/
/*    color: transparent;*/
/*    -webkit-text-stroke: 0.001em var(--wp--preset--color--red);*/
/*    font-weight: bold;*/
/*    text-shadow: 5px 0px 0 var(--wp--preset--color--yellow);*/
/*    transform-origin: 0 0px;*/
/*    transform: translate(-3px, -3px)*/
/*}*/

/*.offsetted-outline-red-text-vanilla {*/
/*    color: transparent !important;;*/
/*    -webkit-text-stroke: 0.001em var(--wp--preset--color--red) !important;*/
/*    font-weight: bold;*/
/*    text-shadow: 5px 0px 0 var(--wp--preset--color--joii-labs-footer-vanilla) !important;;*/
/*    transform-origin: 0 0px;*/
/*    transform: translate(-3px, -3px)*/
/*}*/

/*.download4free, .download4free a {*/

/*    line-height: 20px;*/
/*    margin-top: -7px;*/
/*    margin-bottom: -7px;*/

/*    text-decoration: none;*/
/*    text-align: center;*/
/*    color: var(--wp--preset--color--yellow);*/
/*    -webkit-text-stroke: 0.001em var(--wp--preset--color--red);*/
/*    font-weight: bold;*/
/*    text-shadow: 0px 0px 0 var(--wp--preset--color--yellow);*/
/*}*/

/*.download4free-big {*/
/*    font-size: 1.6em;*/
/*}*/

/*@media only screen and (max-width: 599px) {*/
/*    #joii-navigation-menu {*/
/*        width: 95% !important;*/
/*    }*/

/*    .wp-block-navigation-item-selected {*/
/*        padding-top: 31px !important;*/
/*        position: relative !important;*/
/*        top: -20px !important;*/
/*        border-top: 8px solid !important;*/
/*    }*/

/*    .wp-block-navigation-item-selected {*/
/*        text-decoration: underline 5px;*/
/*    }*/

/*    .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {*/
/*        text-align: center !important;*/
/*    }*/

/*    body {*/
/*        padding-left: 10px;*/
/*        padding-right: 10px;*/
/*    }*/

/*    .purple-shadow {*/
/*        text-shadow: -2px -2px 0 #ec72e2,*/
/*        2px -2px 0 #ec72e2,*/
/*        -2px 2px 0 #ec72e2,*/
/*        2px 2px 0 #ec72e2;*/
/*    }*/

/*    .pink-shadow {*/
/*        text-shadow: -2px -2px 0 var(--wp--preset--color--pink),*/
/*        2px -2px 0 var(--wp--preset--color--pink),*/
/*        -2px 2px 0 var(--wp--preset--color--pink),*/
/*        2px 2px 0 var(--wp--preset--color--pink);*/
/*    }*/

/*    .outline-purple-text-pink {*/
/*        -webkit-text-stroke: 0.05em var(--wp--preset--color--purple);*/
/*    }*/

/*    .outline-red-text-yellow {*/
/*        -webkit-text-stroke: 0.05em var(--wp--preset--color--red);*/
/*    }*/

/*    .outline-red-text-vanilla {*/
/*        -webkit-text-stroke: 0.05em var(--wp--preset--color--red);*/
/*    }*/

/*    .offsetted-outline-red-text-yellow {*/
/*        -webkit-text-stroke: 0.05em var(--wp--preset--color--red);*/
/*    }*/

/*    .offsetted-outline-red-text-vanilla {*/
/*        -webkit-text-stroke: 0.05em var(--wp--preset--color--red);*/
/*    }*/

/*}*/

/*@media only screen and (min-width: 600px) {*/
/*    .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {*/
/*        padding-left: 50px !important;*/
/*        font-size: 1.2em;*/
/*    }*/
/*}*/