/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .cookies-container { padding: 8px 0;}
.cookies-container .cookies-row {
    width: 92.3553%;
    max-width: 1440px;
    margin: 0 auto;
    zoom: 1;
    box-sizing: border-box;
}
.clearfix:after {
    content: "";
    clear: both;
    display: table;
}
.cookies-section {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 55px;
    margin: 0 auto;
    background-color: #262626;
    z-index: 99;
}
.cookies-description-section {
    float: left;
    width: 90%;
    line-height: 1;
}
.cookies-close-section {
    float: left;
    width: 10%;
    position: relative
}
.cookies-description {
    color: #fff;
}
.cookies-link:hover { color: #fff; }
.cookies-close {
    position: absolute;
    top: 5px;
    right: 0;
    width: 12px;
    height: 12px;
    background-position: 0 0;
    cursor: pointer;
    z-index: 8;
    background-image: url('/wp-content/plugins/gdpr-cookie-banner/public/images/cookie-closing-icon.png');
}
.cookies-close:hover {
    background-position: -18px 0;
}
.fixed-top { top: 0; }
.cookies-medium { 
    width: 66%;
    left: 50.5%;
    margin-left: -33.5%;
}
.cookies-small { 
    width: 33%;
    left: 50%;
    margin-left: -16.5%;
}
.dark-bg { background-color: #0d0d0d; }
.dark-bg .cookies-description { color: #fff; }
.light-bg { background-color: #d2e4f3; }
.light-bg .cookies-description { color: #000; }
.light-bg .cookies-close {
    height: 14px;
    background-position: 0 -12px;
}
.light-bg .cookies-close:hover { 
    background-position: -18px -12px;
}



@media screen and (max-width: 1023px) {
    .cookies-medium,
    .cookies-small {
        width: 100%;
        left: 0;
        margin-left: 0;
    } 
}

@media screen and (max-device-width: 767px) {
    .cookies-container { padding: 10px; }
    .cookies-container .cookies-row {
        width: 100%;
        max-width: 100%;
    }
    .cookies-description {
        display: inline-block;
        text-align: justify;
    }
}