@charset "UTF-8";

/**
 * Theme Name:        TwentyTwentyThree Saprisoft
 * Template:          twentytwentythree
 * Theme URI:         
 * Description:       Customizations for Necessity
 * Author:            Sander Oosterwijk
 * Text Domain:       twentytwentythree saprisoft
 * Requires at least: 5.9
 * Tested up to:      6.6
 * Requires PHP:      7.4
 * Version:           1.0.0
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

:root {
    /* --global--color-beidge: #d9c5ab !important; */
}

.sapri-blink {
    animation: sapri-blinker 2s infinite;
}

@keyframes sapri-blinker {
    from {
        opacity: 1.0;
    }

    50% {
        opacity: 0;
    }

    to {
        opacity: 1.0;
    }
}

.sapri-full-height {
    height: 100%;
}

.sapri-content-height {
    margin-top: 0 !important;
    min-height: 500px;
    height: 500px;
}

.sapri-skip-content-height {
    margin-top: 0 !important;
}

/* Small phone portrait */
@media only screen and (min-device-width: 350px) and (max-device-width: 375px) and (orientation: portrait) {
    .sapri-content-height:not(:has(.sapri-skip-content-height)) {
        margin-top: 110px !important;
        min-height: 400px;
        height: 400px;
    }

    .sapri-flex-wrap .is-layout-flex {
        flex-wrap: wrap !important;
    }
}

/* Larger Phone portrait */
@media only screen and (min-device-width: 376px) and (max-device-width: 450px) and (orientation: portrait) {
    .sapri-content-height:not(:has(.sapri-skip-content-height)) {
        margin-top: 180px !important;
        min-height: 470px;
        height: 470px;
    }

    .sapri-flex-wrap .is-layout-flex {
        flex-wrap: wrap !important;
    }
}


/* Phone landscape */
@media only screen and (min-device-width: 650px) and (max-device-width: 950px) and (orientation: landscape) {
    .sapri-content-height:not(:has(.sapri-skip-content-height)) {
        margin-top: 0 !important;
        min-height: 230px;
        height: 230px;
    }

    .sapri-flex-wrap .is-layout-flex {
        flex-wrap: wrap !important;
    }
}