/* Generated: Sun Jan 12 2025 13:33:41 (UTC)+00:00 */

/* Default */

    /* Algemeen */
    .i-body-bg { background-color:rgba(0, 0, 0, 0.44) !important; }
    .i-bg{ background-color:rgba(0, 0, 0, 0.34) !important; }
    .i-title{  color:rgb(255, 255, 255)!important; }
    .i-main{ color:rgb(255, 255, 255)!important; }

    /* Default Link */
    .i-link { color:rgb(205, 148, 95)!important; }
    .i-link:hover { color:rgb(41, 41, 41)!important; }
    .i-link.active { color:rgb(41, 41, 41)!important; }

    /* Menubar */
    .i-menu-bg{ background-color:rgba(255, 200, 200, 0.27)!important; }

    /* Menu icons */
    .i-menu-icon { background-color: rgba(208, 208, 208, 0)!important; color:rgba(96, 96, 96, 1)!important;  }
    .i-menu-icon:hover, .i-menu-icon.active { background-color: rgba(191, 29, 29, 0)!important; color:rgba(0, 0, 0, 0)!important; }
    .i-menu-color { background-color: rgba(96, 96, 96, 1)!important; color: rgba(96, 96, 96, 1)!important; }
    .i-menu-bg-color { background-color: rgba(208, 208, 208, 0)!important; color: rgba(208, 208, 208, 0)!important; }
    .i-menu-text { color: rgba(96, 96, 96, 1)!important; }
    .i-menu-link{ color:rgba(96, 96, 96, 1)!important;  }
    .i-menu-link:hover, .i-menu-link.active { color:rgba(0, 0, 0, 0)!important; }
    .i-menu-link-border:hover, .i-menu-link-border.active { border-color:rgba(0, 0, 0, 0)!important; }

    /* Popup */
    .i-popup-bg { background-color:rgba(226, 226, 226, 0.95)!important; }
    .i-popup-title { color:rgb(41, 41, 41)!important; }
    .i-popup-main { color:rgb(41, 41, 41)!important; }
    .i-popup-button{ background-color: rgb(183, 18, 52)!important; color:rgba(180, 180, 180, 1)!important;  }
    .i-popup-button:hover, .i-popup-button:focus{ background-color: rgb(134, 134, 134)!important; color:rgba(231, 231, 231, 1)!important;  }
    .i-popup-shade:after {background-image: linear-gradient(90deg, rgba(226, 226, 226, 0), rgba(226, 226, 226, 0.95) ); }

    /* Popup Link */
    .i-popup-bg a { color:rgb(183, 18, 52)!important;  border-color:rgb(183, 18, 52)!important;}
    .i-popup-bg a:hover, .i-popup-bg a:focus { color:rgb(161, 161, 161)!important; border-color:rgb(161, 161, 161)!important; }
    .i-popup-bg .i-link { color:rgb(183, 18, 52)!important;  border-color:rgb(183, 18, 52)!important;}
    .i-popup-bg .i-link:hover, .i-popup-bg .i-link:focus { color:rgb(161, 161, 161)!important; border-color:rgb(161, 161, 161)!important; }
    .i-popup-bg .i-link.active { color:rgb(161, 161, 161)!important; border-color:rgb(161, 161, 161)!important; }

    /* Navigation Speads list */
    .i-spread-link .i-spread-link-text { color:rgb(183, 18, 52)!important;  border-color:rgb(183, 18, 52)!important; }
    .i-spread-link:hover .i-spread-link-text, .i-spread-link:focus .i-spread-link-text, .i-spread-link.active .i-spread-link-text { color:rgb(161, 161, 161)!important;  border-color:rgb(161, 161, 161)!important; }

    /* Issue-container-overview */
    .i-body-title { color:rgba(255, 255, 255, 1)!important; }
    .overview-older-issues .issue-cover-title, .overview-issue-repeat .issue-cover-title, .overview-recent-issues .issue-cover-title{ color:rgba(255, 255, 255, 1)!important; }
    .overview-older-issues .issue-item:hover .issue-cover-title, .overview-issue-repeat .issue-item:hover .issue-cover-title, .overview-recent-issues .issue-item:hover .issue-cover-title{ color:rgba(255, 255, 255, 1)!important; }
    .overview-older-issues .icon, .overview-issue-repeat .icon, .overview-recent-issues .icon{ color:rgba(255, 255, 255, 1)!important; }
    .overview-older-issues .issue-cover-date, .overview-issue-repeat .issue-cover-date, .overview-recent-issues .issue-cover-date{ color:rgba(255, 255, 255, 1)!important; }
    .i-body-link{ color:rgba(255, 255, 255, 1)!important; }
    .i-body-link:hover{ color:rgba(255, 255, 255, 1)!important; }

    /* Category buttons */
    .i-cat-button { background-color:rgba(163, 160, 160, 1)!important; color:rgba(255, 255, 255, 1)!important; }
    .i-cat-button:hover, .i-cat-button.active { background-color:rgb(134, 134, 134)!important; color:rgba(255, 255, 255, 0.3)!important; }

    /* left-bar icons */
    .i-icon { color:rgba(255, 255, 255, 1)!important; }
    .i-icon:hover { color:rgba(255, 255, 255, 1)!important; }

    /* Arrows */
    .i-navarrow { background-color:rgba(235, 215, 215, 0.6)!important; color:rgba(86, 86, 86, 1)!important; }
    .i-navarrow:hover { background-color:rgba(14, 14, 14, 0.29)!important; color:rgba(203, 91, 91, 1)!important; }

    /* Indicator */
    .i-indicator { background-color:rgba(252, 212, 212, 1)!important; }

    /* Stack menu icons */
    .i-stack-menu { background-color:rgba(0,0,0,.35)!important; color:rgba(255, 255, 255, 1)!important; }
    .i-stack-menu:hover { background-color:rgba(0,0,0,.35)!important; color:rgba(255, 255, 255, 1)!important; }
    .i-stack-close { background-color:rgba(0, 0, 0, 1)!important; color:rgba(255, 255, 255, 1)!important; }
    .i-stack-close:hover { background-color:rgba(0, 0, 0, 1)!important; color:rgba(255, 255, 255, 1)!important; }

