/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

dialog.data-consent {
    font-size: 16px !important;
}

dialog.data-consent .data-consent-focus-catch {
       height: 0;
       overflow: hidden;
       outline: 0;
}

dialog.data-consent .hl-and-logo {
    display: flex;
    flex-flow: reverse;
    width: 100;
    align-items: first baseline;
}

dialog.data-consent h2 {
    hyphens: auto;
    margin: 0;
    flex-grow: 3;
}

dialog.data-consent .logo {
    margin: 0;
    padding-left: 1rem;
}

dialog.data-consent p {
    line-height: 1.5;
    margin-bottom: 0 !important;
}

dialog.data-consent .notice-content {
    font-size: 0.9em;
}

dialog.data-consent {
    --primary-color: #0057a3;
    --box-backround: rgba(216, 216, 216, 1);
}

@media (max-width: 890px) {
    dialog.data-consent .hl-and-logo {
        align-items: center;
    }
}

@media (max-width: 640px) {
    dialog.data-consent {
        padding: 15px;
    }
    dialog.data-consent h2 {
        font-size: 1.4em;
    }
    dialog.data-consent form:after {
        height: 15px;
    }
    dialog.data-consent menu>*+* {
        margin-top: 0.5em;
    }
    dialog.data-consent form .data-consent-options {
        margin-top: 0.75em;
        margin-bottom: -1em;
    }
    dialog.data-consent p {
        hyphens: auto;
    }
}