/* Generated: Tue Oct 03 2023 12:29:22 (Europe/Amsterdam)+02:00 */

/* Default */

    /* Algemeen */
    .i-body-bg { background-color:rgba(0, 0, 0, 0.77) !important; }
    .i-bg{ background-color:rgb(255, 255, 255) !important; }
    .i-title{  color:rgb(28, 134, 117)!important; }
    .i-main{ color:rgb(80, 66, 74)!important; }

    /* Default Link */
    .i-link { color:rgb(255, 255, 255)!important; }
    .i-link:hover { color:rgb(28, 134, 117)!important; }
    .i-link.active { color:rgb(28, 134, 117)!important; }

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

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

    /* Popup */
    .i-popup-bg { background-color:rgb(255, 255, 255)!important; }
    .i-popup-title { color:rgb(41, 47, 46)!important; }
    .i-popup-main { color:rgb(41, 47, 46)!important; }
    .i-popup-button{ background-color: rgb(107, 118, 151)!important; color:rgb(255, 255, 255)!important;  }
    .i-popup-button:hover, .i-popup-button:focus{ background-color: rgb(28, 134, 117)!important; color:rgb(255, 255, 255)!important;  }
    .i-popup-shade:after {background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255) ); }

    /* Popup Link */
    .i-popup-bg a { color:rgb(107, 118, 151)!important;  border-color:rgb(107, 118, 151)!important;}
    .i-popup-bg a:hover, .i-popup-bg a:focus { color:rgb(28, 134, 117)!important; border-color:rgb(28, 134, 117)!important; }
    .i-popup-bg .i-link { color:rgb(107, 118, 151)!important;  border-color:rgb(107, 118, 151)!important;}
    .i-popup-bg .i-link:hover, .i-popup-bg .i-link:focus { color:rgb(28, 134, 117)!important; border-color:rgb(28, 134, 117)!important; }
    .i-popup-bg .i-link.active { color:rgb(28, 134, 117)!important; border-color:rgb(28, 134, 117)!important; }

    /* Navigation Speads list */
    .i-spread-link .i-spread-link-text { color:rgb(107, 118, 151)!important;  border-color:rgb(107, 118, 151)!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(28, 134, 117)!important;  border-color:rgb(28, 134, 117)!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:rgb(107, 118, 151)!important; color:rgb(255, 255, 255)!important; }
    .i-cat-button:hover, .i-cat-button.active { background-color:rgb(28, 134, 117)!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(28, 134, 117)!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:'Merriweather'; 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:500; font-style:normal; }

/* Css variables */
:root{
    --body-bg: rgba(0, 0, 0, 0.77);
    --bg: rgb(255, 255, 255);
    --title: rgb(28, 134, 117);
    --main: rgb(80, 66, 74);
    --link-bg: rgb(255, 255, 255);
    --link-hover-bg: rgb(28, 134, 117);
    --menu-bg: rgb(255, 255, 255);
    --menu-button-bg: rgb(255, 255, 255);
    --menu-button: rgb(69, 78, 81);
    --menu-button-hover-bg: rgb(255, 255, 255);
    --menu-button-hover: rgb(69, 78, 81);
    --popup-bg: rgb(255, 255, 255);
    --popup-title: rgb(41, 47, 46);
    --popup-main: rgb(41, 47, 46);
    --popup-button-bg: rgb(107, 118, 151);
    --popup-button: rgb(255, 255, 255);
    --popup-button-bg-hover: rgb(28, 134, 117);
    --popup-button-hover: rgb(255, 255, 255);
    --popup-bg-shade-start: rgba(255, 255, 255, 0);
    --popup-link-color: rgb(107, 118, 151);
    --popup-link-color-hover: rgb(28, 134, 117);
    --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: rgb(107, 118, 151);
    --cat-button: rgb(255, 255, 255);
    --cat-button-bg-hover: rgb(28, 134, 117);
    --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(28, 134, 117);

    --font-title-family: 'Merriweather';
    --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: 500;
    --font-button-style: normal;
}

/* End */