/*
Theme Name: Pohoda24
Description: Pohoda theme 2024 by Marie Vavrochová
Author: Marie Vavrochová
Author URI: https://www.marketingove-strategie.cz/
Template: twentytwentyfour
Version: 1.0
Domain: p24

*/

/* header */
header {
    background-color: var(--wp--preset--color--white);
}

.wp-block-site-title a:link {
    color: var(--wp--preset--color--orange);
}

.sticky {
    position: sticky;
    top: 0;
}

.mobileonly {
    display: none;
}

.mobilebutton {
    border: 1px solid var(--wp--preset--color--dark-green);
    border-radius: 5px;
    padding: .25rem .5rem;
}

@media screen and (min-width: 480px) {
    .mobileonly {
        display: inline;
    }

    .mobilebutton {
        border: none;
    }

}

/* content */
@media (max-width: 361px) {
    .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
        margin: 0;
        width: calc(100% - var(--wp--style--unstable-gallery-gap, 16px));
    }
}

.left-text-block,
.right-text-block {
    display: flex;
    flex-direction: column;
    margin-top: var(--wp--preset--spacing--10) !important;
    margin-bottom: var(--wp--preset--spacing--10) !important;
    padding-top: var(--wp--preset--spacing--10) !important;
    padding-bottom: var(--wp--preset--spacing--10) !important;
}

.left-text-block:has(.has-light-gray-backgroud-color),
.right-text-block:has(.has-light-gray-backgroud-color){
    box-shadow: 0 calc(var(--wp--preset--spacing--10) / 2) calc(var(--wp--preset--spacing--10) / 2) 0 #f9f9f9;
}

.left-text-block .text-box,
.right-text-block .text-box {
    margin-top: -15%;
    z-index: 1;
    background-color: rgba(240,240,240,0.90);
    padding-top: var(--wp--preset--spacing--10);
    padding-bottom: var(--wp--preset--spacing--10);
    border-radius: 3px;
}

.left-text-block .text-box {
    order: 1;
    margin-right:  10%;
}

.left-text-block .img-box {
    order: 0;
}

.right-text-block .text-box {
    margin-left:  10%;
}

.left-text-block .text-box {
    margin-right:  0;
    margin-left: 10%;
}

.right-text-block .text-box {
    margin-left:  0;
    margin-right: 10%;
}

@media screen and (min-width: 767px) {
    .left-text-block,
    .right-text-block {
        flex-direction: row;
    }

    .left-text-block .text-box {
        order: -1;
    }

    .left-text-block .img-box {
        order: 2;
    }

    .left-text-block .img-box,
    .right-text-block .img-box {
        max-width: 40%;
    }

    .left-text-block .text-box,
    .right-text-block .text-box {
        margin-top: 0;
    }

    .left-text-block .text-box {
        order: 1;
        margin-right:  -10%;
        margin-left: 0;
    }
    
    .right-text-block .text-box {
        margin-left:  -10%;
        margin-right: 0;
    }

}

/* footer */

footer {
    margin-block-start: 0px;
    background-color: var(--wp--preset--color--dark-green);
    color: var(--wp--preset--color--white);
}

footer a:link,
footer a:link span {
    text-decoration: none;
    font-weight: 500;
    color: var(--wp--preset--color--orange);
}