/* Generated: Tue Jul 04 2023 16:01:19 (Europe/Amsterdam)+02:00 */

/* Default */

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

    /* Default Link */
    .i-link { color:rgb(93, 93, 121)!important; }
    .i-link:hover { color:rgba(134,101,100, 1)!important; }
    .i-link.active { color:rgba(134,101,100, 1)!important; }

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

    /* Menu icons */
    .i-menu-icon { background-color: rgba(0, 0, 0, 1)!important; color:rgba(255, 255, 255, 1)!important;  }
    .i-menu-icon:hover, .i-menu-icon.active { background-color: rgba(0, 0, 0, 1)!important; color:rgba(230,59,65,1)!important; }
    .i-menu-color { background-color: rgba(255, 255, 255, 1)!important; color: rgba(255, 255, 255, 1)!important; }
    .i-menu-bg-color { background-color: rgba(0, 0, 0, 1)!important; color: rgba(0, 0, 0, 1)!important; }
    .i-menu-text { color: rgba(255, 255, 255, 1)!important; }
    .i-menu-link{ color:rgba(255, 255, 255, 1)!important;  }
    .i-menu-link:hover, .i-menu-link.active { color:rgba(230,59,65,1)!important; }
    .i-menu-link-border:hover, .i-menu-link-border.active { border-color:rgba(230,59,65,1)!important; }

    /* Popup */
    .i-popup-bg { background-color:rgba(255, 255, 255, 1)!important; }
    .i-popup-title { color:rgba(0,0,0,1)!important; }
    .i-popup-main { color:rgba(95,95,95,1)!important; }
    .i-popup-button{ background-color: rgba(230,59,65,1)!important; color:rgb(255, 255, 255)!important;  }
    .i-popup-button:hover, .i-popup-button:focus{ background-color: rgba(0,0,0,1)!important; color:rgb(255, 255, 255)!important;  }
    .i-popup-shade:after {background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) ); }

    /* Popup Link */
    .i-popup-bg a { color:rgba(0, 0, 0, 1)!important;  border-color:rgba(0, 0, 0, 1)!important;}
    .i-popup-bg a:hover, .i-popup-bg a:focus { color:rgba(230,59,65,1)!important; border-color:rgba(230,59,65,1)!important; }
    .i-popup-bg .i-link { color:rgba(0, 0, 0, 1)!important;  border-color:rgba(0, 0, 0, 1)!important;}
    .i-popup-bg .i-link:hover, .i-popup-bg .i-link:focus { color:rgba(230,59,65,1)!important; border-color:rgba(230,59,65,1)!important; }
    .i-popup-bg .i-link.active { color:rgba(230,59,65,1)!important; border-color:rgba(230,59,65,1)!important; }

    /* Navigation Speads list */
    .i-spread-link .i-spread-link-text { color:rgba(0, 0, 0, 1)!important;  border-color:rgba(0, 0, 0, 1)!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:rgba(230,59,65,1)!important;  border-color:rgba(230,59,65,1)!important; }

    /* Issue-container-overview */
    .i-body-title { color:rgba(0, 0, 0, 1)!important; }
    .overview-older-issues .issue-cover-title, .overview-issue-repeat .issue-cover-title, .overview-recent-issues .issue-cover-title{ color:rgba(0, 0, 0, 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(230,59,65,1)!important; }
    .overview-older-issues .icon, .overview-issue-repeat .icon, .overview-recent-issues .icon{ color:rgba(0, 0, 0, 1)!important; }
    .overview-older-issues .issue-cover-date, .overview-issue-repeat .issue-cover-date, .overview-recent-issues .issue-cover-date{ color:rgba(0, 0, 0, 1)!important; }
    .i-body-link{ color:rgba(0, 0, 0, 1)!important; }
    .i-body-link:hover{ color:rgba(230,59,65,1)!important; }

    /* Category buttons */
    .i-cat-button { background-color:rgba(0, 0, 0, 0.11)!important; color:rgba(0, 0, 0, 1)!important; }
    .i-cat-button:hover, .i-cat-button.active { background-color:rgba(230,59,65,1)!important; color:rgba(255, 255, 255, 1)!important; }

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

    /* Arrows */
    .i-navarrow { background-color:rgba(0, 0, 0, 0)!important; color:rgba(255, 255, 255, 1)!important; }
    .i-navarrow:hover { background-color:rgba(0, 0, 0, 0.3)!important; color:rgba(255, 255, 255, 1)!important; }

    /* Indicator */
    .i-indicator { background-color:rgba(230,59,65,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:'Roboto'; font-weight:700; font-style:normal; }
    .i-font-main { font-family:'Roboto'; font-weight:normal; font-style:normal; }
    .i-font-button { font-family:'Roboto'; font-weight:700; font-style:normal; }

/* Css variables */
:root{
    --body-bg: rgb(255, 255, 255);
    --bg: rgb(246, 246, 246);
    --title: rgba(0, 0, 0, 1);
    --main: rgba(95,95,95,1);
    --link-bg: rgb(93, 93, 121);
    --link-hover-bg: rgba(134,101,100, 1);
    --menu-bg: rgba(0, 0, 0, 1);
    --menu-button-bg: rgba(0, 0, 0, 1);
    --menu-button: rgba(255, 255, 255, 1);
    --menu-button-hover-bg: rgba(0, 0, 0, 1);
    --menu-button-hover: rgba(230,59,65,1);
    --popup-bg: rgba(255, 255, 255, 1);
    --popup-title: rgba(0,0,0,1);
    --popup-main: rgba(95,95,95,1);
    --popup-button-bg: rgba(230,59,65,1);
    --popup-button: rgb(255, 255, 255);
    --popup-button-bg-hover: rgba(0,0,0,1);
    --popup-button-hover: rgb(255, 255, 255);
    --popup-bg-shade-start: rgba(255, 255, 255, 0);
    --popup-link-color: rgba(0, 0, 0, 1);
    --popup-link-color-hover: rgba(230,59,65,1);
    --body-title: rgba(0, 0, 0, 1);
    --body-link: rgba(0, 0, 0, 1);
    --body-link-hover: rgba(230,59,65,1);
    --cat-button-bg: rgba(0, 0, 0, 0.11);
    --cat-button: rgba(0, 0, 0, 1);
    --cat-button-bg-hover: rgba(230,59,65,1);
    --cat-button-hover: rgba(255, 255, 255, 1);
    --icon: rgba(0, 0, 0, 1);
    --icon-hover: rgba(230,59,65,1);
    --navarrow-bg: rgba(0, 0, 0, 0);
    --navarrow-bg-icon: rgba(255, 255, 255, 1);
    --navarrow-bg-hover: rgba(0, 0, 0, 0.3);
    --navarrow-icon-hover: rgba(255, 255, 255, 1);
    --page-indicator-bg: rgba(230,59,65,1);

    --font-title-family: 'Roboto';
    --font-title-weight:700;
    --font-title-style: normal;

    --font-main-family: 'Roboto';
    --font-main-weight:normal;
    --font-main-style: normal;

    --font-button-family: 'Roboto';
    --font-button-weight: 700;
    --font-button-style: normal;
}

/* End */