/*!
Theme Name: DGG
Theme URI: http://underscores.me/
Author: Janita Top
Author URI: http://janitatop.nl
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dgg
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

DGG is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* hoofdmenu en h1, locatie cascadeplein-buiten en digitaal */
/* locatie zuiderhaven */
/* locatie cascadeplein 4 */
/* locatie cascadeplein 10, 4 (2022) en provincie */
/* locatie cascadeplein 9 en stad en Groninger Museum */
/*

    font-family: 'Montserrat', sans-serif;

    font-family: 'Oswald', sans-serif;
    
    font-family: 'Roboto', sans-serif;

*/
/*Function to calculate em from px , use like font-size: em(14)*/
/* Text meant only for screen readers. */
/* underscores breakpoint is at 600px /37.5 em */
/* checkbox rectangle */
/* to include colored corner */
/* mobile */
/* footer square */
/* to include colored top left corner */
/* to include blue left bullet block */
/* to include bottom border */
/* border met gekleurd blokje */
/* border met social media icons */
/* border met padding */
/* to include bottom short white border */
/* to include bottom short white border on mobile */
/* blue small border in event detail info */
/* to include bottom short red border in main menu */
/* to include top colored location border */
/* reset styles for grid areas */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: 'Montserrat', sans-serif;
  color: #0f283a;
  font-weight: normal; }

h1 {
  font-size: 1.625em;
  letter-spacing: 0.9px;
  margin: 0; }

h2 {
  font-size: 1.25em; }

footer h3 {
  font-family: Oswald, sans-serif; }

p {
  margin-bottom: 1.5em;
  font-family: Roboto;
  font-size: 0.875em;
  color: #232323;
  word-break: normal;
  -webkit-hyphens: auto;
          hyphens: auto; }

@media (max-width: 960px) {
  p {
    font-size: 0.8125em;
    padding-bottom: 10px; } }

.entry-content {
  position: relative;
  padding-bottom: 40px;
  /* social share buttons */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto; }
  .entry-content p img {
    padding-bottom: 1.5em; }
  .entry-content ol, .entry-content ul {
    margin-left: .8em;
    padding-left: 0; }
  .entry-content ol li, .entry-content ul li {
    font-size: 0.875em; }
  .entry-content a, .entry-content li a {
    color: #0f283a; }
    .entry-content a:visited, .entry-content li a:visited {
      color: #47729C; }
  @media (min-width: 961px) {
    .entry-content:after {
      width: 360px;
      content: '';
      height: 1px;
      background-color: #0f283a;
      position: absolute;
      bottom: 0;
      left: 240px; } }
  @media (max-width: 960px) {
    .entry-content:after {
      width: calc(100% - 100px);
      content: '';
      height: 1px;
      background-color: #0f283a;
      position: absolute;
      bottom: 0;
      left: 0; } }
  .entry-content .wp-caption-text,
  .entry-content .featured-image-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    text-align: left;
    font-style: italic; }
    @media (max-width: 960px) {
      .entry-content .wp-caption-text,
      .entry-content .featured-image-caption {
        font-size: 0.8125em; } }
dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

.mobile-info {
  display: none; }
  @media (max-width: 960px) {
    .mobile-info {
      display: block;
      margin-top: 20px; } }
.hide-mobile {
  display: block; }
  @media (max-width: 960px) {
    .hide-mobile {
      display: none; } }
.site, .site-footer {
  max-width: 1440px;
  margin: 0 auto; }

.site-main {
  position: relative; }

.site-header {
  position: fixed;
  background-color: white;
  z-index: 1;
  top: 0; }
  @media (max-width: 960px) {
    .site-header {
      box-shadow: 0 -1px 10px #969197; } }
  @media (min-width: 961px) {
    .site-header {
      width: 942px;
      /* voor FF 940 beter */
      left: calc( (100vw - 958px) / 2);
      /* voor FF 940 beter */
      height: 75px;
      border-bottom: 1px solid black; } }
  @media (min-width: 1380px) {
    .site-header {
      width: 100%;
      max-width: 1190px;
      /* vanwege border die doorloopt */
      padding-right: 250px; } }
@media (max-width: 960px) {
  .site-content {
    padding: 10px; } }

@media (min-width: 961px) {
  .site-content {
    max-width: 940px;
    margin: 0 auto;
    padding: 100px 0; } }

@media (min-width: 961px) {
  .site-branding {
    width: 250px;
    float: left; }
    .site-branding .site-title {
      height: 75px; } }

@media (max-width: 960px) {
  .site-branding {
    padding-left: 10px; }
    .site-branding .site-title {
      height: 60px; } }

.site-branding .site-title {
  margin: 6px 0 0 0;
  position: relative; }
  .site-branding .site-title a {
    display: block;
    /*background: transparent url(/wp-content/themes/dgg/img/logo-header.svg) 0 0 no-repeat;*/
    background: transparent url(/wp-content/themes/dgg/img/Logo_DGG_mt.png) 0 0 no-repeat;
    background-size: 179px 62px;
    height: 62px;
    width: 179px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
  @media (max-width: 960px) {
    .site-branding .site-title a {
      background-size: auto 50px;
      height: 50px;
      width: 200px; } }
/* introtekstjes algemeen */
.intro {
  position: relative; }
  .intro a {
    text-decoration: none;
    display: block; }
    .intro a:focus:within {
      outline: 1px solid #85b5d9; }
  .intro h3 {
    font-family: Oswald;
    font-size: 1.3125em;
    color: #000;
    margin: 0; }
  .intro.cascadeplein-buiten:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #0f283a;
    position: absolute;
    bottom: 0;
    right: 0; }
  .intro.cascadeplein-4:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #52ae33;
    position: absolute;
    bottom: 0;
    right: 0; }
  .intro.cascadeplein-6:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #ffed00;
    position: absolute;
    bottom: 0;
    right: 0; }
  .intro.cascadeplein-10:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #52ae33;
    position: absolute;
    bottom: 0;
    right: 0; }
  .intro.zuiderhaven:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #85b5d9;
    position: absolute;
    bottom: 0;
    right: 0; }
  .intro.digitaal:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #0f283a;
    position: absolute;
    bottom: 0;
    right: 0; }
  .intro.stad:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #ffed00;
    position: absolute;
    bottom: 0;
    right: 0; }
  .intro.provincie:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #52ae33;
    position: absolute;
    bottom: 0;
    right: 0; }
  @media (max-width: 960px) {
    .intro.cascadeplein-buiten:after {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #0f283a;
      position: absolute;
      bottom: 0;
      right: 0; }
    .intro.cascadeplein-4:after {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #52ae33;
      position: absolute;
      bottom: 0;
      right: 0; }
    .intro.cascadeplein-6:after {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #ffed00;
      position: absolute;
      bottom: 0;
      right: 0; }
    .intro.cascadeplein-10:after {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #52ae33;
      position: absolute;
      bottom: 0;
      right: 0; }
    .intro.zuiderhaven:after {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #85b5d9;
      position: absolute;
      bottom: 0;
      right: 0; }
    .intro.digitaal:after {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #0f283a;
      position: absolute;
      bottom: 0;
      right: 0; }
    .intro.stad:after {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #ffed00;
      position: absolute;
      bottom: 0;
      right: 0; }
    .intro.provincie:after {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #52ae33;
      position: absolute;
      bottom: 0;
      right: 0; } }
