@import "typo.css";

/* Container */
.esfz-cookie-complianz #cmplz-cookiebanner-container {
    margin: 0 auto;
    z-index: 99999999999999999999;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.esfz-cookie-complianz .cmplz-cookiebanner {
    background-color: #ffffff;
    font-family: 'circular', sans-serif;
}

/* Header */
.esfz-cookie-complianz .cmplz-logo { display: none !important; }
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-header {
    grid-template-columns: 0;

}

/* Title */
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-title { justify-self: normal; color: #212121; font-size: 18px;font-weight: normal; }

/* Message */
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-message,
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-message a { color: #212121; font-size: 16px; line-height: 1.5; }

/* All buttons */
.esfz-cookie-complianz button, .esfz-cookie-complianz input[type="submit"], .esfz-cookie-complianz input[type="button"], .btn { text-transform: none; }
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{ font-size: 14px;font-family: 'circular', sans-serif !important; }
/* Buttons border radius */
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { border-radius: 50px; }
/* Overwrite box shadow */
body.esfz-cookie-complianz:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close),
body.esfz-cookie-complianz:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close):hover{
    box-shadow: none;
}
/* Accept button */
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    background-color: #212121;
    border: 1px solid #212121;
    color: white;
}

.esfz-cookie-complianz .cmplz-cookiebanner :not( .mejs-button ) > button.cmplz-accept:hover,
.esfz-cookie-complianz .cmplz-cookiebanner  :not( .mejs-button ) > button.cmplz-accept:focus {
    background: white;
    color: #212121 !important;
    border-color: #212121;
}

/* settings & deny buttons */
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences,
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
    background-color: white;
    border: 1px solid #212121;
    color: #212121;
}
.esfz-cookie-complianz .cmplz-cookiebanner  :not( .mejs-button ) > button.cmplz-view-preferences:hover,
.esfz-cookie-complianz .cmplz-cookiebanner  :not( .mejs-button ) > button.cmplz-view-preferences:focus,
.esfz-cookie-complianz .cmplz-cookiebanner  :not( .mejs-button ) > button.cmplz-save-preferences:hover,
.esfz-cookie-complianz .cmplz-cookiebanner  :not( .mejs-button ) > button.cmplz-save-preferences:focus,
.esfz-cookie-complianz .cmplz-cookiebanner  :not( .mejs-button ) > button.cmplz-deny:hover,
.esfz-cookie-complianz .cmplz-cookiebanner  :not( .mejs-button ) > button.cmplz-deny:focus{
    background: #212121;
    color: white !important;
}
/* cookie settings */
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-categories .cmplz-category {
    background: #f8f8f8;
}
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title,
.esfz-cookie-complianz .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
    color: #212121;
    font-size: 14px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
    font-size: 13px;
    font-weight: normal;
    color: #008000;
}
@media screen and (max-width: 1150px) {
    .esfz-cookie-complianz .cmplz-cookiebanner .cmplz-buttons {
        flex-direction: column;
    }
}

/* cookies overview table: [cmplz-cookies] shortcode */
#cmplz-cookies-overview .cmplz-dropdown summary div:after,
#cmplz-document .cmplz-dropdown summary div:after,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after {
    cursor: pointer;
    content: "";
    background: url(../images/chevron-down.svg) no-repeat;
    transform: rotate(0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-size: cover;
    height: 18px;
    width: 18px;
    margin: 3px;
}

#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after,
#cmplz-document .cmplz-dropdown[open] summary div:after,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div:after {
    transform: rotate(180deg);
}

.esfz-cookie-complianz .cmplz-service-header {
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
}

#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
    display: block;
    background-color: rgba(239,239,239,0.5);
    margin: 5px 0;
    padding: 5px 10px;
    align-items: center;
    justify-items: stretch;
}

.esfz-cookie-complianz .cmplz-service-header h3 {
    font-size: 18px;
    font-weight: 400;
}

.esfz-cookie-complianz .cmplz-service-header p { margin-bottom: 0; }

#cmplz-cookies-overview .cmplz-dropdown, #cmplz-document .cmplz-dropdown, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
    background-color: rgb(239,239,239);
}

#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,
#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,
#cmplz-document .cmplz-dropdown .cmplz-service-description,
#cmplz-document .cmplz-dropdown .cmplz-sharing-data, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
    padding: 0 15px 15px;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div, #cmplz-document .cmplz-dropdown .cookies-per-purpose div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
    background-color: white;
    padding: 15px;
}

@media only screen and (min-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,
    #cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,
    .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header,
    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header, #cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,
    .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header,
    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,
    #cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,
    .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header {
        background-color: #f7f7f7;
    }
}

#cmplz-cookies-overview h5 {
    text-transform: uppercase;
}