/* Generated: Wed May 11 2022 11:39:47 (Europe/Amsterdam)+02:00 */

/* Default */

    /* Algemeen */
    .i-body-bg { background-color:rgb(255, 255, 255) !important; }
    .i-bg{ background-color:rgb(255, 255, 255) !important; }
    .i-title{  color:rgb(34, 34, 34)!important; }
    .i-main{ color:rgb(88, 88, 88)!important; }

    /* Default Link */
    .i-link { color:rgb(234, 14, 44)!important; }
    .i-link:hover { color:rgb(234, 14, 44)!important; }
    .i-link.active { color:rgb(234, 14, 44)!important; }

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

    /* Menu icons */
    .i-menu-icon { background-color: rgb(0, 0, 0)!important; color:rgb(255, 255, 255)!important;  }
    .i-menu-icon:hover, .i-menu-icon.active { background-color: rgb(234, 14, 44)!important; color:rgb(255, 255, 255)!important; }
    .i-menu-color { background-color: rgb(255, 255, 255)!important; color: rgb(255, 255, 255)!important; }
    .i-menu-bg-color { background-color: rgb(0, 0, 0)!important; color: rgb(0, 0, 0)!important; }
    .i-menu-text { color: rgb(255, 255, 255)!important; }
    .i-menu-link{ color:rgb(255, 255, 255)!important;  }
    .i-menu-link:hover, .i-menu-link.active { color:rgb(255, 255, 255)!important; }
    .i-menu-link-border:hover, .i-menu-link-border.active { border-color:rgb(255, 255, 255)!important; }

    /* Popup */
    .i-popup-bg { background-color:rgb(233, 233, 233)!important; }
    .i-popup-title { color:rgb(234, 14, 44)!important; }
    .i-popup-main { color:rgb(85, 85, 85)!important; }
    .i-popup-button{ background-color: rgb(234, 14, 44)!important; color:rgb(255, 255, 255)!important;  }
    .i-popup-button:hover, .i-popup-button:focus{ background-color: rgb(0, 0, 0)!important; color:rgb(255, 255, 255)!important;  }
    .i-popup-shade:after {background-image: linear-gradient(90deg, rgba(233, 233, 233, 0), rgb(233, 233, 233) ); }

    /* Popup Link */
    .i-popup-bg a { color:rgb(234, 14, 44)!important;  border-color:rgb(234, 14, 44)!important;}
    .i-popup-bg a:hover, .i-popup-bg a:focus { color:rgb(122, 122, 122)!important; border-color:rgb(122, 122, 122)!important; }
    .i-popup-bg .i-link { color:rgb(234, 14, 44)!important;  border-color:rgb(234, 14, 44)!important;}
    .i-popup-bg .i-link:hover, .i-popup-bg .i-link:focus { color:rgb(122, 122, 122)!important; border-color:rgb(122, 122, 122)!important; }
    .i-popup-bg .i-link.active { color:rgb(122, 122, 122)!important; border-color:rgb(122, 122, 122)!important; }

    /* Navigation Speads list */
    .i-spread-link .i-spread-link-text { color:rgb(234, 14, 44)!important;  border-color:rgb(234, 14, 44)!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(122, 122, 122)!important;  border-color:rgb(122, 122, 122)!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(0, 0, 0, 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(0, 0, 0, 1)!important; }

    /* Category buttons */
    .i-cat-button { background-color:rgb(234, 14, 44)!important; color:rgb(255, 255, 255)!important; }
    .i-cat-button:hover, .i-cat-button.active { background-color:rgb(0, 0, 0)!important; color:rgb(255, 255, 255)!important; }

    /* left-bar icons */
    .i-icon { color:rgba(0, 0, 0, 1)!important; }
    .i-icon:hover { color:rgba(0, 0, 0, 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:rgb(234, 14, 44)!important; }

/* Fonts */

    .i-font-title { font-family:'AvenirLTStd'; font-weight:900; font-style:normal; }
    .i-font-main { font-family:'AvenirLTStd'; font-weight:400; font-style:normal; }
    .i-font-button { font-family:'AvenirLTStd'; font-weight:500; font-style:normal; }

/* Css variables */
:root{
    --body-bg: rgb(255, 255, 255);
    --bg: rgb(255, 255, 255);
    --title: rgb(34, 34, 34);
    --main: rgb(88, 88, 88);
    --link-bg: rgb(234, 14, 44);
    --link-hover-bg: rgb(234, 14, 44);
    --menu-bg: rgb(0, 0, 0);
    --menu-button-bg: rgb(0, 0, 0);
    --menu-button: rgb(255, 255, 255);
    --menu-button-hover-bg: rgb(234, 14, 44);
    --menu-button-hover: rgb(255, 255, 255);
    --popup-bg: rgb(233, 233, 233);
    --popup-title: rgb(234, 14, 44);
    --popup-main: rgb(85, 85, 85);
    --popup-button-bg: rgb(234, 14, 44);
    --popup-button: rgb(255, 255, 255);
    --popup-button-bg-hover: rgb(0, 0, 0);
    --popup-button-hover: rgb(255, 255, 255);
    --popup-bg-shade-start: rgba(233, 233, 233, 0);
    --popup-link-color: rgb(234, 14, 44);
    --popup-link-color-hover: rgb(122, 122, 122);
    --body-title: rgba(0, 0, 0, 1);
    --body-link: rgba(0, 0, 0, 1);
    --body-link-hover: rgba(0, 0, 0, 1);
    --cat-button-bg: rgb(234, 14, 44);
    --cat-button: rgb(255, 255, 255);
    --cat-button-bg-hover: rgb(0, 0, 0);
    --cat-button-hover: rgb(255, 255, 255);
    --icon: rgba(0, 0, 0, 1);
    --icon-hover: rgba(0, 0, 0, 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: rgb(234, 14, 44);

    --font-title-family: 'AvenirLTStd';
    --font-title-weight:900;
    --font-title-style: normal;

    --font-main-family: 'AvenirLTStd';
    --font-main-weight:400;
    --font-main-style: normal;

    --font-button-family: 'AvenirLTStd';
    --font-button-weight: 500;
    --font-button-style: normal;
}

/* End */