/*
 Theme Name:   Astra Child
 Theme URI:    https://edwin-haering.de/astra-child/
 Description:  Website edwin-haering.de
 Author:       Nigel Twentyman
 Author URI:   https://twentyman-it.net
 Template:     astra
 Version:      4.6.7
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  astrachild
*/

@import url("../astra-child/font-awesome/css/all.css");

:root {
    --nt-colour-black: #1c1917;
    --nt-colour-offwhite: rgb(240, 240, 240);
    --nt-colour-primary: #e31e25;
    --nt-colour-secondary: #ffec00;
    --nt-colour-smokey-black: #32302e;
    --nt-space-menu-li: 0.5rem;
    --nt-box-radius: 8px;
    --nt-space-after-icon: 0.5rem;
}

/********************
Cookie Consent
********************/
/* Cookie Banner Box Header .cli_messagebar_head  */
#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head {
    color: var(--nt-colour-black);
    font-weight: bold;
}

/* Text in first message box */
.cli-bar-message,
.cli-bar-btn_container {
    font-size: 14px;
    line-height: 1.4;
}

/* Heading in Cookie settings box */
.cli-tab-container h4,
.cli-tab-container h4 {
    color: var(--nt-colour-black);
    font-weight: bold;
}

/* Line up left of Einverstanden button */
#wt-cli-accept-all-btn {
    margin-left: 0px;
}

/* Format Cookie detail button same as Einverstanden button */
#wt-cli-privacy-save-btn {
    font-size: 13px;
    line-height: 1;
    padding: 9px 12px 9px 12px;
}

#cliSettingsPopup div.cli-tab-header > a {
    text-transform: none;
}

/* Global style */
.wp-block-group__inner-container > .wp-block-group {
    padding-left: 2rem;
    padding-right: 2rem;
}

.nt-block-hero {
    background-color: var(--nt-colour-secondary);
    &.nt-block-hero-img.wp-block-group {
        padding-bottom: 0;
    }
    &.wp-block-group {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        & .wp-block-group__inner-container > .wp-block-group {
            padding-top: 0;
            padding-bottom: 0;
        }
        & figure {
            margin-bottom: 0;
        }
        & p:first-of-type {
            margin-bottom: 0;
        }
    }
}

.nt-site-header {
    background-color: var(--nt-colour-secondary);
    padding: 15px;
}

.nt-motd {
    background-color: rgb(205, 203, 203);
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--nt-colour-primary);
    & > div:nth-of-type(2) {
        text-align: center;
        & p {
            margin-bottom: 0;
            display: flex;
            letter-spacing: 0.2em;
            font-size: 16px;
        }

        & div {
            display: flex;
            align-items: center;
        }
    }
    & > div:nth-of-type(1) {
        margin-right: 0.2rem;
    }
    & > div:nth-of-type(3) {
        margin-left: 0.2rem;
    }
}

/*************
Fonts and Headers 
**************/
/* Remove white space after H1 heading */
.entry-content h1 {
    margin-bottom: 0px;
}

/* Simulate H2 Headers */
h2.nt-header {
    font-size: 23px;
    font-weight: 500;
    line-height: 2.5rem;
    word-break: word;
}

.nigel-whitetext {
    color: var(--nt-colour-offwhite);
}

.nigel-kontaktlink {
    text-align: center;
    margin-bottom: 24px;
}

.nigel-banner {
    background-color: #2a3338;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.nt-block-contact {
    /*background-color: #1C1917;*/
    padding-top: 1rem;
    padding-bottom: 5rem;
    & .wp-block-group__inner-container {
        & > .wp-block-group {
            display: flex;
            align-items: stretch;
            padding-top: 0;
            padding-bottom: 0;
            justify-content: center;
            flex-wrap: wrap;
            & > .wp-block-group {
                border: solid var(--nt-colour-smokey-black) 2px;
                border-radius: var(--nt-box-radius);
                padding: 20px;
                width: 245px;
                flex-direction: column;
                gap: 1rem;
                & .wp-block-image {
                    margin-bottom: 1em;
                }
                & .nigel-iconv {
                    padding-right: 0px;
                    color: var(--nt-colour-primary);
                    text-align: center;
                }
                & p {
                    font-size: var(--wp--preset--font-size--normal);
                }
            }
        }
    }
}

.nt-block-contact-header {
    padding-top: 3rem;
    padding-bottom: 0rem;
    & .wp-block-columns {
        margin-top: 0;
    }
    & h3 {
        font-size: 2rem;
        font-weight: 500;
    }
}

