@charset "UTF-8";

.ccm-root {
    --cookie-consent-background: #fff;
  --cookie-consent-btn-color: #fff;
  --cookie-consent-btn-background: #C73C8F;
  --cookie-consent-btn-cancel-background: #333;
  --cookie-consent-btn-cancel-color: #fff;
    font-size: 16px !important;
}

.ccm-modal--body {
    max-width: 1440px !important;
    min-height: auto !important;
    border-bottom: none !important;
    overflow: hidden !important;
}

.ccm--badge,
.ccm-root .button,
.ccm-root button {
    border: none !important;
}

.ccm-widget--text {
    min-height: auto !important;
}

.ccm-widget--text .ccm-widget--title {
    margin-bottom: 1rem !important;
}

.ccm-widget--text .ccm-inner-overflow {
    padding-bottom: 10px !important;
    overflow-y: hidden !important;
}

.ccm-widget.ccm--alignment--top .ccm-modal-inner,
.ccm-widget.ccm--alignment--bottom .ccm-modal-inner {
    height: auto !important;
}

.ccm-widget .ccm-modal-inner,
.ccm-widget .ccm-modal--header,
.ccm-widget .ccm-modal--body,
.ccm-widget .ccm-modal--footer {
    background-color: var(--cookie-consent-background) !important;
    opacity: .9;
}

.ccm-widget .cover-scrollbar:before,
.ccm-widget .cover-scrollbar:after {
    background-image: none !important;
    background-color: var(--cookie-consent-background) !important;
    /*opacity: .9;*/
}

.ccm-widget--text .ccm-widget--title {
    color: var(--cookie-consent-title-color) !important;
}

.ccm-widget--introduction {
    color: var(--cookie-consent-color) !important;
}

.ccm-widget--buttons {
    justify-content: flex-start !important;
}

#ccm-control-panel .button.ccm-modal--close,
.ccm-widget .ccm-widget--buttons button.ccm--ctrl-init {
    background-color: var(--cookie-consent-btn-cancel-background) !important;
    color: var(--cookie-consent-btn-cancel-color) !important;
}

#ccm-control-panel .button,
#ccm-control-panel .button.ccm--decline-cookies,
#ccm-control-panel button.ccm--decline-cookies,
#ccm-control-panel button.ccm--button-primary,
.ccm-widget .ccm-widget--buttons button.ccm--button-primary,
.ccm-widget .ccm-widget--buttons button.ccm--save-settings,
.ccm-widget .ccm-widget--buttons button.ccm--decline-cookies,
.ccm-widget .ccm-widget--buttons button {
    color: var(--cookie-consent-btn-color) !important;
    background-color: var(--cookie-consent-btn-background) !important;
    border-color: var(--cookie-consent-btn-background) !important;
  border: 1px solid transparent;
  border-radius: 0.5em;
}

.ccm-modal--footer button.ccm--ctrl-init:after,
.ccm-widget--buttons button.ccm--ctrl-init:after {
    font-size: 0.9em !important;
}

.ccm-widget .ccm-widget--buttons button.ccm--ctrl-init {
    margin-right: .5em;
    order: 99;
    text-shadow: none !important;
    flex-basis: 100% !important;
    font-weight: bold;
}
.ccm-widget .ccm-widget--buttons button.ccm--save-settings {
    order: 1;
}
.ccm-widget .ccm-widget--buttons button.ccm--decline-cookies {
    order: 2;
}

.ccm-root .ccm-widget--buttons .button,
.ccm-root .ccm-widget--buttons button,
.ccm-root .button, .ccm-root button {
    text-transform: none !important;
}

.ccm-widget .ccm-widget--buttons .button,
.ccm-widget .ccm-widget--buttons button {
    margin-left: 0 !important;
}

.ccm-widget .cover-scrollbar::before,
.ccm-widget .cover-scrollbar::after {
    content: none !important;
}

.ccm-modal--footer {
    background-color: transparent !important;
}

.ccm-widget .ccm-modal--footer {
    flex-flow: column nowrap !important;
    padding-bottom: 0 !important;
    background-color: transparent !important;
}

/* 496px */
@media only screen and (min-width: 31em) {
    .ccm-widget .ccm-modal--footer {
        flex-flow: row nowrap !important;
        justify-content: space-between !important;
        align-items: baseline  !important;
        padding-bottom: 0 !important;
    }
}

/* 548px */
@media only screen and (min-width: 34.25em) {
    .ccm-modal--body {
        padding: 1rem 5.5em 0 3rem !important;
    }
    .ccm-widget .ccm-modal--footer {
        padding-left: 3em !important;
    }
    .ccm-widget .ccm-widget--buttons button.ccm--ctrl-init {
        flex-basis: auto !important;
    }
}