html, body {
  font-family: 'Hind', sans-serif;
  font-weight: 200;
  font-size: 14px;
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 1.4;
}

ol, ul {
  padding: 0;
  margin-left: 1.5em;
  margin-bottom: 1em;
}

ol p, ul p {
  display: none;
}

li p {
  display: block;
}

.article-title, .article-title a, .article-title a:link, .article-title a:visited  {
  font-size: 14px;
  font-size: 1.1rem;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  /*margin: 0 2em 0 0;*/
}

.site-main .cat-archive-link {
  text-decoration: none;
}
.site-main .article-title-main {
  text-decoration: none;
  position: relative;
}
.site-main .article-title-main:after {
  content: '';

  width: 100%;
  position: absolute;
  left: 0;
  bottom: 3px;

  border-width: 0 0 1px;
  border-style: solid;
}

.site-main .article-title a,
.site-main .article-title a:link,
.site-main .article-title a:visited {
  text-decoration: none;
  color: #006c86;
}

.site-main .article-title .main-cat-link,
.site-main .article-title .main-cat-link:link,
.site-main .article-title .main-cat-link:visited {
  color: #000 !important;
}

.site-main .article-title a:hover {
  /*text-decoration: underline;*/
}

.page-title {
  margin: 0.6em 0;
}

a, a:link, a:active, a:visited {
  color: #006c86;
}

.fulljustify {
  text-align:justify;
  height: 28px;
  overflow: hidden;
  line-height: 28px; /* vert-center */
}

.fulljustify:after {
    content: "";
    display: inline-block;
    width: 100%;
}

*:focus {
    outline: none;
}
.article-title-main {
  margin-right: 1em;
}
.sub-cat-link {
  margin: 0 1em;
}
.sub-cat-link.active a, .sub-cat-link.active a:link, .sub-cat-link.active a:visited {
  /*text-decoration: underline !important;*/
  position: relative;
}
.sub-cat-link.active a:after {
  content: '';

  width: 100%;
  position: absolute;
  left: 0;
  bottom: 3px;

  border-width: 0 0 1px;
  border-style: solid;
}
.bloginfo_sidebar {
  color: #008387;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  padding-left: 3em;
  font-weight: 500;
}

.page-content, .entry-content, .entry-summary {
  margin-top: 0;
}

.site-footer .site-info {
  margin: 20px auto;
  width: 100%;
  text-align: center;
}

.cat-beeldmateriaal .gallery-item,
.category-beeldmateriaal .gallery-item {
  margin: 0 auto;
}

.page-article {
  /*padding-bottom: 2em;*/
}
.page-article .entry-header {
  padding: 0.5em 0 0.1em 3em;
}
.page-article .entry-content {
  padding: 0 1em 0 3em;
}
.de2deverdieping_menu_list {
  list-style: none;
  list-style-type: none;
  padding: 0;
  padding-left: 3em;
  margin: 0.5em 0 0 0;
}
.de2deverdieping_menu_list .nav-item a,
.de2deverdieping_menu_list .nav-item a:link,
.de2deverdieping_menu_list .nav-item a:visited {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  outline: none;
  font-size: 14px;
  font-size: 1.1rem;
}
.de2deverdieping_menu_list .nav-item.active a,
.de2deverdieping_menu_list .nav-item.active a:link,
.de2deverdieping_menu_list .nav-item.active a:visited {
  /*text-decoration: underline;*/
  text-decoration: none;
  position: relative;
}
.de2deverdieping_menu_list .nav-item.active a:after {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 4px;
  border-width: 0 0 1px;
  border-style: solid;
}

.de2deverdieping_menu_list .nav-item.active .sub-nav-items .sub-nav-item a:after {
  border: none !important;
  display: none;
}
.de2deverdieping_menu_list .nav-item .sub-nav-items {
  margin: 0;
  display: none;
}
.de2deverdieping_menu_list .nav-item.active .sub-nav-items {
  display: block;
}
.sub-nav-items .sub-nav-item a,
.sub-nav-items .sub-nav-item a:link,
.sub-nav-items .sub-nav-item a:visited {
  color: #008387;
  text-decoration: none !important;
}
.gallery-item {
  margin: 0 !important;
}