/* Fonts */

    .i-font-title { font-family:'Source Sans Pro'; font-weight:300; font-style:normal; }
    .i-font-main { font-family:'Source Sans Pro'; font-weight:normal; font-style:normal; }
    .i-font-button { font-family:'Source Sans Pro'; font-weight:600; font-style:normal; }

/* Css variables */
:root{
    --body-bg: rgba(0, 0, 0, 0.44);
    --bg: rgba(0, 0, 0, 0.34);
    --title: rgb(255, 255, 255);
    --main: rgb(255, 255, 255);
    --link-bg: rgb(205, 148, 95);
    --link-hover-bg: rgb(41, 41, 41);
    --menu-bg: rgba(255, 200, 200, 0.27);
    --menu-button-bg: rgba(208, 208, 208, 0);
    --menu-button: rgba(96, 96, 96, 1);
    --menu-button-hover-bg: rgba(191, 29, 29, 0);
    --menu-button-hover: rgba(0, 0, 0, 0);
    --popup-bg: rgba(226, 226, 226, 0.95);
    --popup-title: rgb(41, 41, 41);
    --popup-main: rgb(41, 41, 41);
    --popup-button-bg: rgb(183, 18, 52);
    --popup-button: rgba(180, 180, 180, 1);
    --popup-button-bg-hover: rgb(134, 134, 134);
    --popup-button-hover: rgba(231, 231, 231, 1);
    --popup-bg-shade-start: rgba(226, 226, 226, 0);
    --popup-link-color: rgb(183, 18, 52);
    --popup-link-color-hover: rgb(161, 161, 161);
    --body-title: rgba(255, 255, 255, 1);
    --body-link: rgba(255, 255, 255, 1);
    --body-link-hover: rgba(255, 255, 255, 1);
    --cat-button-bg: rgba(163, 160, 160, 1);
    --cat-button: rgba(255, 255, 255, 1);
    --cat-button-bg-hover: rgb(134, 134, 134);
    --cat-button-hover: rgba(255, 255, 255, 0.3);
    --icon: rgba(255, 255, 255, 1);
    --icon-hover: rgba(255, 255, 255, 1);
    --navarrow-bg: rgba(235, 215, 215, 0.6);
    --navarrow-bg-icon: rgba(86, 86, 86, 1);
    --navarrow-bg-hover: rgba(14, 14, 14, 0.29);
    --navarrow-icon-hover: rgba(203, 91, 91, 1);
    --page-indicator-bg: rgba(252, 212, 212, 1);

    --font-title-family: 'Source Sans Pro';
    --font-title-weight:300;
    --font-title-style: normal;

    --font-main-family: 'Source Sans Pro';
    --font-main-weight:normal;
    --font-main-style: normal;

    --font-button-family: 'Source Sans Pro';
    --font-button-weight: 600;
    --font-button-style: normal;
}

/* End */