/****************************************************
 
COLORS

 ****************************************************/

:root {
    /* Black default */
    --body-black: #5e6060;
    --gray: #dce0df;
    --white: #fff;
    --forsaker-black: #1a171b;
    --forsaker-gray: #75848e;
    --forsaker-lightgray: #dce0df;
    --forsaker-white: #dce0df;
    --forsaker-yellow: #ffcc00;
    --forsaker-orange: #f18d2e;
    --forsaker-darkorange: rgb(206, 78, 28);
    --forsaker-pink: #eb7595;
    --forsaker-purple: #c0a7cc;
    --forsaker-blue: #00b0dc;
    --forsaker-darkblue: rgb(0, 74, 120);
    --forsaker-green: #a5c85f;
    --forsaker-darkgreen: rgb(20, 103, 38);
}

/****************************************************
 
MAP IFRAME

 ****************************************************/

.m-map-frame iframe {
    width: 100%;
    margin-bottom: -9px;
}

/*************************************
 
    BUTTON LINK SHORTCODE 

 ************************************/

:root {
    /* Black default */
    --btn-black-color: #000;

    /* Black filled */
    --btn-black-filled-color: #fff;
    --btn-black-filled-bg: #000;

    /* Dark Gray */
    --btn-darkgray-color: #5e6060;

    /* Dark Gray filled */
    --btn-darkgray-filled-color: #fff;
    --btn-darkgray-filled-bg: #5e6060;

    /* Forsaker gray  */
    --btn-gray-color: #75848e;

    /* Forsaker gray filled */
    --btn-gray-filled-color: #fff;
    --btn-gray-filled-bg: #75848e;
}

.forsa-simple-btn {
    margin-top: 0.5em;
    border: 1px solid;
    color: var(--btn-black-color);
    padding: 0.5em 0.8em;
    font-weight: 600;
    letter-spacing: 0;
    font-size: inherit;
    line-height: 1em;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 0.15em;
}

.forsa-simple-btn:hover {
    text-decoration: none;
    transform: scale(1.03);
}

.forsa-simple-btn.forsa-btn-svart-fyll {
    color: var(--btn-black-filled-color);
    background-color: var(--btn-black-filled-bg);
    border-color: var(--btn-black-filled-bg);
}

.forsa-simple-btn.forsa-btn-morkgra {
    border: 1px solid;
    color: var(--btn-darkgray-color);
}

.forsa-simple-btn.forsa-btn-morkgra-fyll {
    color: var(--btn-darkgray-filled-color);
    background-color: var(--btn-darkgray-filled-bg);
    border-color: var(--btn-darkgray-filled-bg);
}

.forsa-simple-btn.forsa-btn-gra {
    color: var(--btn-gray-color);
}

.forsa-simple-btn.forsa-btn-gra-fyll {
    color: var(--btn-gray-filled-color);
    border-color: var(--btn-gray-filled-bg);
    background-color: var(--btn-gray-filled-bg);
}

/****************************************************

 COOKIES STYLE

 ****************************************************/

#CybotCookiebotDialog {
    color: var(--body-black) !important;
    font-family: Gotham, Arial, sans-serif !important;
}

#CybotCookiebotDialogHeader {
    display: none !important;
    visibility: hidden !important;
}

#CybotCookiebotDialog li .CybotCookiebotDialogActive {
    border-bottom: 1px solid var(--forsaker-gray) !important;
    color: var(--forsaker-gray) !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    color: var(--forsaker-gray) !important;
    border-color: var(--gray) !important;
    background-color: var(--gray) !important;
    font-size: 1rem !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: var(--forsaker-gray) !important;
    border-color: var(--forsaker-gray) !important;
    color: var(--white) !important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: var(--forsaker-gray);
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider,
#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider:focus {
    background-color: var(--forsaker-lightgray) !important;
    box-shadow: none !important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: var(--forsaker-green) !important;
}

#CybotCookiebotDialogTabContent input[type="checkbox"][disabled]:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: var(--forsaker-green) !important;
    opacity: 0.4;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: var(--forsaker-gray) !important;
}

#CybotCookiebotDialogDetailBodyContentTextAbout,
#CybotCookiebotDialogDetailBody {
    color: var(--body-black) !important;
}

#CybotCookiebotDialogDetailBodyContentTextAbout,
#CybotCookiebotDialogBodyContent {
    padding: 1.625em 1.625em !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs {
    padding: 0 1.625em !important;
}

#CybotCookiebotDialog h2 {
    font-weight: 800 !important;
    text-transform: none;
    font-size: 1.25rem;
    margin-bottom: 1.126rem !important;
}

#CybotCookiebotDialogPoweredByText a {
    color: var(--white) !important;
}

#CybotCookiebotDialogDetailBodyContentTextAbout,
#CybotCookiebotDialogBodyContent {
    padding: 1.625em 1.625em !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs {
    padding: 0 1.625em !important;
}

/* Minimized */

#CookiebotWidget #CookiebotWidget-widgetContent {
    background: var(--white) !important;
}

#CookiebotWidget * {
    color: var(--forsaker-gray) !important;
    fill: var(--forsaker-gray) !important;
}

#CookiebotWidget circle {
    fill: var(--white) !important;
}

#CookiebotWidget .CookiebotWidget-consent-details .CookiebotWidget-consent-details-box {
    background-color: var(--forsaker-lightgray) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: var(--forsaker-gray) !important;
    border-color: var(--forsaker-gray) !important;
    color: var(--white) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    background-color: var(--forsaker-gray) !important;
    border-color: var(--forsaker-gray) !important;
    color: var(--white) !important;
}

#CookiebotWidget #CookiebotWidget-buttons,
#CookiebotWidget .CookiebotWidget-header {
    border-color: var(--forsaker-lightgray) !important;
}

/****************************************************

 COOKIES STYLE
 * This is a backup 
 * Original is placed in customization in theme

 ****************************************************/

.cookie-notice-visible {
    background-color: rgb(255 255 255);
    width: 90% !important;
    max-width: 360px;
    min-width: auto !important;
    padding: 4rem 2rem 2.5rem;
    text-align: left !important;
    font-size: 1rem !important;
    line-height: 1.7rem !important;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

@media screen and (min-width: 768px) {
    .cookie-notice-visible {
        margin: 2rem;
    }
}

.cookie-notice-container {
    padding: 0;
}

#cn-notice-text {
    text-align: left;
    margin-bottom: 1rem;
}

#cn-notice-text h3 {
    margin-bottom: 2rem;
}

#cn-notice-buttons {
    text-align: left;
    display: block;
}

#cn-accept-cookie {
    margin: 0 !important;
    font-size: 1rem !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    margin-top: 1rem !important;
}

#cn-close-notice {
    top: 2rem;
    right: 18px;
}