/*
Theme Name: Joker
Author: ID Dev
Description: Thema for the Joker website
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: APACHE LICENSE, VERSION 2.0
License URI: http://www.apache.org/licenses/LICENSE-2.0
Text Domain: joker
*/

:root :where(.wp-element-button, .wp-block-button__link):hover {
	background-color: var(--wp--preset--color--secondary);
}

.admin-bar header {
    top: 32px;
}

header {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    border-bottom: 1px solid var(--wp--preset--color--contrast-shade-transparent);
}

header .navigation {
    display: flex;
    width: 100%;
    max-width: var(--wp--style--global--content-size);
    margin-left: auto;
    margin-right: auto;
}

header .navigation .wp-block-site-logo {
    margin-left: 0!important;
    height: 9em;
    padding: 1em 0.5em 2em;
    background: var(--wp--preset--color--white);
    margin-bottom: -3em;
    -webkit-mask-position: bottom center;
    mask-position: bottom center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 140 212"><path d="M139.87,0H0l.33,184.87s35.02,27.13,69.33,27.13,70.34-27.13,70.34-27.13l-.13-184.87Z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 140 212"><path d="M139.87,0H0l.33,184.87s35.02,27.13,69.33,27.13,70.34-27.13,70.34-27.13l-.13-184.87Z"/></svg>');
    box-shadow: 3px 0px 7px var(--wp--preset--color--drop-shadow);
}

header .navigation .wp-block-site-logo .custom-logo-link,
header .navigation .wp-block-site-logo img  {
    height: 100%;
    width: auto;
}

header .navigation .wp-block-navigation {
    margin-top: 0;
}

header .navigation .wp-block-navigation.items-justified-right {
    margin-right: 0!important;
}

main {
    margin-top: 0;
}

.wp-block-cover .content {
    max-width: 14em;
}

.entry-content > * {
    margin-top: 0;
    margin-bottom: 0;
}

.entry-content .wp-block-cover {
    max-width: none;
    width: 100%;
    padding: 0;
}

.entry-content .wp-block-cover:first-child {
    padding-top: 6em;
    min-height: 80vh;
}

.entry-content .wp-block-cover:first-child .wp-block-cover__inner-container {
    padding-top: 5em;
    padding-bottom: 5em;
}

.wp-block-navigation .wp-block-navigation-link:hover {
    color: var(--wp--preset--color--accent);
}

h1.sub-title,
h2.sub-title,
h3.sub-title,
h4.sub-title {
    font-family: var(--wp--preset--font-family--alegreya-sans-sc);
    font-weight: 400;
    font-size: 1.6em;
}

.section:not(.full),
.section.full .text {
    padding-top: 4em;
    padding-bottom: 4em;
}

.section.bordered .content {
    padding: 3em 3em;
    border-top: 8px solid var(--wp--preset--color--primary);
    border-bottom: 8px solid var(--wp--preset--color--primary);
}

.image-text-row {
    column-gap: 5rem;
}

footer {
    margin: 0;
    padding: 3em 0;
}

footer .content {
    align-items: flex-start;
}

footer .navigation-wrapper {
    flex: 1 1 auto;
}

footer .address-wrapper {
    flex: 0 0 auto;
}

footer .address-wrapper .wp-block-heading {
    font-size: 2em;
}

footer .address-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .address-wrapper ul li {
    margin: 0;
}

@media only screen and (min-width:768px) {
    .wp-block-cover .content {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .image-text-row.full {
        --row-margin: calc(100% - var(--wp--style--global--content-size));
        --row-margin-half: calc(var(--row-margin) / 2);
        align-items: stretch;
    }

    .image-text-row.full .image {
        position: relative;
    }

    .image-text-row.full .image figure {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .image-text-row.full .image figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .image-text-row .text {
        flex: 1 1 60%;
    }

    .image-text-row.full:not(.right) .text {
        margin-left: var(--row-margin-half);
    }

    .image-text-row.full.right .text {
        margin-right: var(--row-margin-half);
    }

    .image-text-row .image {
        flex: 1 0 40%;
    }

    footer .navigation-wrapper .wp-block-navigation__container {
        column-gap: 3em;
    }

}

@media only screen and (max-width:767px) {
    .wp-block-cover .content {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
    }

    .wp-block-group.is-layout-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .image-text-row {
        flex-direction: column;
        row-gap: 0;
        text-align: center;
    }

    .image-text-row.full .text {
        max-width: var(--wp--style--global--content-size);
        margin-left: auto;
        margin-right: auto;
    }

    .wp-block-buttons.is-content-justification-right {
        justify-content: center;
    }

    .image-text-row .image:last-child {
        margin-top: 24px;
    }

    .section.bordered .content {
        padding-left: 2em;
        padding-right: 2em;
    }

    footer .content {
        flex-direction: column;
        align-items: stretch;
    }
    
    footer .navigation-wrapper .wp-block-navigation__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}