/*
Theme Name: Twenty Twenty-One Child-Theme
Theme URI: https://ckx.io/blog/twentytwentyone-child-theme
Description: Ein Child-Theme für das WordPress Standard Theme Twenty Twenty-One.
Author: Belal Karim
Author URI: https://karim-online.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root {
    --button--padding-vertical: 10px;
    --global--font-size-xxl: 1.5rem;
    --global--font-size-xxxl: 1.5rem;
    --global--font-size-xl: 1.5rem
}



/** ######## HEADER */
.site-header {
    padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
    border-bottom: 1px solid;
    text-align: center;
}


@media only screen and (min-width: 482px) {
    .site-logo .custom-logo {
        max-width: unset;
        max-height: unset;
        height: 38px;
        width: 174px;
    }


}

@media only screen and (max-width: 481px) {
    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
        max-height: unset;
    }
    .site-logo .custom-logo {
        max-width: unset;
        max-height: unset;
        height: 38px;
        width: 174px;
    }
}





/** ######## singular page */

.singular .entry-header {
    border-bottom: unset;
    padding-bottom: unset;
    margin-bottom: unset;
}

h1.entry-title {
    font-size: var(--heading--font-size-h3);
    letter-spacing: var(--heading--letter-spacing-h3);
    line-height: var(--heading--line-height-h3);
}

.singular .entry-title {
    font-size: 32px;
}


.no-widgets .site-footer {
    margin-top: 0px;
}

/** ######## FOOTER */
footer .site-name {
    text-align: center;
}


/** ######## FORM */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.site textarea {
    border: 1px solid #000;
    border-radius: unset;
    color: unset;
    line-height: unset;
    padding: var(--form--spacing-unit);
    margin: 0 2px;
    max-width: 100%;
}