aside .wp-caption-text {
  display: none;
}

#cboxCurrent, #cboxTitle {
  line-height: 0.8;
  font-size: 14px;
  font-size: 1rem;
}

.gallery img {
  border: none !important;
}
.entry-content .gallery-caption {
  display: block;
  font-size: 12px;
  font-size: 0.8rem;
  margin-bottom: 1em;
}

#tooltip {
  display: none !important;
}
.site-main .entry-header {
  padding-top: 1em;
}
#cboxOverlay{
  background: none !important;
}

/*****MEDIA QUERIES *******/


@media only screen and (max-width: 649px) {
  .site-branding {
    overflow: hidden;
  }
  .site-branding img {
    min-width: 640px;
    overflow: hidden;
  }
  .home .page-article .gallery {
    margin: 8px 8px 8px 48px;
    width: 100%;
  }

  .home .page-article .gallery .gallery-item {
    /*margin-right: 8px !important;*/
    /*max-width: 40% !important;*/
    padding: 0 2px;
  }
  .site-content .widget-area {
    top: 58px;
  }
  .content-area {
    margin: 220px 0 0 0;
  }
  .entry-footer {
    display: none;
  }

  .widget-area {
    margin-top: 2em;
  }
  .de2deverdieping_menu_list {
    margin-top: 60px;
  }
  .site-description {
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 1.8em 0 3em;
    color: #008387;
    font-size: 16px;
    font-size: 1rem;
    margin-top: -26px;
  }
  .bloginfo_sidebar {
    display: none;
  }
  .sub-cat-link {
    display: block;
    line-height: 1.8;
  }
}

@media only screen and (min-width: 320px) {
  .de2deverdieping_menu_list {
    margin-top: 92px;
  }
}