.date {
  display: none; }
  @media (max-width: 960px) {
    .date {
      display: block;
      font-family: Roboto;
      font-size: 0.875em;
      color: #232323; } }
.leesmeer {
  font-family: Roboto;
  font-size: 0.875em;
  color: #232323;
  display: inline; }
  @media (max-width: 960px) {
    .leesmeer:after {
      content: " >>"; } }
.nav-links {
  margin: 20px 0; }
  .nav-links a, .nav-links a:hover, .nav-links a:visited {
    font-family: Roboto;
    font-size: 1em;
    color: #232323;
    display: block;
    margin-top: 20px; }
    @media (max-width: 960px) {
      .nav-links a, .nav-links a:hover, .nav-links a:visited {
        font-size: 0.875em; } }
  .nav-links .current {
    font-family: Roboto;
    font-size: 1em;
    color: #85b5d9; }
    @media (max-width: 960px) {
      .nav-links .current {
        font-size: 0.875em; } }
  .nav-links a.prev {
    margin-right: 10px; }
    .nav-links a.prev:before {
      content: "<< "; }
    @media (max-width: 960px) {
      .nav-links a.prev {
        padding-left: 1em; } }
  .nav-links a.next {
    margin-left: 10px; }
    .nav-links a.next:after {
      content: " >>"; }
    @media (max-width: 960px) {
      .nav-links a.next {
        padding-right: 1em; } }
  .nav-links a.page-numbers {
    display: inline;
    padding: .2em; }

/* op overzichtspagina's */
.home .intro:not(.main):before,
.page-template-news-page .intro:not(.main):before,
.search-results .intro:not(.main):before,
.single-dgg_event .intro:not(.main):before,
.single-post .intro:not(.main):before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #0f283a;
  position: absolute;
  bottom: 0;
  left: 0; }

.home .intro.event:before,
.home .intro.eventrow:before,
.page-template-news-page .intro.event:before,
.page-template-news-page .intro.eventrow:before,
.search-results .intro.event:before,
.search-results .intro.eventrow:before,
.single-dgg_event .intro.event:before,
.single-dgg_event .intro.eventrow:before,
.single-post .intro.event:before,
.single-post .intro.eventrow:before {
  width: calc(100% - 30px);
  content: '';
  height: 1px;
  background-color: #0f283a;
  position: absolute;
  bottom: 0;
  left: 0; }

/* programmaoverzicht */
section.program {
  margin-bottom: 20px; }
  section.program .show-locations {
    display: none; }
    @media (max-width: 960px) {
      section.program .show-locations {
        display: block;
        position: relative;
        margin-top: 20px;
        width: 280px; } }
    section.program .show-locations button {
      height: 40px;
      padding: 0.8125em 1.875em;
      font-size: 1em;
      font-family: 'Montserrat', sans-serif;
      font-size: 0.875em;
      text-align: left;
      background-color: rgba(249, 249, 249, 0.8);
      border: none;
      cursor: pointer; }
      section.program .show-locations button:before {
        content: '';
        width: 10px;
        height: 10px;
        background-color: #0f283a;
        position: absolute;
        top: 0;
        left: 0; }
  section.program .locations {
    width: 220px;
    height: 220px;
    background: transparent url(/wp-content/themes/dgg/img/Locaties_Cascade4.jpg) 0 0 no-repeat;
    background-size: 220px 220px;
    position: relative; }
    section.program .locations a {
      display: block;
      height: 100%;
      text-decoration: none;
      color: #0f283a; }
    section.program .locations:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #0f283a;
      position: absolute;
      top: 0;
      left: 0; }
    section.program .locations .heading {
      padding: 0.8125em 1.875em;
      font-size: 1em;
      font-family: 'Montserrat', sans-serif;
      background-color: rgba(249, 249, 249, 0.8); }
    @media (max-width: 960px) {
      section.program .locations {
        display: none;
        margin-top: -40px;
        height: 220px;
        width: 280px;
        background-size: 280px 280px;
        background-position: 0 -60px; }
        section.program .locations .heading {
          width: 280px; } }
.no-cssgrid section.program .intro {
  padding-right: 20px; }

body.search-results h1 {
  padding-bottom: 20px; }

.search-results, .page-template-program-page, .page-template-program-page-month {
  /* filters */
  /* tijdstip filter */ }
  .search-results .program h1, .page-template-program-page .program h1, .page-template-program-page-month .program h1 {
    margin-top: 0; }
    @media (max-width: 960px) {
      .search-results .program h1, .page-template-program-page .program h1, .page-template-program-page-month .program h1 {
        text-transform: uppercase;
        font-size: 1.125em; } }
  .search-results .filter, .page-template-program-page .filter, .page-template-program-page-month .filter {
    padding-top: 30px; }
  .search-results .facetwp-counter, .page-template-program-page .facetwp-counter, .page-template-program-page-month .facetwp-counter {
    display: none; }
  .search-results .filter button, .page-template-program-page .filter button, .page-template-program-page-month .filter button {
    display: block;
    width: 220px;
    height: 30px;
    border: none;
    border-bottom: 1px solid #0f283a;
    background: transparent url(/wp-content/themes/dgg/img/chevron.svg) center right no-repeat;
    background-size: 18px 10px;
    cursor: pointer;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    padding: 0;
    color: #0f283a; }
    @media (max-width: 960px) {
      .search-results .filter button, .page-template-program-page .filter button, .page-template-program-page-month .filter button {
        width: calc(100% - 10px); } }
  .search-results .facetwp-checkbox, .page-template-program-page .facetwp-checkbox, .page-template-program-page-month .facetwp-checkbox {
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    color: #0f283a;
    padding-left: 25px;
    position: relative;
    background-image: none;
    position: relative; }
    .search-results .facetwp-checkbox:before, .page-template-program-page .facetwp-checkbox:before, .page-template-program-page-month .facetwp-checkbox:before {
      content: '';
      width: 18px;
      height: 18px;
      border: 1px solid #0f283a;
      position: absolute;
      top: 3px;
      left: 0; }
  .search-results .facetwp-checkbox.checked, .page-template-program-page .facetwp-checkbox.checked, .page-template-program-page-month .facetwp-checkbox.checked {
    background-image: url(/wp-content/themes/dgg/img/Vinkje.svg);
    background-position: 2px 6px;
    background-size: 14px 12px; }
  .search-results .facetwp-checkbox[data-value="cascadeplein-4"]:after, .page-template-program-page .facetwp-checkbox[data-value="cascadeplein-4"]:after, .page-template-program-page-month .facetwp-checkbox[data-value="cascadeplein-4"]:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #52ae33;
    position: absolute;
    bottom: 3px;
    right: 0; }
  .search-results .facetwp-checkbox[data-value="cascadeplein-6"]:after, .page-template-program-page .facetwp-checkbox[data-value="cascadeplein-6"]:after, .page-template-program-page-month .facetwp-checkbox[data-value="cascadeplein-6"]:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #ffed00;
    position: absolute;
    bottom: 3px;
    right: 0; }
  .search-results .facetwp-checkbox[data-value="cascadeplein-10"]:after, .page-template-program-page .facetwp-checkbox[data-value="cascadeplein-10"]:after, .page-template-program-page-month .facetwp-checkbox[data-value="cascadeplein-10"]:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #52ae33;
    position: absolute;
    bottom: 3px;
    right: 0; }
  .search-results .facetwp-checkbox[data-value="cascadeplein-buiten"]:after, .page-template-program-page .facetwp-checkbox[data-value="cascadeplein-buiten"]:after, .page-template-program-page-month .facetwp-checkbox[data-value="cascadeplein-buiten"]:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #0f283a;
    position: absolute;
    bottom: 3px;
    right: 0; }
  .search-results .facetwp-checkbox[data-value="zuiderhaven"]:after, .page-template-program-page .facetwp-checkbox[data-value="zuiderhaven"]:after, .page-template-program-page-month .facetwp-checkbox[data-value="zuiderhaven"]:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #85b5d9;
    position: absolute;
    bottom: 3px;
    right: 0; }
  .search-results .facetwp-checkbox[data-value="stad"]:after, .page-template-program-page .facetwp-checkbox[data-value="stad"]:after, .page-template-program-page-month .facetwp-checkbox[data-value="stad"]:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #ffed00;
    position: absolute;
    bottom: 3px;
    right: 0; }
  .search-results .facetwp-checkbox[data-value="groninger-museum"]:after, .page-template-program-page .facetwp-checkbox[data-value="groninger-museum"]:after, .page-template-program-page-month .facetwp-checkbox[data-value="groninger-museum"]:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #ffed00;
    position: absolute;
    bottom: 3px;
    right: 0; }
  .search-results .facetwp-checkbox[data-value="provincie"]:after, .page-template-program-page .facetwp-checkbox[data-value="provincie"]:after, .page-template-program-page-month .facetwp-checkbox[data-value="provincie"]:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #52ae33;
    position: absolute;
    bottom: 3px;
    right: 0; }
  .search-results .facetwp-checkbox[data-value="digitaal"]:after, .page-template-program-page .facetwp-checkbox[data-value="digitaal"]:after, .page-template-program-page-month .facetwp-checkbox[data-value="digitaal"]:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #0f283a;
    position: absolute;
    bottom: 3px;
    right: 0; }
  .search-results .filter.active button, .page-template-program-page .filter.active button, .page-template-program-page-month .filter.active button {
    background-image: url(/wp-content/themes/dgg/img/chevron-up.svg); }
  .search-results .facetwp-facet, .page-template-program-page .facetwp-facet, .page-template-program-page-month .facetwp-facet {
    padding: 10px 0 25px 0;
    display: none;
    position: absolute;
    z-index: 1;
    background: white;
    width: 220px;
    height: auto; }
    .search-results .facetwp-facet select, .search-results .facetwp-facet select:focus, .search-results .facetwp-facet select:active, .page-template-program-page .facetwp-facet select, .page-template-program-page .facetwp-facet select:focus, .page-template-program-page .facetwp-facet select:active, .page-template-program-page-month .facetwp-facet select, .page-template-program-page-month .facetwp-facet select:focus, .page-template-program-page-month .facetwp-facet select:active {
      border: none;
      width: 100%;
      padding: 0; }
    @media (max-width: 960px) {
      .search-results .facetwp-facet, .page-template-program-page .facetwp-facet, .page-template-program-page-month .facetwp-facet {
        width: calc(100% - 10px); } }
  .search-results #timeoptions, .page-template-program-page #timeoptions, .page-template-program-page-month #timeoptions {
    display: none;
    padding: 10px 0 25px 0;
    position: absolute;
    z-index: 1;
    background: white;
    width: 220px;
    height: auto; }
    @media (max-width: 960px) {
      .search-results #timeoptions, .page-template-program-page #timeoptions, .page-template-program-page-month #timeoptions {
        width: calc(100% - 10px); } }
  .search-results .timetarget, .page-template-program-page .timetarget, .page-template-program-page-month .timetarget {
    cursor: pointer;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 4px; }
  .search-results button.reset, .page-template-program-page button.reset, .page-template-program-page-month button.reset {
    /*display: none;*/
    /* temp until filters work */
    background: none;
    border: 1px solid #0f283a;
    height: 26px;
    width: 160px;
    vertical-align: center;
    cursor: pointer;
    margin-top: 30px;
    margin-left: 30px; }
    .search-results button.reset:hover, .search-results button.reset:focus, .page-template-program-page button.reset:hover, .page-template-program-page button.reset:focus, .page-template-program-page-month button.reset:hover, .page-template-program-page-month button.reset:focus {
      background-color: #0f283a;
      color: white; }
    @media (max-width: 960px) {
      .search-results button.reset, .page-template-program-page button.reset, .page-template-program-page-month button.reset {
        margin-left: 0; } }
  .search-results .time-divider, .page-template-program-page .time-divider, .page-template-program-page-month .time-divider {
    font-size: 1.125em;
    font-family: 'Montserrat', sans-serif;
    margin: 10px 0;
    position: relative; }
    .search-results .time-divider:after, .page-template-program-page .time-divider:after, .page-template-program-page-month .time-divider:after {
      width: calc(100% - 110px);
      content: '';
      height: 1px;
      background-color: #0f283a;
      position: absolute;
      bottom: 7px;
      left: 110px; }
  .search-results .event-overview-single, .page-template-program-page .event-overview-single, .page-template-program-page-month .event-overview-single {
    background-color: #f9f9f9;
    padding: 1em 1.25em;
    position: relative; }
    .search-results .event-overview-single.cascadeplein-buiten:before, .page-template-program-page .event-overview-single.cascadeplein-buiten:before, .page-template-program-page-month .event-overview-single.cascadeplein-buiten:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #0f283a;
      position: absolute;
      top: 0;
      left: 0; }
    .search-results .event-overview-single.cascadeplein-4:before, .page-template-program-page .event-overview-single.cascadeplein-4:before, .page-template-program-page-month .event-overview-single.cascadeplein-4:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #52ae33;
      position: absolute;
      top: 0;
      left: 0; }
    .search-results .event-overview-single.cascadeplein-6:before, .page-template-program-page .event-overview-single.cascadeplein-6:before, .page-template-program-page-month .event-overview-single.cascadeplein-6:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #ffed00;
      position: absolute;
      top: 0;
      left: 0; }
    .search-results .event-overview-single.cascadeplein-10:before, .page-template-program-page .event-overview-single.cascadeplein-10:before, .page-template-program-page-month .event-overview-single.cascadeplein-10:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #52ae33;
      position: absolute;
      top: 0;
      left: 0; }
    .search-results .event-overview-single.zuiderhaven:before, .page-template-program-page .event-overview-single.zuiderhaven:before, .page-template-program-page-month .event-overview-single.zuiderhaven:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #85b5d9;
      position: absolute;
      top: 0;
      left: 0; }
    .search-results .event-overview-single.stad:before, .page-template-program-page .event-overview-single.stad:before, .page-template-program-page-month .event-overview-single.stad:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #ffed00;
      position: absolute;
      top: 0;
      left: 0; }
    .search-results .event-overview-single.groninger-museum:before, .page-template-program-page .event-overview-single.groninger-museum:before, .page-template-program-page-month .event-overview-single.groninger-museum:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #ffed00;
      position: absolute;
      top: 0;
      left: 0; }
    .search-results .event-overview-single.provincie:before, .page-template-program-page .event-overview-single.provincie:before, .page-template-program-page-month .event-overview-single.provincie:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #52ae33;
      position: absolute;
      top: 0;
      left: 0; }
    .search-results .event-overview-single.digitaal:before, .page-template-program-page .event-overview-single.digitaal:before, .page-template-program-page-month .event-overview-single.digitaal:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #0f283a;
      position: absolute;
      top: 0;
      left: 0; }
    .search-results .event-overview-single.cascadeplein-buiten .locaties:before, .page-template-program-page .event-overview-single.cascadeplein-buiten .locaties:before, .page-template-program-page-month .event-overview-single.cascadeplein-buiten .locaties:before {
      content: '';
      width: 20px;
      height: 2px;
      background-color: #0f283a;
      position: absolute;
      top: -5px;
      left: 0; }
    .search-results .event-overview-single.cascadeplein-4 .locaties:before, .page-template-program-page .event-overview-single.cascadeplein-4 .locaties:before, .page-template-program-page-month .event-overview-single.cascadeplein-4 .locaties:before {
      content: '';
      width: 20px;
      height: 2px;
      background-color: #52ae33;
      position: absolute;
      top: -5px;
      left: 0; }
    .search-results .event-overview-single.cascadeplein-6 .locaties:before, .page-template-program-page .event-overview-single.cascadeplein-6 .locaties:before, .page-template-program-page-month .event-overview-single.cascadeplein-6 .locaties:before {
      content: '';
      width: 20px;
      height: 2px;
      background-color: #ffed00;
      position: absolute;
      top: -5px;
      left: 0; }
    .search-results .event-overview-single.cascadeplein-10 .locaties:before, .page-template-program-page .event-overview-single.cascadeplein-10 .locaties:before, .page-template-program-page-month .event-overview-single.cascadeplein-10 .locaties:before {
      content: '';
      width: 20px;
      height: 2px;
      background-color: #52ae33;
      position: absolute;
      top: -5px;
      left: 0; }
    .search-results .event-overview-single.zuiderhaven .locaties:before, .page-template-program-page .event-overview-single.zuiderhaven .locaties:before, .page-template-program-page-month .event-overview-single.zuiderhaven .locaties:before {
      content: '';
      width: 20px;
      height: 2px;
      background-color: #85b5d9;
      position: absolute;
      top: -5px;
      left: 0; }
    .search-results .event-overview-single.stad .locaties:before, .page-template-program-page .event-overview-single.stad .locaties:before, .page-template-program-page-month .event-overview-single.stad .locaties:before {
      content: '';
      width: 20px;
      height: 2px;
      background-color: #ffed00;
      position: absolute;
      top: -5px;
      left: 0; }
    .search-results .event-overview-single.groninger-museum .locaties:before, .page-template-program-page .event-overview-single.groninger-museum .locaties:before, .page-template-program-page-month .event-overview-single.groninger-museum .locaties:before {
      content: '';
      width: 20px;
      height: 2px;
      background-color: #ffed00;
      position: absolute;
      top: -5px;
      left: 0; }
    .search-results .event-overview-single.provincie .locaties:before, .page-template-program-page .event-overview-single.provincie .locaties:before, .page-template-program-page-month .event-overview-single.provincie .locaties:before {
      content: '';
      width: 20px;
      height: 2px;
      background-color: #52ae33;
      position: absolute;
      top: -5px;
      left: 0; }
    .search-results .event-overview-single.digitaal .locaties:before, .page-template-program-page .event-overview-single.digitaal .locaties:before, .page-template-program-page-month .event-overview-single.digitaal .locaties:before {
      content: '';
      width: 20px;
      height: 2px;
      background-color: #0f283a;
      position: absolute;
      top: -5px;
      left: 0; }
    .search-results .event-overview-single a, .page-template-program-page .event-overview-single a, .page-template-program-page-month .event-overview-single a {
      text-decoration: none;
      color: #0f283a;
      height: 100%;
      display: flex;
      flex-direction: column; }
    .search-results .event-overview-single h3, .page-template-program-page .event-overview-single h3, .page-template-program-page-month .event-overview-single h3 {
      font-size: 1em;
      font-family: 'Montserrat', sans-serif;
      margin-top: 0;
      margin-bottom: 3px; }
    .search-results .event-overview-single .cat, .page-template-program-page .event-overview-single .cat, .page-template-program-page-month .event-overview-single .cat {
      font-size: 0.75em; }
    .search-results .event-overview-single .meta, .page-template-program-page .event-overview-single .meta, .page-template-program-page-month .event-overview-single .meta {
      font-size: 0.75em;
      flex: 0 1 auto;
      margin-top: auto;
      /* stick at the bottom */ }
      .search-results .event-overview-single .meta .tijden span, .page-template-program-page .event-overview-single .meta .tijden span, .page-template-program-page-month .event-overview-single .meta .tijden span {
        display: block; }
      .search-results .event-overview-single .meta .locaties, .page-template-program-page .event-overview-single .meta .locaties, .page-template-program-page-month .event-overview-single .meta .locaties {
        position: relative;
        line-height: 1.5;
        margin-top: 1em; }
        .search-results .event-overview-single .meta .locaties span, .page-template-program-page .event-overview-single .meta .locaties span, .page-template-program-page-month .event-overview-single .meta .locaties span {
          display: block; }
    @media (max-width: 960px) {
      .search-results .event-overview-single, .page-template-program-page .event-overview-single, .page-template-program-page-month .event-overview-single {
        margin-top: 10px; } }
