/*
Theme Name: Taxolt
Theme URI: https://mobecls.com/taxolt
Author: Your Name
Author URI: https://mobecls.com
Description: A hybrid WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taxolt
Tags: hybrid, block, classic
*/

:root {
    --global--spacing-horizontal: 20px;
    --global--spacing-vertical: 30px;
    --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
    --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
    --responsive--alignfull-width: 100%;
}

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

    :root {
        --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
        --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
    }

}

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

    :root {
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1420px);
    }

}

:root {
    height: 100%;
}

body {
    height: 100%;

    &.fixed {
        height: 100vh;
        overflow: hidden;
    }

    .site {
        height: 100%;
        display: flex;
        flex-direction: column;

        .site-main {
            flex: auto;
        }
    }
}

.wrap-container {
    width: var(--responsive--alignwide-width);
    max-width: var(--responsive--alignfull-width);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.post-content> :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.wp-block-group)) {
    box-sizing: border-box;
    width: var(--responsive--aligndefault-width);
    max-width: var(--wp--style--global--content-size);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.post-content>.wp-block-group>:where(:not(.alignwide):not(.alignfull)) {
    width: var(--responsive--aligndefault-width);
    max-width: var(--wp--style--global--content-size);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.post-content>.wp-block-group.alignwide {
    width: var(--responsive--alignwide-width);
    max-width: var(--wp--style--global--wide-size);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.is-layout-constrained> :where(.alignfull) {
    max-width: var(--wp--style--global--wide-size);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.is-layout-constrained> :where(.alignfull)> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--responsive--alignfull-width);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

:where(.wp-block-group.has-background) {
    padding: var(--global--spacing-vertical) calc(var(--global--spacing-horizontal) * 0.6);
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace;
    font-size: 1em;
}