@media only screen and (min-width: 375px) {
  .de2deverdieping_menu_list {
    margin-top: 72px;
  }
}
@media only screen and (min-width: 600px) {
  .de2deverdieping_menu_list {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 650px) {
  .sub-cat-link {
    display: inline;
  }
  .content-area {
    margin: 0;
  }
  .site-description {
    display: none;
  }
  .de2deverdieping_menu_list {
    padding: 0;
    margin-top: 9px;
  }
  .entry-footer {
    display: none;
  }
  .de2deverdieping_menu_list .nav-item {
    text-align: right;
  }

  .bloginfo_sidebar {
    color: #008387;
    font-weight: 500;
    font-size: 14px;
    font-size: 0.8rem;
    text-transform: uppercase;
    text-align: right;
    margin-top: 2em;
  }

  .site-header {
    position: fixed;
    top: 20px;
    z-index: -1;
    width: 100%;
    height: 140px;
    background-image: url(logo-de-2de-verdieping-before.png);
    background-repeat: repeat-x;
    background-color: transparent;
    padding-left: 6px;
  }

  .site-branding {
    margin: 0 auto;
    width: 100%;
    height: 140px;
    background-image: url(logo-de-2de-verdieping-after.png);
    background-repeat: repeat-x;
  }

  .de2deverdieping_menu {
    position: fixed;
    top: 222px;
    width: 250px;
    padding: 12px 32px 0 0;
  }

  .site-content {
    margin: 190px 40px 20px 100px;
    width: 520px;
  }

  .home .page-article .gallery {
    margin: 8px 8px 8px 48px;
    width: 100%;
  }
  .home .page-article .gallery .gallery-item {
    padding: 0 4px;
  }
  .page-article.last-item {
    min-height: 700px;
  }

  .sidebar_line {
    display: block;
  }

  .page-article .article-anchor,
  .article-with-subs .article-anchor {
    margin-top: -190px;
    padding-bottom: 190px;
    display: block;
  }

}

@media only screen and (min-width: 850px) {
  .site-content {
    margin: 180px 40px 20px 60px;
    width: 780px;
  }

}

@media only screen and (min-width: 1024px) {
  .site-branding {
    margin: 0 40px 0 132px;
  }

  .page-article .article-anchor,
  .article-with-subs .article-anchor {
    margin-top: -180px;
    padding-bottom: 190px;
    display: block;
  }
  .entry-footer {
    display: block;
    clear: both;
    width: 70%;
    color: #008387;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 0.8rem;
    display: none;
  }
  .entry-footer a, .entry-footer a:link, .entry-footer a:visited {
    text-decoration: none;
  }
  .entry-footer a:hover {
    text-decoration: underline;
  }
  .site-content {
    margin: 180px 40px 20px 0px;
    width: 1024px;
  }
  .de2deverdieping_menu {
    width: 274px;
  }
  .site-main .entry-header,
  .site-main .entry-content {
    width: 70%;
    overflow: hidden;
    float: left;
    padding-right: 1em;
  }
  .site-main .item aside {
    width: 30%;
    float: right;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-top: -90px;
    /*border-bottom: 1px solid #076883;*/
  }


  .home .page-article .gallery {

    margin: 0;
    margin-top: 22px;
  }

  aside .gallery-item {
    padding: 0;
    margin: 0;
    min-width: 100px;
    max-width: 100% !important;
    text-align: left;
  }
  .cboxElement img {
    border: none !important;
    width: 100%;
  }
  .page-article {
    overflow: hidden;
  }

}

@media only screen and (min-width: 1150px) {
  .bloginfo_sidebar {
    font-size: 16px;
    font-size: 1rem;
  }
  .site-header {
    padding-left: 60px;
  }
  .site-content {
    margin: 180px 40px 20px 30px;
    width: 1120px;
  }

  .de2deverdieping_menu {
    width: 328px;
  }

  .site-main .entry-header,
  .site-main .entry-content {
    width: 70%;
    overflow: hidden;
    float: left;
    padding-right: 1.5em;

  }

  .site-main .item aside {
    width: 30%;
    float: right;
    padding-left: 0.5em;
    margin-top: -89px;
  }
  .entry-footer {
    display: none;
    clear: both;
    width: 70%;
  }
}

@media only screen and (min-width: 1279px) {
  .site-header {
    padding-left: 68px;
  }
  .site-content {
    margin: 180px 20px 20px 0px;
    width: 1271px;
  }
  .de2deverdieping_menu {
    width: 340px;
  }

  .site-main .entry-header,
  .site-main .entry-content {
    width: 70%;
    overflow: hidden;
    padding-right: 2em;
  }
  .site-main .item aside {
    width: 30%;
    padding-left: 0.5em;
    margin-top: -89px;
  }
  .entry-footer {
    width: 70%;
  }

}

@media only screen and (min-width: 1400px) {
  .site-header {
    padding-left: 134px;
  }
  .site-content {
    margin: 180px 20px 20px 50px;
    width: 1334px;
  }
  .de2deverdieping_menu {
    width: 400px;
  }
  .de2deverdieping_menu_list {
    margin-top: 8px;
  }
  .site-main .entry-header,
  .site-main .entry-content {
    width: 65%;
    overflow: hidden;
    padding-right: 2em;
  }
  .site-main .item aside {
    width: 35%;
    padding-left: 0em;
  }
  .entry-footer {
    width: 75%;
  }
  .home .page-article .gallery {
    /*margin-left: 16px;*/
    padding-left: 16px;
  }
  .page-article .article-anchor#home, .article-with-subs .article-anchor#home {
    margin-top: -181px;
  }

}

@media only screen and (min-width : 1824px) {
  .page-article .article-anchor#home, .article-with-subs .article-anchor#home {
    margin-top: -181px;
  }

  .site-header {
    padding-left: 388px;
  }
  .site-content {
    margin: 180px 40px 20px 50px;
    width: 1766px;
  }
  .de2deverdieping_menu {
    width: 516px;
  }
}