/*=================================================================
    TEXT COLORS
    =============================================================*/

    #content .block.yellow > h2,
    .block.yellow-head .content a,
    .block.red-head .content a,
    #page-bottom .menu-level-2 > ul > li > a,
    div.tabs a,
    ul.quicktabs-tabs li a:hover,
    ul.quicktabs-tabs li a:focus,
    ul.quicktabs-tabs li.active a,
    body {
        color: #333333; /* dark gray */
    }
    a,
    .block.yellow > h2 {
        color: #005395; /* blue */
    }
    .block.blue > .content a:hover,
    .block.blue > .content a:focus,
    .block.blue > .content a.active,
    a:hover,
    a:focus {
        color: #040404 /* dark blue */
    }
    .block.blue > .content a {
        color: #3a5b74; /* light blue */
    }
    .block-custom-cnapi .date > span > div + div, 
    .views-field-created .field-content > div + div,
    #breadcrumb,
    #breadcrumb a,
    #navigation .menu-name-main-menu.menu-level-1 li a.active,
    #navigation .menu-name-main-menu.menu-level-1 li a.active-trail,
    #navigation .menu-name-main-menu.menu-level-1 li a:hover,
    #navigation .menu-name-main-menu.menu-level-1 li a:focus,
    #page-bottom .content a {
        color: #666666; /* dark gray */
    }
    #footer .content {
        color: #cccccc; /* light gray */
    }
    ul.quicktabs-tabs a {
        color: #939598; /* light gray */
    }
    .wc-header td,
    .view-opening-hours table tr:nth-child(even),
    html.ie .view-opening-hours table tr.even {
       background-color: #F6F6F6; /* light gray */
    }
    #navigation .menu-name-main-menu.menu-level-1 li a {
        color: #999999; /* light gray */
    }
    .wc-time-slots .wc-today {
        background-color: #FFE582; /* light-yellow */
    }
    .ui-state-highlight, 
    .ui-widget-content .ui-state-highlight, 
    .ui-widget-header .ui-state-highlight,
    .node-cnapi-event .cnapi-image div,
    .block.red-head > h2,
    .block-custom-cnapi .date > span > div:first-child,
    .views-field-created .field-content > div:first-child,
    a.more-link,
    .more-link a,
    input[type="submit"],
    input[type="button"],
    .block.blue > h2 {
        color: #ffffff; /* white */    
    }
    #page .summary-links a.active,
    #page-bottom #underlying-menu-tree ul li a:hover,
    #page-bottom #underlying-menu-tree ul li a:focus,
    #page-bottom #underlying-menu-tree ul li a.active,
    .node-cnapi-event dl dt,
    #page-bottom ul ul li a:hover,
    #page-bottom ul ul li a:focus,
    #page-bottom ul ul li a.active {
        color: #000000; /* black */
    }
    #calendar-current-hours-table span.closed {
        color: #b5002b; /* red */
    }



/*=================================================================
    BACKGROUND COLORS
    =============================================================*/

    #navigation .menu-name-main-menu.menu-level-1 li a,
    .block.blue > .content,
    #background-wrapper {
        background-color: #e9e9e9; /* light gray */
    }
    tr.odd,
    .wc-business-hours,
    ul.quicktabs-tabs li.active a,
    #page-wrapper {
        background-color: #ffffff; /* white */
    }
    .block.yellow-head,
    .block.red-head {
        background-color: #efeff0 /* light-gray */
    }
    #page .columnized-news .summary-links a,
    tr.even,
    ul.quicktabs-tabs,
    ul.quicktabs-tabs a,
    #page-bottom .section {
        background-color: #f1f1f2; /* light gray */
    }
    .block-custom-cnapi .date > span > div + div,
    .views-field-created .field-content > div + div {
        background-color: #f1f1eb; /* light gray */    
    }
    body,
    #footer {
    }
    #page .summary-links a.active,
    .block.yellow-head > h2,
    #navigation .menu-name-main-menu.menu-level-2,
    #navigation .menu-name-main-menu.menu-level-1 li a.active,
    #navigation .menu-name-main-menu.menu-level-1 li a.active-trail,
    .yellow {
        background-color: #ffcb05; /* yellow */
    }
    a.more-link,
    .more-link a,
    input[type="submit"],
    input[type="button"],
    .blue {
        background-color: #005395; /* blue */
    }
    .ui-state-highlight, 
    .ui-widget-content .ui-state-highlight, 
    .ui-widget-header .ui-state-highlight,
    .block.red-head > h2,
    .block-custom-cnapi .date > span > div:first-child,
    .views-field-created .field-content > div:first-child {
        background-color: #b7062f; /* red */
    }
    .view-slideshow .views-field-title .lees-meer {
        background-color: #b5002b; /* red */
    }
    .ui-state-highlight, 
    .ui-widget-content .ui-state-highlight, 
    .ui-widget-header .ui-state-highlight {
        background-color: #d44065; /* pink */
    }
    body#tinymce {
      background: none;
    }