/* IE fallback */
.no-cssgrid .event-overview-single {
  height: 220px; }

/* content blocks on grid */
.featured, .news {
  margin-bottom: 30px; }
  @media (max-width: 960px) {
    .featured, .news {
      margin-bottom: 0; } }
.thumb.newsrow,
.thumb.eventrow,
.search-results .thumb {
  background-color: #eee; }
  .thumb.newsrow img,
  .thumb.eventrow img,
  .search-results .thumb img {
    width: 220px;
    height: 220px;
    -o-object-fit: cover;
       object-fit: cover; }

/* IE fallback */
@media (min-width: 961px) {
  .no-cssgrid .thumb.newsrow,
  .no-cssgrid .thumb.eventrow {
    height: 220px;
    width: 220px; }
  .no-cssgrid .intro.newsrow,
  .no-cssgrid .intro.eventrow {
    width: 220px; }
  .no-cssgrid .single .intro.newsrow {
    height: 220px; }
    .no-cssgrid .single .intro.newsrow h3 {
      padding-top: 10px; }
  .no-cssgrid .page-template-news-page .intro h3 {
    padding-top: 10px; } }

/* ander news en events op mobiel */
@media (max-width: 960px) {
  .thumb.newsrow,
  .thumb.eventrow {
    margin-top: 10px;
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #eee;
    float: left; }
    .thumb.newsrow img,
    .thumb.eventrow img {
      width: 100px;
      height: 100px; }
  .intro.newsrow,
  .intro.eventrow {
    display: inline-block;
    width: calc(100% - 110px);
    height: 110px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 10px; }
    .intro.newsrow a,
    .intro.eventrow a {
      height: 100px;
      width: 190px;
      position: relative; }
    .intro.newsrow h3,
    .intro.eventrow h3 {
      font-size: 1em;
      line-height: 1.3; }
    .intro.newsrow p,
    .intro.eventrow p {
      display: none; }
    .intro.newsrow .date,
    .intro.eventrow .date {
      position: absolute;
      bottom: 2.5em;
      left: 0; }
    .intro.newsrow .leesmeer.mob,
    .intro.eventrow .leesmeer.mob {
      position: absolute;
      bottom: 1em;
      left: 0; } }

/* single article en event */
.single article {
  clear: left;
  /* volgorde blokken anders op mobiel */ }
  .single article .mobile-info {
    display: none; }
  @media (max-width: 960px) {
    .single article h1 {
      margin-top: 0; }
    .single article .block.event-metadata {
      display: none; }
    .single article .mobile-info {
      display: block; } }
  .single article .entry-content {
    margin: 0;
    padding-left: 240px;
    /* bij events staat er een link naar het overzicht onder de foto */ }
    @media (min-width: 961px) {
      .single article .entry-content {
        min-height: 700px;
        /* ivm veel metadata */
        padding-bottom: 40px;
        /* social share buttons */ } }
    .single article .entry-content p {
      margin-top: 0; }
    .single article .entry-content h2, .single article .entry-content h3, .single article .entry-content h4 {
      display: inline;
      margin-top: 0;
      line-height: 1.2; }
    .single article .entry-content h2 + p, .single article .entry-content h3 + p, .single article .entry-content h4 + p {
      margin-top: 20px; }
    @media (max-width: 960px) {
      .single article .entry-content {
        padding-left: 0;
        line-height: 22px; }
        .single article .entry-content p, .single article .entry-content h2, .single article .entry-content h3, .single article .entry-content h4 {
          padding-left: 0; } }
    .single article .entry-content .thumb-link {
      position: relative;
      margin-left: -240px;
      float: left;
      padding-right: 20px; }
      .single article .entry-content .thumb-link .featured-image-caption {
        max-width: 460px;
        display: block; }
      @media (max-width: 960px) {
        .single article .entry-content .thumb-link {
          float: none;
          margin-left: 0;
          padding-right: 0;
          padding: 10px 0; } }
      .single article .entry-content .thumb-link .post-thumbnail {
        width: 460px;
        position: relative; }
        @media (max-width: 960px) {
          .single article .entry-content .thumb-link .post-thumbnail {
            max-width: 100%; } }
      .single article .entry-content .thumb-link a.terug {
        position: relative;
        margin-top: 15px;
        margin-right: 20px;
        width: 220px;
        height: 40px;
        display: block;
        background-color: #f9f9f9;
        text-decoration: none;
        color: #0f283a;
        font-family: Montserrat;
        font-size: 1em;
        text-align: center;
        padding: 0.4375em 0.6875em; }
        .single article .entry-content .thumb-link a.terug:before {
          content: '';
          width: 10px;
          height: 10px;
          background-color: #ffed00;
          position: absolute;
          top: 0;
          left: 0; }
        @media (max-width: 960px) {
          .single article .entry-content .thumb-link a.terug {
            display: none; } }
#main .supsystic-social-sharing {
  height: 40px;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0; }
  #main .supsystic-social-sharing a {
    width: 39px;
    height: 39px;
    margin: 0 0 0 10px;
    background-color: #f9f9f9;
    color: #0f283a;
    border: 1px solid #0f283a;
    position: relative; }
    #main .supsystic-social-sharing a:hover, #main .supsystic-social-sharing a:focus, #main .supsystic-social-sharing a:active {
      color: #fff; }
    #main .supsystic-social-sharing a i {
      position: absolute;
      top: 9px;
      left: 7px;
      font-size: 19px !important; }
  #main .supsystic-social-sharing a.social-sharing-button.sharer-flat.facebook:focus {
    background-color: #2d4373 !important;
    outline: 2px solid #0f283a;
    outline-offset: -2px; }
  #main .supsystic-social-sharing a.social-sharing-button.sharer-flat.twitter:focus {
    background-color: #55acee !important;
    outline: 2px solid #0f283a;
    outline-offset: -2px; }

