/**
 * Theme Name: De Onderwijzer
 * Template: iconic-one
 */

/*  colors */
:root {
  --primary-color: #cd553f;
  --secondary-color: #38a793;
  --tertiary-color: #f2eee2;
  --quaternary-color: #f2eee2;
  --light-gray-color: #dcdcde;
  --dark-gray-color: #2a2c30;
  --septenary-color: #a8534b;
  --text-color: #3a3a3a;
}

/* General */
/* Typography */
@media screen and (min-width: 420px) {
  .entry-header .entry-title {
    font-size: 22px;
  }
}

/* frontpage */
.home .site-content article {
  border-bottom: 1px solid var(--light-gray-color);
  margin-bottom: 12px;
  padding-bottom: 0;
}

.home footer.entry-meta {
  display: none;
}

/* main menu */
.themonic-nav .current-menu-item>a,
.themonic-nav .current-menu-ancestor>a,
.themonic-nav .current_page_item>a,
.themonic-nav .current_page_ancestor>a {
  background: none repeat scroll 0 0 var(--primary-color);
  color: #FFFFFF;
  font-weight: bold;
}

.themonic-nav ul.nav-menu,
.themonic-nav div.nav-menu>ul {
  background: none repeat scroll 0 0 #FFF;
  border-bottom: 5px solid var(--primary-color);
  border-top: none;
}

.themonic-nav li:hover {
  background: var(--primary-color);
}
#searchsubmit {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}
a {
  color: var(--primary-color);
  text-decoration: none;
}
a:hover {
  color: var(--septenary-color);
  text-decoration: underline;
}

.popover-button {
  color: var(--primary-color);
}
.popover-button:hover {
  color: var(--septenary-color);
}

/* logo */
.themonic-logo {
  padding: 0;
  margin: 0 0 10px;
}