/* LOGO===================================================================================*/
#logo {
  background-image: url(../images/rtvconnect.png); 
}

/* LOGO FIXED NAVIGATIE===================================================================================*/
.moduletable_menu ul.nav.menu.mod-list:before {
  background-image: url(../images/rtvconnect-wit.png);
  background-size: 40px;
}

.smaller .moduletable_menu ul.nav.menu.mod-list:before {
    width: 60px;
}

/* NAVIGATIE =============================================================================*/
#navigation {
  background: #013754;
}

#navigation nav .menu ul {
  background-color: #3c3c3c;
}

#navigation nav .menu li a, #navigation nav .menu li a:hover, nav .menu li:hover>a {
  color: #fff;
}

#navigation nav .menu>li.active {
  border-bottom: 3px solid #fff;
}

#navigation nav.desktop .deeper {
  background-image: url(../../../images/icon-down-light.png);
  background-image: url(../../../images/icon-down-light.svg), linear-gradient(transparent, transparent);
}

#navigation nav.desktop .deeper .deeper {
  background-image: url(../../../images/icon-right-light.png);
  background-image: url(../../../images/icon-right-light.svg), linear-gradient(transparent, transparent);
}

#go-to-top a {
  background-image: url(../../../images/icon-up-light.png);
  background-image: url(../../../images/icon-up-light.svg), linear-gradient(transparent, transparent);
}

#go-to-top {
  border-right: 1px solid #fff;
}

/* INTERFACE==============================================================================*/
.view-switcher span {
  background: #ee7326;
}

.layout-blog .fields-container dd {
  background-color: #000;
}

span.highlight {
  background-color: #ee7326;
  color: #fff;
}

#roksearch_results span.small, dd.result-category {
  color: #292829;
}

.lSPager li.active::before {
  background: #013754;
}

button.btn {
  color: #fff;
  background-color: #ee7326;
  border: 1px solid #ee7326;
}

ul.tags li a, #pop-print a, .contentpane.modal button {
  background: #013754;
  color: #fff;
}

ul.tags li a:hover, #pop-print a:hover, .contentpane.modal button:hover {
  background: #000;
  color: #fff;
}

#breaking::before{
    background:#ee7326;
    color:#fff;
}

/* TEKST==================================================================================*/
a.reageren {
  background-color: #292829;
}

.blog .page-header h1 {
  color: #292829;
}

[class*=article-list] h3 {
  color: #292829;
}

.item-page a {
  color: #292829;
}

div#error-page a {
    color: #ee7326;
}

/* FOOTER=================================================================================*/
footer, #footer-wrapper-0 {
  background: #292929;
}

#footer-wrapper-1 {
  background: #013754;
}

#copyright {
    color: #fff;
}

footer ul.over:before {
  content: "Over ons";
 }
 
 footer ul.adverteren:before {
  content: "Adverteren";
 }
 
 footer ul.app:before {
  content: "App downloaden";
 }

/* AGENDA================================================================================*/
 .newsextra.agendadate, .daterangepicker td.active, .daterangepicker td.active:hover {
  background: #ee7326 !important;
}

dd.newsextra.agendaenddate, .firstdate, .agendalijst.small .agendaenddate::before, #src-date-start>div, #src-date-end>div {
  color: #ee7326;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  border: solid #ee7326;
}

/* TV RADIO GUIDE=========================================================================*/
.guide-item-time {
    background: #013754;
    color: #fff;
}

.guide-item-time.now {
    background: #292929;
    color:#fff;
}

.guide-item-rewatch a,
.tab button.active,
.guide-item-presenter h3 {
    color: #ee7326;
}

/* RESPONSIVE=============================================================================*/
@media screen and (max-width: 1023px) {
  #navigation {
    border-top: 5px solid #013754;
    background: #ffffff;
  }

  #mobile-nav-container nav ul li.active>a {
    color: #ee7326;
  }
    header {
    background: #013754;
  }

  div#logo {
    width: 80px;
    margin-top: 5px;
    height: 50px;
  }
}