/* nieuwsoverzicht en zoekresultaten op mobiel - alle items klein behalve de eerste */
@media (max-width: 960px) {
  .page-template-news-page .newsoverview,
  .search-results section.search-results {
    /* eerste bericht thumb en intro */ }
    .page-template-news-page .newsoverview > div:nth-child(1),
    .search-results section.search-results > div:nth-child(1) {
      width: 100%;
      height: 100%;
      background-color: transparent;
      display: block;
      float: none; }
      .page-template-news-page .newsoverview > div:nth-child(1) img,
      .search-results section.search-results > div:nth-child(1) img {
        height: auto;
        width: 100%;
        max-width: 100%; }
    .page-template-news-page .newsoverview > div:nth-child(2),
    .search-results section.search-results > div:nth-child(2) {
      display: block;
      width: 100%;
      margin-bottom: 10px;
      margin-left: 0;
      padding-top: 0; }
      .page-template-news-page .newsoverview > div:nth-child(2) a,
      .search-results section.search-results > div:nth-child(2) a {
        width: 100%;
        height: auto; }
      .page-template-news-page .newsoverview > div:nth-child(2) p,
      .search-results section.search-results > div:nth-child(2) p {
        display: block; }
      .page-template-news-page .newsoverview > div:nth-child(2) .date,
      .search-results section.search-results > div:nth-child(2) .date {
        display: none; }
      .page-template-news-page .newsoverview > div:nth-child(2) .leesmeer,
      .search-results section.search-results > div:nth-child(2) .leesmeer {
        display: block; }
      .page-template-news-page .newsoverview > div:nth-child(2) .leesmeer.mob,
      .search-results section.search-results > div:nth-child(2) .leesmeer.mob {
        display: none; }
    .page-template-news-page .newsoverview .thumb,
    .search-results section.search-results .thumb {
      margin-top: 10px;
      display: inline-block;
      float: left;
      width: 100px;
      height: 100px;
      background-color: #eee; }
      .page-template-news-page .newsoverview .thumb img,
      .search-results section.search-results .thumb img {
        width: 100px;
        height: 100px; }
    .page-template-news-page .newsoverview .intro,
    .search-results section.search-results .intro {
      display: inline-block;
      width: calc(100% - 110px);
      height: 110px;
      margin-bottom: 10px;
      margin-left: 10px;
      padding-top: 10px; }
      .page-template-news-page .newsoverview .intro a,
      .search-results section.search-results .intro a {
        height: 100px;
        position: relative; }
      .page-template-news-page .newsoverview .intro h3,
      .search-results section.search-results .intro h3 {
        font-size: 1em;
        line-height: 1.2; }
      .page-template-news-page .newsoverview .intro p,
      .search-results section.search-results .intro p {
        display: none; }
      .page-template-news-page .newsoverview .intro .date,
      .search-results section.search-results .intro .date {
        position: absolute;
        bottom: 2.5em;
        left: 0; }
      .page-template-news-page .newsoverview .intro .leesmeer.mob,
      .search-results section.search-results .intro .leesmeer.mob {
        position: absolute;
        bottom: 1em;
        left: 0; } }

/* laad meer posts button */
.alm-load-more-btn.dgg {
  width: 220px;
  height: 40px;
  border-radius: 0;
  background-color: #f9f9f9;
  color: #0f283a;
  font-family: Montserrat;
  font-size: 1em;
  position: relative;
  text-transform: lowercase; }
  .alm-load-more-btn.dgg:hover, .alm-load-more-btn.dgg:focus {
    background-color: #f9f9f9;
    border: 1px solid #0f283a;
    color: #0f283a; }
  .alm-load-more-btn.dgg:after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #0f283a;
    position: absolute;
    top: 0;
    left: 0; }

.alm-load-more-btn.dgg.done {
  display: none; }

.alm-btn-wrap .alm-load-more-btn.loading::before {
  background: none;
  /* loader gif */ }

/* deafult page */
.page-template-default article {
  clear: left; }
  .page-template-default article h1 {
    margin: 0 0 5px 0; }
  .page-template-default article .entry-content {
    margin: 0;
    padding-left: 240px;
    /* featured image staat bovenaan */
    /* img in content */ }
    @media (max-width: 960px) {
      .page-template-default article .entry-content {
        padding-left: 0; } }
    @media (min-width: 961px) {
      .page-template-default article .entry-content {
        min-height: 300px;
        padding-bottom: 40px;
        /* social share buttons */ } }
    .page-template-default article .entry-content p {
      margin-top: 0; }
      @media (max-width: 960px) {
        .page-template-default article .entry-content p {
          padding-left: 0; } }
    .page-template-default article .entry-content .post-thumbnail {
      width: 460px;
      margin-left: -240px;
      float: left;
      padding-right: 20px; }
      @media (max-width: 960px) {
        .page-template-default article .entry-content .post-thumbnail {
          float: none;
          margin-left: 0;
          width: 100%;
          padding-right: 0;
          padding-bottom: 15px; } }
    .page-template-default article .entry-content p img {
      margin-left: -240px;
      padding: 0 0 20px 0; }
      @media (max-width: 960px) {
        .page-template-default article .entry-content p img {
          float: none;
          margin-left: 0;
          width: 100%;
          padding-right: 0;
          padding-bottom: 15px; } }
/* overzicht partners */
.page-template-partner-page h1 {
  margin-top: 0; }

.page-template-partner-page section.partners {
  margin-top: 40px; }
  .page-template-partner-page section.partners .thumb {
    text-align: center;
    vertical-align: center; }
    @media (max-width: 960px) {
      .page-template-partner-page section.partners .thumb {
        margin: 20px 0; } }
  .page-template-partner-page section.partners .intro {
    border-bottom: 1px solid #13383b; }
    .page-template-partner-page section.partners .intro h3 a, .page-template-partner-page section.partners .intro h3 a:visited {
      color: #0f283a; }

footer.site-footer {
  background: #eeeeee;
  position: relative; }
  @media (max-width: 960px) {
    footer.site-footer {
      padding: 0 10px;
      border-top: 20px solid #0f283a; }
      footer.site-footer:before {
        content: '';
        width: 20px;
        height: 20px;
        background-color: white;
        position: absolute;
        top: -20px;
        left: 10px; } }
  @media (min-width: 961px) {
    footer.site-footer {
      border-top: 60px solid #0f283a;
      padding-bottom: 20px;
      padding-top: 0;
      padding-left: calc( (100vw - 960px) / 2);
      padding-right: calc( (100vw - 960px) / 2); }
      footer.site-footer:before {
        content: '';
        width: 60px;
        height: 60px;
        background-color: white;
        position: absolute;
        top: -60px;
        left: 250px; } }
  @media (min-width: 1380px) {
    footer.site-footer {
      padding: 0 250px;
      min-height: 400px; } }
  footer.site-footer section {
    padding: 40px 0;
    overflow: visible; }
    @media (max-width: 960px) {
      footer.site-footer section {
        padding: 10px 10px 10px 120px;
        margin-bottom: 0; }
        footer.site-footer section h3 {
          margin-bottom: 0; } }
  footer.site-footer section.logo {
    background: url(/wp-content/themes/dgg/img/footer-beeldmerk.svg) 0 40px no-repeat;
    background-size: 129px 118px; }
  @media (max-width: 960px) {
    footer.site-footer section.logo {
      background: url(/wp-content/themes/dgg/img/footer-beeldmerk.svg) 0 10px no-repeat;
      background-size: 81px 74px;
      width: 81px;
      height: 100px;
      padding: 0;
      margin-left: 0;
      position: absolute;
      top: 10px;
      left: 10px; } }
  footer.site-footer .social {
    display: flex;
    margin-top: 40px; }
    footer.site-footer .social a {
      flex: 0 1 auto;
      margin-right: 10px;
      width: 40px;
      height: 40px;
      display: block;
      background-size: 40px 40px;
      background-repeat: no-repeat;
      background-position: 0 0;
      cursor: pointer; }
      footer.site-footer .social a.fb {
        background-image: url(/wp-content/themes/dgg/img/facebook_button.svg); }
      footer.site-footer .social a.tw {
        background-image: url(/wp-content/themes/dgg/img/Twitter_button.svg); }
      footer.site-footer .social a.yt {
        background-image: url(/wp-content/themes/dgg/img/youtube_button.svg); }
      footer.site-footer .social a.ig {
        background-image: url(/wp-content/themes/dgg/img/instagram_button.svg);
        background-color: #F8F9F8;
        border: 1px solid #0f283a;
        background-size: 37px 37px; }
  footer.site-footer .textwidget, footer.site-footer .textwidget p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px; }
    footer.site-footer .textwidget a, footer.site-footer .textwidget a:hover, footer.site-footer .textwidget a:visited, footer.site-footer .textwidget p a, footer.site-footer .textwidget p a:hover, footer.site-footer .textwidget p a:visited {
      color: #0f283a; }

.featured {
  /* featured event on mobile */
  /* medium news block */ }
  @media (max-width: 960px) {
    .featured .thumb.main img {
      height: 100%;
      width: 100%; } }
  .featured .intro.main {
    padding: 21px 30px;
    margin-top: -20px; }
    .featured .intro.main p {
      color: #0f283a;
      font-family: Montserrat;
      font-size: 1em; }
    .featured .intro.main h3 {
      margin: 0;
      font-family: Montserrat;
      font-size: 1.5em;
      line-height: 1.46;
      text-transform: uppercase;
      color: #0f283a; }
    @media (max-width: 960px) {
      .featured .intro.main {
        margin-left: 20px;
        padding: 10px;
        margin-top: -70px;
        background-color: #fff;
        max-width: 43em; }
        .featured .intro.main h3 {
          font-size: 1em; }
        .featured .intro.main p {
          font-size: 0.875em; } }
  .featured .intro.event h3 span {
    display: block; }
  @media (max-width: 960px) {
    .featured .thumb.event {
      margin-top: 20px;
      float: left; }
      .featured .thumb.event img {
        width: 100px;
        height: 100px; }
    .featured .intro.event {
      float: left;
      height: 100px;
      /*width: 190px;*/
      width: calc(100% - 110px);
      margin-top: 20px;
      margin-left: 10px;
      margin-bottom: 10px; }
      .featured .intro.event h3 {
        font-size: 1em; } }
  .featured .thumb.second-news {
    margin-top: 20px; }
  .featured .intro.second-news {
    margin-top: 20px; }
    .featured .intro.second-news a {
      text-decoration: none; }
    .featured .intro.second-news h3 {
      font-family: Oswald;
      font-size: 1.3125em;
      color: #000;
      margin: 0; }
      .featured .intro.second-news h3 span {
        display: block; }
    @media (max-width: 960px) {
      .featured .intro.second-news h3 {
        font-size: 1em; } }
  @media (max-width: 960px) {
    .featured {
      text-align: left; }
      .featured .thumb.second-news img {
        margin-top: 10px;
        width: 100%;
        max-width: 460px;
        height: auto; } }
/* IE fallback */
@media (min-width: 961px) {
  .no-cssgrid .home .intro:not(.main) {
    height: 220px;
    width: 220px;
    margin: 20px 0; }
  .no-cssgrid .home .thumb.main {
    margin-right: 20px; }
  .no-cssgrid .home .thumb.second-news {
    max-width: 460px;
    margin-right: 20px; }
  .no-cssgrid .home .block.program-link {
    margin-bottom: 20px; } }

/* all css grid specifications, only for desktop from 960px width  */
/* target IE11 with .no-cssgrid class, or progressive target new browsers with .cssgrid class */
@media (min-width: 961px) {
  /* algemene onderdelen/blokken */
  .block.program-link {
    grid-column-start: 4;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1; }
  .cssgrid .site-footer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-template-rows: 220px; }
  /* fallback for IE */
  .site-footer {
    display: flex; }
    .site-footer section {
      flex: 0 1 25%; }
  /* homepage */
  .site-main section.featured {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    /*grid-auto-rows: 220px;*/
    grid-column-start: auto;
    /* to remove unwanted children from the grid */ }
    .site-main section.featured::before {
      position: absolute; }
    .site-main section.featured > * {
      overflow: hidden; }
  .site-main section.news {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    /*grid-auto-rows: 220px;*/
    grid-template-areas: "nb nt1 nt2 nt3" ".  ni1 ni2 ni3" ".  et1 et2 pb " ".  ei1 ei2 .  ";
    /* to remove unwanted children from the grid */ }
    .site-main section.news::before {
      position: absolute; }
    .site-main section.news > * {
      overflow: hidden; }
  .home {
    /* featured grid */
    /* news grid */
    /* start with new grid 
		nth-child counts all sibling divs, so thumbs and intro's */ }
    .home .featured .thumb.main {
      grid-column-start: 1;
      grid-column-end: span 3;
      grid-row-start: 1;
      grid-row-end: span 3; }
    .home .featured .intro.main {
      grid-column-start: 2;
      grid-column-end: span 2;
      grid-row-start: 3;
      grid-row-end: span 1;
      background-color: #fff; }
    .home .featured .thumb.event {
      grid-column-start: 4;
      grid-column-end: span 1;
      grid-row-start: 2;
      grid-row-end: span 1; }
    .home .featured .intro.event {
      grid-column-start: 4;
      grid-column-end: span 1;
      grid-row-start: 3;
      grid-row-end: span 1;
      background-color: #fff; }
    .home .featured .thumb.second-news {
      grid-column-start: 2;
      grid-column-end: span 2;
      grid-row-start: 4;
      grid-row-end: span 2; }
    .home .featured .intro.second-news {
      grid-column-start: 4;
      grid-column-end: span 1;
      grid-row-start: 4;
      grid-row-end: span 2;
      background-color: #fff; }
    .home .block.news-link {
      grid-area: nb; }
    .home .news {
      /* next sibling */ }
      .home .news > div:nth-child(2) {
        grid-area: nt1; }
      .home .news > div:nth-child(3) {
        grid-area: ni1; }
      .home .news > div:nth-child(4) {
        grid-area: nt2; }
      .home .news > div:nth-child(5) {
        grid-area: ni2; }
      .home .news > div:nth-child(6) {
        grid-area: nt3; }
      .home .news > div:nth-child(7) {
        grid-area: ni3; }
      .home .news .thumb.eventrow {
        grid-area: et1; }
      .home .news .intro.eventrow {
        grid-area: ei1; }
      .home .news .thumb.eventrow ~ .thumb.eventrow {
        grid-area: et2; }
      .home .news .intro.eventrow ~ .intro.eventrow {
        grid-area: ei2; }
      .home .news .block.program-overview {
        grid-area: pb; }
  /* IE fix */
  .no-cssgrid .home .news {
    position: relative; }
    .no-cssgrid .home .news .block.program-overview {
      position: absolute;
      bottom: 260px;
      right: 10px; }
  /* programmaoverzichtspagina */
  .page-template-program-page section.program {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-areas: "intro intro loc pb" "f1 f2 f3 rb";
    /* to remove unwanted children from the grid */ }
    .page-template-program-page section.program::before {
      position: absolute; }
    .page-template-program-page section.program > * {
      overflow: hidden; }
    .page-template-program-page section.program .intro {
      grid-area: intro; }
    .page-template-program-page section.program .locations {
      grid-area: loc; }
    .page-template-program-page section.program .block.program {
      grid-area: pb; }
    .page-template-program-page section.program .filter.cat {
      grid-area: f1; }
    .page-template-program-page section.program .filter.time {
      grid-area: f2; }
    .page-template-program-page section.program .filter.location {
      grid-area: f3; }
    .page-template-program-page section.program .filter.location.month {
      grid-area: f2; }
    .page-template-program-page section.program .reset {
      grid-area: rb; }
  .page-template-program-page section.program-results {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    /*grid-auto-rows: 220px;*/
    grid-column-start: auto;
    /* to remove unwanted children from the grid */ }
    .page-template-program-page section.program-results::before {
      position: absolute; }
    .page-template-program-page section.program-results > * {
      overflow: hidden; }
    .page-template-program-page section.program-results > div {
      min-height: 220px; }
  /* fallback for IE */
  .no-cssgrid .page-template-program-page section.program-results {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .no-cssgrid .page-template-program-page section.program-results > div {
      flex: 0 1 180px;
      margin: 0 20px 20px 0; }
    .no-cssgrid .page-template-program-page section.program-results > div:nth-child(4n+4) {
      margin-right: 0; }
  /* nieuws overzichtspagina */
  .cssgrid .page-template-news-page {
    /*programmablokje buiten het grid */ }
    .cssgrid .page-template-news-page .block.program-link {
      position: absolute;
      top: 0;
      right: 0; }
    .cssgrid .page-template-news-page .newsoverview {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
      /*grid-auto-rows: 220px;*/
      grid-column-start: auto;
      /* to remove unwanted children from the grid */
      grid-auto-flow: column;
      /* 1e nieuwsitem thumb */
      /* 1e nieuwsitem intro */
      /* 2e nieuwsitem thumb */
      /* 2e nieuwsitem intro */
      /* 3e nieuwsitem thumb */
      /* 3e nieuwsitem intro */
      /* 4e nieuwsitem thumb */
      /* 4e nieuwsitem intro */ }
      .cssgrid .page-template-news-page .newsoverview::before {
        position: absolute; }
      .cssgrid .page-template-news-page .newsoverview > * {
        overflow: hidden; }
      .cssgrid .page-template-news-page .newsoverview > div:nth-child(8n+1) {
        grid-column: 1 / span 2;
        grid-row: auto / span 2; }
      .cssgrid .page-template-news-page .newsoverview > div:nth-child(8n+2) {
        grid-column: 3 / span 2;
        grid-row: auto / span 2;
        width: 220px;
        /* witruimte rechterkant */ }
      .cssgrid .page-template-news-page .newsoverview > div:nth-child(8n+3) {
        grid-column: 2 / span 1;
        grid-row: auto / span 1; }
      .cssgrid .page-template-news-page .newsoverview > div:nth-child(8n+4) {
        grid-column: 2 / span 1;
        grid-row: auto / span 1; }
      .cssgrid .page-template-news-page .newsoverview > div:nth-child(8n+5) {
        grid-column: 3 / span 1;
        grid-row: auto / span 1; }
      .cssgrid .page-template-news-page .newsoverview > div:nth-child(8n+6) {
        grid-column: 3 / span 1;
        grid-row: auto / span 1; }
      .cssgrid .page-template-news-page .newsoverview > div:nth-child(8n+7) {
        grid-column: 4 / span 1;
        grid-row: auto / span 1; }
      .cssgrid .page-template-news-page .newsoverview > div:nth-child(8n+8) {
        grid-column: 4 / span 1;
        grid-row: auto / span 1; }
      .cssgrid .page-template-news-page .newsoverview .alm-btn-wrap {
        display: contents; }
      .cssgrid .page-template-news-page .newsoverview #ajax-load-more {
        grid-column: 1 / span 4;
        grid-row: auto;
        height: 40px; }
      .cssgrid .page-template-news-page .newsoverview #ajax-load-more.loaded {
        grid-column: 1 / span 4;
        grid-row: auto / span 8;
        width: 940px;
        height: auto; }
      .cssgrid .page-template-news-page .newsoverview .alm-listing {
        display: grid;
        grid-template-columns: repeat(4, 220px);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        /*grid-auto-rows: 220px;*/
        grid-column-start: auto;
        /* to remove unwanted children from the grid */
        grid-auto-flow: column;
        /* 1e nieuwsitem thumb */
        /* 1e nieuwsitem intro */
        /* 2e nieuwsitem thumb */
        /* 2e nieuwsitem intro */
        /* 3e nieuwsitem thumb */
        /* 3e nieuwsitem intro */
        /* 4e nieuwsitem thumb */
        /* 4e nieuwsitem intro */ }
        .cssgrid .page-template-news-page .newsoverview .alm-listing::before {
          position: absolute; }
        .cssgrid .page-template-news-page .newsoverview .alm-listing > * {
          overflow: hidden; }
        .cssgrid .page-template-news-page .newsoverview .alm-listing > div:nth-child(8n+1) {
          grid-column: 1 / span 2;
          grid-row: auto / span 2; }
        .cssgrid .page-template-news-page .newsoverview .alm-listing > div:nth-child(8n+2) {
          grid-column: 3 / span 2;
          grid-row: auto / span 2;
          width: 220px;
          /* witruimte rechterkant */ }
        .cssgrid .page-template-news-page .newsoverview .alm-listing > div:nth-child(8n+3) {
          grid-column: 2 / span 1;
          grid-row: auto / span 1; }
        .cssgrid .page-template-news-page .newsoverview .alm-listing > div:nth-child(8n+4) {
          grid-column: 2 / span 1;
          grid-row: auto / span 1; }
        .cssgrid .page-template-news-page .newsoverview .alm-listing > div:nth-child(8n+5) {
          grid-column: 3 / span 1;
          grid-row: auto / span 1; }
        .cssgrid .page-template-news-page .newsoverview .alm-listing > div:nth-child(8n+6) {
          grid-column: 3 / span 1;
          grid-row: auto / span 1; }
        .cssgrid .page-template-news-page .newsoverview .alm-listing > div:nth-child(8n+7) {
          grid-column: 4 / span 1;
          grid-row: auto / span 1; }
        .cssgrid .page-template-news-page .newsoverview .alm-listing > div:nth-child(8n+8) {
          grid-column: 4 / span 1;
          grid-row: auto / span 1; }
  /* fallback for IE */
  .no-cssgrid .page-template-news-page .mobile-info {
    display: block;
    float: right; }
  .no-cssgrid .page-template-news-page .hide-mobile {
    display: none; }
  .no-cssgrid .page-template-news-page .newsoverview {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: calc(4 * 460px);
    width: calc(100% - 220px); }
    .no-cssgrid .page-template-news-page .newsoverview > div {
      flex: 0 1 220px;
      width: 220px;
      height: 220px; }
    .no-cssgrid .page-template-news-page .newsoverview .intro {
      margin-bottom: 20px; }
  /* zoekresultaten pagina */
  .cssgrid section.search-results {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    /*grid-auto-rows: 220px;*/
    grid-column-start: auto;
    /* to remove unwanted children from the grid */
    grid-auto-flow: column;
    /* alle items hetzelfde */ }
    .cssgrid section.search-results::before {
      position: absolute; }
    .cssgrid section.search-results > * {
      overflow: hidden; }
    .cssgrid section.search-results > div:nth-child(8n+1) {
      grid-column: 1 / span 1;
      grid-row: auto / span 1; }
    .cssgrid section.search-results > div:nth-child(8n+2) {
      grid-column: 1 / span 1;
      grid-row: auto / span 1; }
    .cssgrid section.search-results > div:nth-child(8n+3) {
      grid-column: 2 / span 1;
      grid-row: auto / span 1; }
    .cssgrid section.search-results > div:nth-child(8n+4) {
      grid-column: 2 / span 1;
      grid-row: auto / span 1; }
    .cssgrid section.search-results > div:nth-child(8n+5) {
      grid-column: 3 / span 1;
      grid-row: auto / span 1; }
    .cssgrid section.search-results > div:nth-child(8n+6) {
      grid-column: 3 / span 1;
      grid-row: auto / span 1; }
    .cssgrid section.search-results > div:nth-child(8n+7) {
      grid-column: 4 / span 1;
      grid-row: auto / span 1; }
    .cssgrid section.search-results > div:nth-child(8n+8) {
      grid-column: 4 / span 1;
      grid-row: auto / span 1; }
  /* fallback for IE */
  .no-cssgrid .search-results section.search-results {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: calc(2 * 460px);
    width: 100%; }
    .no-cssgrid .search-results section.search-results > div {
      flex: 0 1 220px;
      width: 220px;
      height: 220px; }
    .no-cssgrid .search-results section.search-results .intro {
      margin-bottom: 20px; }
  /* nieuws detailpagina */
  .site-main section.newsdetail article {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-auto-rows: auto;
    grid-column-start: auto;
    /* to remove unwanted children from the grid */ }
    .site-main section.newsdetail article::before {
      position: absolute; }
    .site-main section.newsdetail article > * {
      overflow: hidden; }
  .single article header {
    grid-column-start: 2;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 1; }
  .single article .entry-content {
    grid-column-start: 1;
    grid-column-end: span 3;
    grid-row-start: 2; }
  .single article .block.program-link {
    grid-row-start: 2;
    grid-row-end: span 1; }
  .single section.news {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    /*grid-auto-rows: 220px;*/
    grid-template-areas: "nb nt1 nt2 nt3" ".  ni1 ni2 ni3";
    /* to remove unwanted children from the grid */ }
    .single section.news::before {
      position: absolute; }
    .single section.news > * {
      overflow: hidden; }
    .single section.news .block.news-link {
      grid-area: nb; }
    .single section.news > div:nth-child(2) {
      grid-area: nt1; }
    .single section.news > div:nth-child(3) {
      grid-area: ni1; }
    .single section.news > div:nth-child(4) {
      grid-area: nt2; }
    .single section.news > div:nth-child(5) {
      grid-area: ni2; }
    .single section.news > div:nth-child(6) {
      grid-area: nt3; }
    .single section.news > div:nth-child(7) {
      grid-area: ni3; }
  /* programma detail pagina */
  .single-dgg_event article .block.event-metadata {
    grid-row: 2 / span 1;
    grid-column: 4 / span 1;
    overflow: visible; }
  /* IE fallback */
  .no-cssgrid .single-dgg_event article .block.event-metadata {
    margin-left: 20px; }
  /* standaard detailpagina */
  .site-main section.pagedetail article {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-auto-rows: auto;
    grid-column-start: auto;
    /* to remove unwanted children from the grid */ }
    .site-main section.pagedetail article::before {
      position: absolute; }
    .site-main section.pagedetail article > * {
      overflow: hidden; }
  .page-template-default article header {
    grid-column-start: 2;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 1; }
  .page-template-default article .entry-content {
    grid-column-start: 1;
    grid-column-end: span 3;
    grid-row-start: 2; }
  .page-template-default article .block.program-link {
    grid-row-start: 2;
    grid-row-end: span 1; }
  /* partner pagina */
  .page-template-partner-page section.partneroverview {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    /*grid-auto-rows: 220px;*/
    grid-column-start: auto;
    /* to remove unwanted children from the grid */
    grid-auto-flow: column; }
    .page-template-partner-page section.partneroverview::before {
      position: absolute; }
    .page-template-partner-page section.partneroverview > * {
      overflow: hidden; }
    .page-template-partner-page section.partneroverview .intro {
      grid-column: 2 / span 2;
      grid-row: 1 / span 1; }
    .page-template-partner-page section.partneroverview .block.program-link {
      grid-row-start: 1 / span 1;
      grid-column: 4 / span 1; }
  .cssgrid .page-template-partner-page section.partners {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-auto-rows: auto;
    grid-column-start: auto;
    grid-auto-flow: column;
    /* to remove unwanted children from the grid */
    /* herhalend patroon van 12 onderdelen, 6 partner posts */
    /* 1e partner thumb, 2 kolommen breed */
    /* 1e partner intro */ }
    .cssgrid .page-template-partner-page section.partners::before {
      position: absolute; }
    .cssgrid .page-template-partner-page section.partners > * {
      overflow: hidden; }
    .cssgrid .page-template-partner-page section.partners .intro {
      height: 120px; }
    .cssgrid .page-template-partner-page section.partners > div {
      grid-row: auto / span 1; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+1) {
      grid-column: 1 / span 2;
      margin-left: 240px; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+2) {
      grid-column: 1 / span 2;
      margin-left: 240px; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+3) {
      grid-column: 3 / span 1; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+4) {
      grid-column: 3 / span 1; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+5) {
      grid-column: 4 / span 1; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+6) {
      grid-column: 4 / span 1; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+7) {
      grid-column: 1 / span 1; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+8) {
      grid-column: 1 / span 1; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+9) {
      grid-column: 2 / span 1; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+10) {
      grid-column: 2 / span 1; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+11) {
      grid-column: 3 / span 1; }
    .cssgrid .page-template-partner-page section.partners > div:nth-child(12n+12) {
      grid-column: 3 / span 1; }
  /* IE fallback */
  .no-cssgrid .page-template-partner-page section.partners {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 980px; }
    .no-cssgrid .page-template-partner-page section.partners > div {
      flex: 0 1 220px;
      width: 220px; }
    .no-cssgrid .page-template-partner-page section.partners .thumb {
      height: 220px; }
    .no-cssgrid .page-template-partner-page section.partners .intro {
      height: 120px;
      max-height: 120px;
      margin-bottom: 20px; } }

/* gekleurde blokjes met korte info door de gehele site */
.block {
  height: 220px;
  width: 220px;
  position: relative;
  /* ivm gekleurde hoekblokjes */ }
  .block a {
    display: block;
    text-decoration: none; }
  .block div {
    font-family: Oswald;
    font-size: 1.5em; }

@media (max-width: 960px) {
  .block {
    height: 80px;
    width: calc(100% - 1px);
    margin: 10px 0; } }

/* IE fallback */
.no-cssgrid .single .block.program-link {
  margin-left: 20px; }

/* rood blokje bovenaan */
.block.program-link {
  background-color: #e30613;
  background-image: url(/wp-content/themes/dgg/img/logo-wit-roodblokje.svg);
  background-repeat: no-repeat;
  background-size: 76px 62px;
  background-position: 24px 26px; }
  .block.program-link a {
    padding: 1.5em; }
    .block.program-link a p {
      width: 95px;
      margin-left: 84px;
      margin-top: 10px;
      color: #fff;
      font-size: 0.875em;
      font-family: Montserrat;
      line-height: 1.29;
      text-transform: uppercase;
      letter-spacing: 0.6px; }
    .block.program-link a div {
      color: #fff;
      padding-top: 10px; }
  .block.program-link:after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0; }

@media (max-width: 960px) {
  .block.program-link {
    background-color: #47729C;
    background-image: url(/wp-content/themes/dgg/img/logo-wit-roodblokje.svg);
    background-size: 59px 50px;
    background-position: 24px 15px;
    margin-top: 20px; }
    .block.program-link a {
      padding: 0.9375em; }
      .block.program-link a p {
        margin-top: 0;
        width: 200px;
        padding-bottom: 0; }
      .block.program-link a div {
        padding-top: 0;
        padding-left: 83px;
        margin-top: -20px;
        font-size: 0.8125em;
        font-family: Montserrat;
        text-transform: uppercase; } }

/* op programmaoverzicht */
.block.program {
  background-color: #0f283a;
  background-image: url(/wp-content/themes/dgg/img/logo-wit-roodblokje.svg);
  background-repeat: no-repeat;
  background-size: 76px 62px;
  background-position: 19px 26px; }
  .block.program p {
    width: 95px;
    margin-left: 110px;
    margin-top: 30px;
    color: #fff;
    font-size: 0.875em;
    font-family: Montserrat;
    line-height: 1.29;
    text-transform: uppercase;
    letter-spacing: 0.6px; }
  .block.program div {
    color: #fff;
    margin-top: 50px;
    margin-left: 20px;
    padding-top: 10px;
    font-size: 0.9375em;
    font-family: Montserrat;
    position: relative; }
    .block.program div:before {
      content: '';
      width: 40px;
      height: 2px;
      background-color: #fff;
      position: absolute;
      top: -10px;
      left: 0; }
  .block.program:after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0; }

@media (max-width: 960px) {
  .block.program {
    background-color: #47729C;
    background-image: url(/wp-content/themes/dgg/img/logo-wit-roodblokje.svg);
    background-size: 59px 50px;
    background-position: 24px 15px; }
    .block.program p {
      margin-top: 0;
      width: 210px;
      padding-bottom: 0;
      margin-left: 103px;
      padding-top: 11px;
      font-size: 0.8125em;
      font-weight: 600; }
    .block.program div {
      padding-top: 0;
      padding-left: 83px;
      margin-top: -10px;
      font-size: 0.8125em;
      font-family: Montserrat;
      text-transform: uppercase;
      font-weight: 600; }
      .block.program div .vanaftijd {
        display: none; }
      .block.program div:before {
        content: '';
        width: 20px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: -5px;
        left: 82px; } }

.block.program-overview {
  background-color: #0f283a; }
  .block.program-overview a {
    padding: 1.25em; }
  .block.program-overview div {
    color: #fff;
    padding-top: 2.75em; }
  .block.program-overview:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0; }

@media (max-width: 960px) {
  .block.program-overview div {
    padding-top: 0; } }

.block.news-link {
  background-color: #ffed00;
  color: #fff; }
  .block.news-link a {
    padding: 1.25em; }
  .block.news-link div {
    color: #000;
    padding-top: 2.75em; }
  .block.news-link:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0; }

@media (max-width: 960px) {
  .block.news-link {
    margin: 10px 0; }
    .block.news-link div {
      padding-top: 0; } }

.block.news-more {
  background-color: #e30613;
  padding: 1.25em; }
  @media (max-width: 960px) {
    .block.news-more {
      margin-top: -10px;
      margin-bottom: 10px; } }
  .block.news-more div {
    color: #fff;
    padding-top: 2.75em; }
    .block.news-more div h2.section {
      color: inherit;
      font-family: inherit;
      font-size: inherit;
      padding: 0;
      margin: 0; }
    @media (max-width: 960px) {
      .block.news-more div {
        padding-top: 0; } }
  .block.news-more:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0; }

/* programma detail info op mobiel */
.single article .entry-content .mobile-info {
  position: relative;
  margin-top: 10px; }
  .single article .entry-content .mobile-info div {
    font-size: 1em;
    /* reset ivm andere divs in blocks */ }
  .single article .entry-content .mobile-info .info {
    padding: 0;
    overflow: visible; }
    .single article .entry-content .mobile-info .info:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: #0f283a;
      position: absolute;
      top: 0;
      left: 0; }
    .single article .entry-content .mobile-info .info p {
      color: #0f283a;
      font-family: 'Montserrat', sans-serif;
      font-size: 0.875em;
      letter-spacing: 0.7px;
      position: relative;
      padding-bottom: 5px;
      margin-bottom: 12px;
      padding-left: 20px; }
    .single article .entry-content .mobile-info .info p:first-of-type {
      top: -5px; }
    .single article .entry-content .mobile-info .info p:not(:first-of-type):before {
      content: '';
      width: 40px;
      height: 2px;
      background-color: #0f283a;
      position: absolute;
      top: -10px;
      left: 20px; }
  .single article .entry-content .mobile-info a.aanmelden {
    display: block;
    margin: 10px 0 20px 0;
    height: 32px;
    max-width: 300px;
    padding: 5px 30px;
    position: relative;
    color: #0f283a;
    text-align: left;
    background-color: rgba(133, 181, 217, 0.4);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875em;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer; }
    .single article .entry-content .mobile-info a.aanmelden:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 0; }

/* programma detail pagina block metadata*/
.block.event-metadata {
  position: relative; }
  .block.event-metadata div {
    font-size: 1em;
    /* reset ivm andere divs in blocks */ }
  .block.event-metadata .info {
    height: auto;
    background-color: #0f283a;
    padding: 1.4375em 1.25em;
    margin-bottom: 20px; }
    .block.event-metadata .info:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 0; }
    .block.event-metadata .info p {
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      font-size: 0.9375em;
      letter-spacing: 0.8px;
      position: relative;
      padding-bottom: .5em; }
    .block.event-metadata .info p:first-of-type {
      margin-top: 0; }
    .block.event-metadata .info p:not(:first-of-type):before {
      content: '';
      width: 40px;
      height: 2px;
      background-color: #fff;
      position: absolute;
      top: -10px;
      left: 0; }
    .block.event-metadata .info p:last-of-type {
      margin-bottom: 0; }
  .block.event-metadata div.locatie_img {
    margin-bottom: 20px; }
  .block.event-metadata a.aanmelden {
    height: 40px;
    padding: 0.4375em 0.6875em;
    position: relative;
    color: #0f283a;
    text-align: center;
    background-color: #ffed00;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em; }
    .block.event-metadata a.aanmelden:before {
      content: '';
      width: 10px;
      height: 10px;
      background-color: white;
      position: absolute;
      top: 0;
      left: 0; }

.tijden span,
.locaties span {
  display: block; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue; }
  a:visited {
    color: purple; }
  a:hover, a:focus, a:active {
    color: midnightblue; }
  a:focus {
    outline: 2px solid #85b5d9;
    outline-offset: -2px; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  position: relative; }
  @media (min-width: 961px) {
    .main-navigation {
      width: calc(100% - 300px);
      float: left; } }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
    clear: both; }
    .main-navigation ul li {
      float: left;
      position: relative;
      background: white;
      line-height: 3.5;
      padding: 0 15px; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li {
        line-height: 1.5;
        padding-left: 25px; }
        @media (min-width: 961px) {
          .main-navigation ul ul li:before {
            content: '';
            width: 10px;
            height: 10px;
            background-color: #85b5d9;
            position: absolute;
            top: 12px;
            left: 15px; }
          .main-navigation ul ul li:hover:before {
            content: '';
            width: 10px;
            height: 10px;
            background-color: #e30613;
            position: absolute;
            top: 12px;
            left: 15px; } }
        .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
          left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul,
    .main-navigation ul li:focus > ul,
    .main-navigation ul li:focus-within > ul {
      left: auto; }
  @media (min-width: 961px) {
    .main-navigation .menu > li:not(.menu-item-has-children):hover:before {
      content: '';
      width: 40px;
      height: 8px;
      background-color: #e30613;
      position: absolute;
      bottom: -5px;
      left: 23px; } }
  .main-navigation a {
    display: block;
    text-decoration: none;
    color: #0f283a;
    font-family: 'Montserrat', sans-serif;
    padding: .4em; }
  @media (min-width: 961px) {
    .main-navigation .menu > .current_page_item > a:before,
    .main-navigation .menu > .current-menu-item > a:before,
    .main-navigation .menu > .current_page_ancestor > a:before,
    .main-navigation .menu > .current-menu-ancestor > a:before {
      content: '';
      width: 40px;
      height: 8px;
      background-color: #e30613;
      position: absolute;
      bottom: -5px;
      left: 23px; } }
/* for Edge and IE */
.no-focuswithin .main-navigation ul li:hover > ul,
.no-focuswithin .main-navigation ul li:focus > ul,
.no-focuswithin .main-navigation ul li.menu-item-has-children:focus > ul {
  left: auto !important; }

@media (min-width: 961px) {
  div[role="search"] {
    width: 50px;
    float: right;
    display: block;
    text-align: right;
    /* search icon */ }
    div[role="search"] button.search-toggle {
      background: transparent url(/wp-content/themes/dgg/img/loep.svg) center center no-repeat;
      background-size: 18px 18px;
      width: 18px;
      height: 75px;
      border: none;
      cursor: pointer; } }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

@media (max-width: 960px) {
  .site-header {
    position: relative; }
    .site-header .menu-toggle {
      position: absolute;
      top: 30px;
      right: 10px;
      background-size: 27px 18px;
      width: 27px;
      height: 18px; }
  .mobile-search-active .site-header .menu-toggle {
    background-image: url(/wp-content/themes/dgg/img/close-button.svg);
    background-size: 18px 18px; }
  .mobile-search-active .site-header div[role="search"] {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background-color: #3773a0;
    height: 40px; }
    .mobile-search-active .site-header div[role="search"] .search-field {
      float: left;
      width: calc(100% - 40px);
      background-color: transparent;
      border: none;
      color: white;
      padding: 7px 40px 0px 40px; }
      .mobile-search-active .site-header div[role="search"] .search-field::-webkit-input-placeholder {
        color: white;
        opacity: 1;
        font-size: 1em;
        font-family: Montserrat; }
      .mobile-search-active .site-header div[role="search"] .search-field::-moz-placeholder {
        color: white;
        opacity: 1;
        font-size: 1em;
        font-family: Montserrat; }
      .mobile-search-active .site-header div[role="search"] .search-field:-moz-placeholder-shown {
        color: white;
        opacity: 1;
        font-size: 1em;
        font-family: Montserrat; }
      .mobile-search-active .site-header div[role="search"] .search-field::placeholder, .mobile-search-active .site-header div[role="search"] .search-field:placeholder-shown {
        color: white;
        opacity: 1;
        font-size: 1em;
        font-family: Montserrat; }
    .mobile-search-active .site-header div[role="search"] .search-submit {
      width: 40px;
      height: 40px;
      cursor: pointer;
      float: right;
      background-color: transparent;
      background-image: url(/wp-content/themes/dgg/img/loep-wit.svg);
      background-size: 18px 18px;
      background-repeat: no-repeat;
      background-position: center center;
      border: none; } }

@media (max-width: 960px) {
  .main-navigation.toggled {
    margin-top: 45px;
    /* op mobiel lijkt alles op hetzelfde niveau te staan, class toevoegen in wp menu */ }
    .main-navigation.toggled li.menu-item-has-children > a {
      display: none;
      /* only show children */ }
      .main-navigation.toggled li.menu-item-has-children > a li {
        display: block; }
    .main-navigation.toggled ul {
      float: none;
      width: 100%; }
      .main-navigation.toggled ul ul.sub-menu {
        float: none;
        display: block;
        left: 0;
        position: relative; }
        .main-navigation.toggled ul ul.sub-menu li {
          display: block;
          padding: 0;
          margin: 0; }
      .main-navigation.toggled ul li {
        width: 100%;
        position: relative;
        line-height: 1.5;
        padding: 0; }
        .main-navigation.toggled ul li a {
          width: 100%;
          line-height: 1.75;
          padding: 5px 40px; }
    .main-navigation.toggled li.even {
      background-color: #DAE9F4; } }

/* visible on mobile and when search is active */
button.menu-toggle {
  background: transparent url(/wp-content/themes/dgg/img/menu-toggle.svg) center center no-repeat;
  background-size: 21px 14px;
  width: 21px;
  height: 14px;
  border: none;
  border-radius: 0;
  cursor: pointer; }

@media (min-width: 961px) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: block; } }

@media (max-width: 960px) {
  /* on small screens by default only main nav toggle is visible */
  .search-toggle {
    display: none; }
  /* search activated together with the main nav */
  .mobile-search-active .search-field,
  .mobile-search-active .search-submit {
    display: block; } }

/* main navigation is also collapsed if search is active */
/* search submit button by default hidden */
.search-field, .search-submit {
  display: none; }

/* when search icon is clicked, search input and submit is visible */
#page.search-active {
  /* menu toggle icon */ }
  #page.search-active .menu-toggle,
  #page.search-active .search-field,
  #page.search-active .search-submit {
    display: block; }
  #page.search-active .main-navigation {
    margin-top: 25px; }
  #page.search-active .main-navigation ul,
  #page.search-active .search-toggle {
    display: none; }
  #page.search-active div[role="search"] {
    width: 650px; }
  #page.search-active button.menu-toggle {
    float: left;
    margin-top: 34px;
    cursor: pointer; }
  #page.search-active .search-form {
    position: relative; }
    @media (min-width: 961px) {
      #page.search-active .search-form {
        width: 650px; }
        #page.search-active .search-form label input {
          display: inline-block;
          padding: 5px; }
          #page.search-active .search-form label input.search-field {
            display: block;
            width: 650px;
            height: 30px;
            padding: 5px 10px;
            float: right;
            border: none;
            background-color: rgba(133, 181, 217, 0.3); }
          #page.search-active .search-form label input::-webkit-input-placeholder {
            color: #0f283a;
            opacity: 1;
            font-size: 1em;
            font-family: Montserrat; }
          #page.search-active .search-form label input::-moz-placeholder {
            color: #0f283a;
            opacity: 1;
            font-size: 1em;
            font-family: Montserrat; }
          #page.search-active .search-form label input:-moz-placeholder-shown {
            color: #0f283a;
            opacity: 1;
            font-size: 1em;
            font-family: Montserrat; }
          #page.search-active .search-form label input::placeholder, #page.search-active .search-form label input:placeholder-shown {
            color: #0f283a;
            opacity: 1;
            font-size: 1em;
            font-family: Montserrat; }
        #page.search-active .search-form input.search-submit {
          background: transparent url(/wp-content/themes/dgg/img/loep.svg) center center no-repeat;
          width: 18px;
          height: 18px;
          background-size: 18px 18px;
          border: none;
          position: absolute;
          top: 5px;
          right: 5px; } }
/* when on the search results page, elements not visible anymore in the header, only the page content */
body.search .page-content .search-field,
body.search .page-content .search-submit {
  display: block; }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

.submenuopen {
  left: auto; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
            clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

.skip-link:focus {
  font-family: Roboto;
  font-size: 1em;
  color: #0f283a;
  display: block;
  background-color: white;
  outline: 2px solid #0f283a;
  border: none;
  box-shadow: none;
  border-radius: none;
  padding: .5em;
  margin: 1em;
  position: relative; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.updated:not(.published) {
  display: none; }

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

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }
/*# sourceMappingURL=style.css.map */