.nt-block-admin i.fas {
    margin-right: var(--nt-space-after-icon);
}

/*.nt-block-admin .wp-block-group__inner-container :last-child, .wp-block-table table {*/
figure.wp-block-table {
    margin-bottom: 1.6rem;
}

/*
* T-IT Log
*/

.nt-tit {
    & p {
        margin-top: 2rem;
        font-weight: 400 !important;
        letter-spacing: 0.1em;
        font-style: italic;
    }
    & img {
        height: 46px;
    }
    & > div.nt-tit-logo {
        display: inline-block;
        &:hover {
            border: solid #00cc00 2px;
            border-radius: 6px;
            margin-top: -8px;
            margin-left: -8px;
            margin-bottom: -8px;
            & img {
                margin: 6px !important;
            }
        }
    }
}

.ast-site-identity {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

footer {
    & .ast-small-footer-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        & .ast-small-footer-section:first-of-type {
            /* Contact data block */
            display: flex;
            flex-direction: column;
            text-align: left;
            margin-left: 2rem;
            & > a {
                &:not(:last-child) {
                    margin-bottom: var(--nt-space-menu-li);
                }
            }
        }
        & .ast-small-footer-section:last-of-type {
            margin-top: 0;
            /* Footer menu block */
            & #menu-footer_menu {
                text-align: right;
                margin-right: 2rem;
            }
        }
    }
    /* Space after icons */
    i.fas {
        margin-right: var(--nt-space-after-icon);
    }
}

#nt-footer-copyright {
    background-color: var(--nt-colour-smokey-black);
    color: white;
    display: flex;
    justify-content: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    & a {
        color: white;
    }
}

.nt-block-services {
    background-color: #1c1917;
    padding-bottom: 5rem;
    & .wp-block-group__inner-container > .wp-block-group {
        padding-top: 0;
        &:last-of-type {
            /* Grid container */
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 3rem;
            align-items: stretch;
            padding-bottom: 0;
            & > .wp-block-group {
                /* Grid items */
                background-color: var(--nt-colour-smokey-black);
                padding: 2rem;
                border-radius: var(--nt-box-radius);
                & p {
                    /* Prevent overflow */
                    max-width: 100%;
                }
            }
        }
        & figure {
            margin-top: 0;
            margin-bottom: 0;
        }
    }
    & h2,
    h3 {
        color: var(--nt-colour-offwhite);
    }
    & p {
        color: var(--nt-colour-secondary);
    }
}

.nt-block-post-hero {
    padding-top: 1.6rem;
    padding-bottom: 2rem;
}

/*************
Responsive Design

The template works in the opposite manner to mobile first!
***************/

/* Smaller than 1200px */
@media (max-width: 1200px) {
    .nt-block-services {
        & .wp-block-group__inner-container > .wp-block-group {
            &:first-of-type {
                padding-bottom: 3rem;
            }
            &:last-of-type {
                /* Grid container */
                grid-template-columns: 1fr 1fr;
            }
        }
    }
}

/* Smaller than 782px */
@media (max-width: 782px) {
    .nt-block-services {
        & .wp-block-group__inner-container > .wp-block-group:last-of-type {
            /* Grid container */
            display: flex;
            flex-direction: column;
        }
    }
    footer {
        & .ast-small-footer-wrap {
            & .ast-small-footer-section:last-of-type #menu-footer_menu {
                display: flex;
                flex-direction: column;
                & li:not(:last-of-type) {
                    margin-bottom: var(--nt-space-menu-li);
                }
            }
        }
    }
}

/* Smaller than 544px */
@media (max-width: 544px) {
    /* Global style */
    .wp-block-group__inner-container > .wp-block-group {
        padding-left: 0;
        padding-right: 0;
    }

    .nt-block-hero.nt-block-hero-img.wp-block-group {
        padding-left: 0;
        padding-right: 0;
    }

    .nt-block-services {
        & .wp-block-group__inner-container > .wp-block-group:last-of-type {
            /* Grid container */
            & > .wp-block-group {
                /* Grid items */
                padding: 1.2rem;
            }
        }
    }

    footer {
        & .ast-small-footer-wrap {
            gap: 3rem;
            grid-template-columns: 1fr;
            & .ast-small-footer-section:first-of-type {
                margin-left: 0;
            }
            & .ast-small-footer-section:last-of-type #menu-footer_menu {
                margin-right: 0;
                flex-direction: row;
                justify-content: center;
                flex-wrap: wrap;
            }
        }
    }
}