@charset "UTF-8";
/*
 FILE:        screen.scss
 DESCRIPTION: Stylesheet for http://www.GroenLinks.nl and subsites
 AUTHOR:      Sebastiaan Bonardt
 COMPANY:     Two Kings, http://www.twokings.nl
 */
.more-link {
  text-align: inherit;
}

/* Copied from normalize.css to base.scss; S. Bonardt Two Kings */
/* normalize.css v2.1.2 | MIT License | git.io/normalize */
/* normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: "Open Sans Regular", "Arial", "sans-serif";
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  font-size: 18px;
  line-height: 27px;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
    /*
h1 {
    /* Set the font-size and line-height while keeping a proper vertical rhythm. */
/* Set 1 unit of vertical rhythm on the top and bottom margins. */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-color: #c0c0c0;
  border-top-style: solid;
  border-top-width: 0.05556em;
  padding-top: 0.46944em;
  border-bottom-style: solid;
  border-bottom-width: 0.05556em;
  padding-bottom: 0.91944em;
  border-left-style: solid;
  border-left-width: 0.05556em;
  padding-left: 0.88194em;
  border-right-style: solid;
  border-right-width: 0.05556em;
  padding-right: 0.88194em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@-ms-viewport {
  width: extend-to-zoom;
  zoom: 1.0;
}

body {
  /* IOS page orientation change resize issue*/
  -webkit-text-size-adjust: none;
}

#main-content {
  margin: 0;
}

.header-image {
  margin-top: 1.5rem;
}

.front #page-title {
  display: none;
}

#aside-first {
  margin-bottom: 1.5rem;
}

.page-alternate-aside #main-content {
  width: 100%;
  padding: 0;
}

#content-bottom {
  clear: both;
}

body > header {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#breadcrumb {
  margin: 0 3.125%;
}

.l-inner {
  max-width: 960px;
  margin: 0 auto 1.5rem auto;
  position: relative;
  overflow: hidden;
  width: 93.75%;
  padding: 0 3.125%;
}

nav .l-inner {
  width: 100%;
  padding: 0;
}

.l-outer {
  background-color: #ededed;
  padding-bottom: 1.5rem;
}

#logo {
  display: block;
  margin: 24px auto;
  max-width: 340px;
}
@media only screen and (min-width: 48em) {
  #logo {
    max-width: 320px;
  }
}
@media only screen and (min-width: 64em) {
  #logo {
    max-width: 420px;
  }
}
#logo img {
  display: block;
}

header .logo-with-extra-logo .extra_logo {
  display: block;
  max-width: 285px;
  margin-left: auto;
  margin-right: auto;
}

.l-inline {
  display: inline-block;
}

.l-stacked {
  display: block;
}

.page-nieuws #content {
  padding: 0;
  width: 100%;
}

.node .content ul, .node .content ol, .taxonomy-term .content ul, .taxonomy-term .content ol {
  padding-left: 24px;
  clear: both;
}
.node .content .comma-separated, .taxonomy-term .content .comma-separated {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.node .content .comma-separated .list-subject, .taxonomy-term .content .comma-separated .list-subject {
  font-weight: bold;
}
.node .content .comma-separated .list-subject:before, .taxonomy-term .content .comma-separated .list-subject:before {
  content: "";
  padding-right: 0;
}
.node .content .comma-separated .list-subject + li:before, .taxonomy-term .content .comma-separated .list-subject + li:before {
  content: "";
}
.node .content .comma-separated li, .taxonomy-term .content .comma-separated li {
  float: left;
  list-style-image: none;
}
.node .content .comma-separated li:before, .taxonomy-term .content .comma-separated li:before {
  content: ",";
  padding-right: 5px;
}
.node .content ul.arrows, .taxonomy-term .content ul.arrows {
  padding-left: 1.5rem;
}
.node .content ul.arrows li, .taxonomy-term .content ul.arrows li {
  list-style-image: url("../images/arrow.png");
}
.node .content .city span, .taxonomy-term .content .city span {
  font-weight: bold;
}

.node-teaser {
  margin-bottom: 0.75rem;
  margin-top: .75rem;
  display: inline-block;
  width: 100%;
}
.node-teaser:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}
.node-teaser .intro {
  margin-bottom: 1em;
}
.node-teaser .intro p:last-child {
  margin-bottom: 0;
}

.subfooter {
  height: 50px;
}
.subfooter .campaign-bottom {
  width: 100%;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background-color: #dd0031;
}
.subfooter .campaign-banner {
  text-align: right;
  padding: 12px 20px 10px 0;
  font-family: "theSerif", Georgia, serif;
  font-size: 1.125rem;
  line-height: 1.75387rem;
}
.subfooter .campaign-banner a {
  color: white;
  text-decoration: none;
}
.subfooter .campaign-banner a:hover {
  text-decoration: underline;
}
.subfooter .node-opinion .main-image,
.subfooter .node-opinion-gv2018 .main-image,
.subfooter .node-main-theme.node-full .main-image {
  width: 100%;
  max-width: 776px;
  margin: 6px 0 24px 0;
}

@media only screen and (min-width: 30.0625em) {
  #logo {
    margin: 24px 3.125%;
  }

  header .logo-with-extra-logo .extra_logo {
    display: block;
    margin: 24px 3.125%;
  }
}
@media only screen and (min-width: 48em) {
  .l-full, #main-content {
    width: auto;
    padding: 0;
  }

  body > header {
    padding: 0 4%;
  }
  body > header #breadcrumb {
    margin: 0;
  }

  header .logo-with-extra-logo .extra_logo {
    margin: 1.5rem 0px;
  }

  .domain-afdeling #breadcrumb {
    margin: 0 4%;
  }

  .l-inner {
    padding: 0 4%;
    width: auto;
  }

  nav .l-inner {
    width: 92%;
    padding: 0 4%;
  }

  body > header {
    overflow: hidden;
  }

  #logo {
    margin: 1.5rem 0;
  }
}
@media only screen and (min-width: 64em) {
  body > header {
    padding: 0 4%;
  }

  header .logo-with-extra-logo {
    width: 54rem;
  }
  header .logo-with-extra-logo #logo {
    float: left;
  }
  header .logo-with-extra-logo .extra_logo {
    float: left;
    width: 290px;
    margin: 1.5rem 0px 2rem 6px;
  }

  .domain-afdeling #breadcrumb {
    margin: 0 auto;
    max-width: 960px;
  }

  .l-inner {
    padding: 0 4%;
    width: auto;
  }

  nav .l-inner {
    width: 92%;
    padding: 0 4%;
  }

  /* needed to align vertically white space at page bottom, due to ul.social-share */
  .page-node-type-agenda #main-content > .l-inner {
    margin-bottom: -50px;
  }

  .page-alternate-aside #main-content {
    float: left;
    width: 62.5%;
    margin-right: 4.16667%;
  }
  .page-alternate-aside #aside-first {
    margin-top: 50px;
    float: left;
    width: 31.25%;
  }

  body.sidebar-first #main-content .sub-menu {
    max-width: 100%;
  }
  body.sidebar-first .region-content {
    width: 66%;
    float: left;
  }
  body.sidebar-first .region-sidebar_first {
    width: 30%;
    float: right;
  }

  .page-taxonomy .content-wrapper,
  .page-node .content-wrapper,
  .node-page.node-full .content-wrapper {
    width: 634px;
    float: left;
  }
  .page-taxonomy .content-aside,
  .page-node .content-aside,
  .node-page.node-full .content-aside {
    width: 308px;
    margin-left: 18px;
    margin-top: 0.5em;
    float: left;
  }
}
/*
 Mixin for Groenlinks Restyle 2017
*/

/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'OpenSansLight';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin-ext_latin */
@font-face {
  font-family: 'OpenSansLightItalic';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'OpenSansRegular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'OpenSansRegularItalic';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'OpenSansSemiBold';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin-ext_latin */
@font-face {
  font-family: 'OpenSansSemiBoldItalic';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'OpenSansBold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin-ext_latin */
@font-face {
  font-family: 'OpenSansBoldItalic';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin-ext_latin */
@font-face {
  font-family: 'OpenSansExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin-ext_latin */
@font-face {
  font-family: 'OpenSansExtraBoldItalic';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/open-sans-v15-latin-ext_latin/open-sans-v15-latin-ext_latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*@font-face {*/
  /*font-family: "AntonRegular";*/
  /*font-weight: 400;*/
  /*font-style: normal;*/
  /*src: url("../fonts/anton-v8-latin/anton-v8-latin-regular.eot");*/
  /*src: url("../fonts/anton-v8-latin/anton-v8-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/anton-v8-latin/anton-v8-latin-regular.woff") format("woff"), url("../fonts/anton-v8-latin/anton-v8-latin-regular.ttf") format("truetype"), url("../fonts/anton-v8-latin/anton-v8-latin-regular.svg#AntonRegular") format("svg");*/
/*}*/

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello/fontello.eot?7439248");
  src: url("../fonts/fontello/fontello.eot?7439248#iefix") format("embedded-opentype"), url("../fonts/fontello/fontello.woff2?7439248") format("woff2"), url("../fonts/fontello/fontello.woff?7439248") format("woff"), url("../fonts/fontello/fontello.ttf?7439248") format("truetype"), url("../fonts/fontello/fontello.svg?7439248#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-user:before {
  content: '\e800';
}

/* '' */
a {
  color: #323232;
}

.btn,
.btn-arrow,
.more-link a,
a.read-more,
.read-more a {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 0.8000em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-top: 0.8rem;
  line-height: 1.8rem;
  background-color: #39a935;
  color: white;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
.btn:after,
.btn-arrow:after,
.more-link a:after,
a.read-more:after,
.read-more a:after {
  border-color: transparent transparent transparent #39a935;
  border-style: solid;
  border-width: 0.8889rem 0 0.8889rem 0.8889rem;
  content: '';
  position: absolute;
  right: -0.87rem;
  top: 0;
}
.btn:hover,
.btn-arrow:hover,
.more-link a:hover,
a.read-more:hover,
.read-more a:hover {
  background-color: #308f2e;
  color: white;
}
.btn:hover:after,
.btn-arrow:hover:after,
.more-link a:hover:after,
a.read-more:hover:after,
.read-more a:hover:after {
  border-color: transparent transparent transparent #308f2e;
}

h1, h2, h3, h4, h5 {
  color: #323232;
  font-weight: normal;
  hyphens: auto;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  color: #323232;
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
  text-decoration: underline;
}

h1 {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 2rem;
  /* 36px */
  line-height: 1.5em;
  /* 27px */
  margin-top: 0.778em;
  margin-bottom: 0.0000em;
  text-transform: none;
}

h2 {
  font-family: "OpenSansExtraBold", "Georgia", "serif";
  font-size: 1.5556rem;
  /* 28px */
  line-height: 1.4em;
  margin-top: 0.9643em;
  margin-bottom: 0.0000em;
  text-transform: uppercase;
}

h3, h4, h5 {
  font-family: "OpenSansExtraBold", "Georgia", "serif";
  font-size: 1.4444rem;
  /* 26px */
  line-height: 1.0385em;
  /* 27px */
  margin-top: 0.385em;
  margin-bottom: 0.0000em;
  text-transform: uppercase;
}

.content-wrapper h2 {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.5556rem;
  /* 28px */
  line-height: 1.4em;
  /* 54px */
  margin-top: 1.2857em;
  margin-bottom: 0.0000em;
  text-transform: none;
  text-transform: none;
}
.content-wrapper h3 {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.1667rem;
  /* 21px */
  line-height: 1.2857em;
  /* 27px */
  margin-top: 1.4211em;
  margin-bottom: 0.0000em;
  text-transform: none;
  text-transform: none;
}
.content-wrapper h4, .content-wrapper h5 {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.0556rem;
  /* 19px */
  line-height: 1.4211em;
  /* 27px */
  margin-top: 1.6875em;
  margin-bottom: 0.0000em;
  text-transform: none;
  text-transform: none;
}
.content-wrapper .intro {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.0556rem;
  /* 19px */
  line-height: 1.4211em;
  /* 27px */
  margin-top: 1.6875em;
  margin-bottom: 0.0000em;
  text-transform: none;
}
.content-wrapper .intro p {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.0556rem;
  /* 19px */
  line-height: 1.4211em;
  /* 27px */
  margin-top: 1.6875em;
  margin-bottom: 0.0000em;
  text-transform: none;
}

.introduction {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.1667rem;
  /* 21px */
  line-height: 1.2857em;
  /* 27px */
  margin-top: 1.4211em;
  margin-bottom: 0.0000em;
  text-transform: none;
}

.participate-homepage h2 {
  color: white;
}

.news-type-tweet header > p {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.5556rem;
  /* 28px */
  line-height: 1.4em;
  /* 54px */
  margin-top: 1.2857em;
  margin-bottom: 0.0000em;
  text-transform: none;
}

p {
  font-family: "OpenSansRegular", "Arial", "sans-serif";
  font-size: 1.0000rem;
  /* 1rem */
  line-height: 1.5000em;
  /* 27px */
  margin-top: 1.5000em;
  margin-bottom: 0.0000em;
  margin-top: 0.5rem;
}

.paragraphs-item-pull-quote,
blockquote {
  background-color: #ededed;
  margin: 0.5rem 0 0 0;
  padding: 1rem;
  font-family: "OpenSansRegularItalic", "Arial", "sans-serif";
  font-size: 1.0000rem;
  /* 1rem */
  line-height: 1.5000em;
  /* 27px */
  margin-top: 1.5000em;
  margin-bottom: 0.0000em;
}
.paragraphs-item-pull-quote p,
blockquote p {
  margin-top: 0;
}

nav .search-toggle, nav h2 {
  color: white;
}
nav li a, nav .home-link {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 0.8000em;
  margin-bottom: 0.0000em;
  text-transform: none;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.6667rem;
  display: inline-block;
  margin-top: 0;
}
nav li a:hover, nav li a:active, nav li a:focus {
  background-color: #308f2e;
}

a.home-link {
  display: none;
}

a.youtube-btn:link, a.youtube-btn:visited {
  background: url("../images/gl-sprite.png") no-repeat 12px -1760px #39a935;
  padding: 7px 1rem 4px 46px;
}

a.youtube-btn:hover, a.youtube-btn:active, a.youtube-btn:focus {
  background-color: #308f2e;
}

.mailchimp input[type='submit'] {
  padding: 8px 14px 3px 10px;
  margin-top: 12px;
  color: white;
  text-decoration: none;
  display: inline-block;
  background: #308f2e;
  border: none;
}

.mailchimp input[type='submit']:hover, .mailchimp input[type='submit']:active {
  background-color: #39a935;
}

ul.stripped li h1 a,
ul.stripped li h2 a,
ul.stripped li h3 a {
  font-weight: normal;
}

.node .content {
  counter-reset: li;
}
.node .content ol li {
  list-style: none;
  position: relative;
}
.node .content ol li:before {
  content: counter(li);
  counter-increment: li;
  color: #323232;
  margin-right: 10px;
  position: absolute;
  left: -24px;
  top: 0;
}

.breadcrumb a {
  font-family: "OpenSansLight", "Arial Narrow", "sans-serif";
  font-size: 0.7778rem;
  /* 14px */
  line-height: 1.9286em;
  /* 27px */
  margin-top: 1.9286em;
  margin-bottom: 0.0000em;
  text-decoration: none;
  text-transform: uppercase;
  padding-right: 5px;
}
.breadcrumb a:after {
  content: " /";
}
.breadcrumb a:last-child {
  font-family: "OpenSansSemiBold", "Arial Black", "sans-serif";
  font-size: 0.7778rem;
  /* 14px */
  line-height: 1.9286em;
  /* 27px */
  margin-top: 1.9286em;
  margin-bottom: 0.0000em;
}
.breadcrumb a:last-child:after {
  content: "";
}

.data-small .submitted {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.7778rem;
  /* 14px */
  line-height: 1.9286em;
  /* 27px */
  margin-top: 0.9286em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-right: 12px;
}

.subjects {
  background: url("../images/gl-sprite.png") no-repeat 0 -605px;
  padding-left: 40px;
  overflow: hidden;
}
.subjects a:link, .subjects a:visited {
  text-transform: lowercase;
}

.node ul.subjects {
  padding-left: 30px;
}
.node ul.subjects li {
  float: left;
  margin-right: 10px;
  list-style-type: none;
  list-style-image: none;
}

.date-part, .time-part {
  color: black;
}

.main-home-block h1 {
  font-family: "OpenSansExtraBold", "Georgia", "serif";
  font-size: 1.5556rem;
  /* 28px */
  line-height: 1.4em;
  margin-top: 0.9643em;
  margin-bottom: 0.0000em;
  text-transform: uppercase;
  line-height: 1.4em;
}
.main-home-block span {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 0.8000em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-top: 0.8rem;
  line-height: 1.8rem;
  background-color: #39a935;
  color: white;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  margin-top: 0.5rem;
}
.main-home-block span:after {
  border-color: transparent transparent transparent #39a935;
  border-style: solid;
  border-width: 0.8889rem 0 0.8889rem 0.8889rem;
  content: '';
  position: absolute;
  right: -0.87rem;
  top: 0;
}
.main-home-block span:hover {
  background-color: #308f2e;
  color: white;
}
.main-home-block span:hover:after {
  border-color: transparent transparent transparent #308f2e;
}

.groenlinks-themes > a.btn-arrow {
  color: #dd0031;
}
.groenlinks-themes ul {
  width: 100%;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
  zoom: 1;
  overflow: hidden;
}

input {
  border-radius: 0;
}

.is-visible {
  display: block;
}

.is-invisible, .element-invisible {
  display: none;
  visibility: hidden;
}

.is-hidden {
  visibility: hidden;
}

.mobile-only {
  display: block;
}

img {
  max-width: 100%;
}

/* Drupal additions and overrides */
.field-collection-container {
  border: 0;
}

/* Drupal system.menu.css */
/**
 * @file
 * Styles for menus and navigation markup.
 */
/**
 * Markup generated by theme_menu_local_tasks().
 */
ul.primary {
  border-bottom: 1px solid #bbb;
  border-collapse: collapse;
  height: auto;
  line-height: normal;
  list-style: none;
  margin: 5px;
  padding: 0 0 0 1rem;
  /* LTR */
  white-space: nowrap;
}

ul.primary li {
  display: inline;
}

ul.primary li a {
  background-color: #eee;
  border-color: #bbb;
  border-style: solid solid none solid;
  border-width: 1px;
  height: auto;
  margin-right: 0.5rem;
  /* LTR */
  padding: 0 1rem;
  text-decoration: none;
}

ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}

ul.primary li a:hover {
  background-color: #efefef;
  border-color: #ccc;
  border-bottom-color: #efefef;
}

ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1rem;
  margin: 5px;
}

ul.secondary li {
  border-right: 1px solid #ccc;
  /* LTR */
  display: inline;
  padding: 0 1rem;
}

ul.secondary a {
  padding: 0;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: 4px solid #999;
}

.front .block {
  margin-bottom: 1.5rem;
}

ul.action-links {
  list-style: none;
  margin: 0.5rem 0;
  padding: 0;
}

ul.action-links li {
  display: inline-block;
  padding: 0 0.5rem 0 0;
}

ul.action-links li a {
  padding: 7px 35px 4px 10px;
  color: white;
  text-decoration: none;
  display: inline-block;
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 0.8000em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-top: 0.8rem;
  line-height: 1.8rem;
  background-color: #39a935;
  color: white;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
ul.action-links li a:after {
  border-color: transparent transparent transparent #39a935;
  border-style: solid;
  border-width: 0.8889rem 0 0.8889rem 0.8889rem;
  content: '';
  position: absolute;
  right: -0.87rem;
  top: 0;
}
ul.action-links li a:hover {
  background-color: #308f2e;
  color: white;
}
ul.action-links li a:hover:after {
  border-color: transparent transparent transparent #308f2e;
}

ul.action-links li a,
ul.action-links li a:link,
ul.action-links li a:visited {
  background-color: #39a935;
}

ul.action-links li a:hover,
ul.action-links li a:active,
ul.action-links li a:focus {
  background-color: #308f2e;
}

@media only screen and (min-width: 48em) {
  .mobile-only {
    display: none;
  }
}
ul.social-share {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 55px;
}
ul.social-share li {
  margin: 0 1px 1px 0;
  padding: 0;
  float: left;
}
ul.social-share li a {
  background: url("../images/gl-sprite.png") no-repeat scroll 0 -1300px #39a935;
  display: inline-block;
  height: 40px;
  text-indent: -9999px;
  width: 41px;
}
ul.social-share li .facebook-btn {
  background: url("../images/icons/facebook-btn-light.png") no-repeat scroll 50% 50%;
}
ul.social-share li .facebook-btn:hover {
  background: url("../images/icons/facebook-btn-dark.png") no-repeat scroll 50% 50%;
}
ul.social-share li .tweet-btn {
  background: url("../images/icons/twitter-btn-light.png") no-repeat scroll 50% 50%;
}
ul.social-share li .tweet-btn:hover {
  background: url("../images/icons/twitter-btn-dark.png") no-repeat scroll 50% 50%;
}
ul.social-share li.linkedin-btn {
  background: url("../images/gl-sprite.png") no-repeat scroll 0 -1300px #39a935;
}
ul.social-share li.linkedin-btn:hover {
  background-color: #308f2e;
}
ul.social-share li.share-text {
  font-family: "OpenSansSemiBold", "Arial Black", "sans-serif";
  font-size: 0.6667rem;
  /* 12px */
  line-height: 1.4em;
  margin-top: 0.2500em;
  margin-bottom: 0.0000em;
  border-top: 2px solid #39a935;
  clear: both;
  width: 100%;
  position: relative;
}

.node .content ul.social-links {
  list-style-type: none;
  list-style-image: none;
  padding-left: 0;
}
.node .content ul.social-links li {
  list-style-type: none;
  list-style-image: none;
}

ul.social-links {
  *zoom: 1;
  margin: 0;
  padding: 0;
  min-height: 90px;
  clear: both;
  list-style-type: none;
  list-style-image: none;
}
ul.social-links:before, ul.social-links:after {
  content: " ";
  display: table;
}
ul.social-links:after {
  clear: both;
}
ul.social-links li {
  margin: 0 5px 0 0;
  padding: 0;
  float: left;
  list-style-image: none;
}
ul.social-links li a {
  background: url("../images/gl-sprite.png") no-repeat scroll 0 -1300px #39a935;
  display: inline-block;
  height: 40px;
  text-indent: -9999px;
  width: 40px;
}
ul.social-links li .facebook-btn {
  background: url("../images/icons/facebook-btn-light.png") no-repeat scroll 50% 50%;
}
ul.social-links li .facebook-btn:hover {
  background: url("../images/icons/facebook-btn-dark.png") no-repeat scroll 50% 50%;
}
ul.social-links li .instagram-btn {
  background: url("../images/icons/instagram-btn-light.png") no-repeat scroll 50% 50% #39a935;
}
ul.social-links li .instagram-btn:hover {
  background: url("../images/icons/instagram-btn-dark.png") no-repeat scroll 50% 50%;
}
ul.social-links li .twitter-btn {
  background: url("../images/icons/twitter-btn-light.png") no-repeat scroll 50% 50%;
}
ul.social-links li .twitter-btn:hover {
  background: url("../images/icons/twitter-btn-dark.png") no-repeat scroll 50% 50%;
}
ul.social-links li .linkedin-btn {
  background: url("../images/gl-sprite.png") no-repeat scroll -457px -1300px #39a935;
}
ul.social-links li .linkedin-btn:hover {
  background-color: #308f2e;
}
ul.social-links li .youtube-btn {
  background: url("../images/icons/youtube-btn-light.png") no-repeat scroll 50% 50%;
  height: 40px;
  width: 40px;
  padding: 0;
  display: block;
}
ul.social-links li .youtube-btn:hover {
  background: url("../images/icons/youtube-btn-dark.png") no-repeat scroll 50% 50%;
  background: url("../images/icons/youtube-btn-dark.png") no-repeat scroll 50% 50%;
}
ul.social-links li a[href*="mailto:"] {
  background: url("../images/icons/mail-btn-light.png") no-repeat scroll 50% 50%;
}
ul.social-links li a[href*="mailto:"]:hover {
  background: url("../images/icons/mail-btn-dark.png") no-repeat scroll 50% 50%;
}
ul.social-links li.share-text {
  clear: both;
  padding-bottom: 0.5em;
  width: 100%;
}

.node .content ul.social-follow-us {
  padding-left: 6%;
  list-style-type: none;
  list-style-image: none;
}
.node .content ul.social-follow-us li {
  list-style-type: none;
  list-style-image: none;
}

ul.social-follow-us {
  margin: 0 0 24px 0;
  padding: 6px 6% 12px;
  min-height: 90px;
  clear: both;
  list-style-type: none;
  list-style-image: none;
  background-color: #323232;
  float: left;
  width: 88%;
}
ul.social-follow-us li {
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
  list-style-image: none;
}
ul.social-follow-us li a {
  background: url("../images/gl-sprite.png") no-repeat scroll 0 -1300px #39a935;
  display: inline-block;
  height: 43px;
  text-indent: -9999px;
  width: 43px;
}
ul.social-follow-us li .facebook-btn {
  background: url("../images/gl-sprite.png") no-repeat scroll -339px -1300px #39a935;
}
ul.social-follow-us li .facebook-btn:hover {
  background-color: #308f2e;
}
ul.social-follow-us li .twitter-btn {
  background: url("../images/gl-sprite.png") no-repeat scroll -397px -1300px #39a935;
}
ul.social-follow-us li .twitter-btn:hover {
  background-color: #308f2e;
}
ul.social-follow-us li .linkedin-btn {
  background: url("../images/gl-sprite.png") no-repeat scroll -457px -1300px #39a935;
}
ul.social-follow-us li .linkedin-btn:hover {
  background-color: #308f2e;
}
ul.social-follow-us li .youtube-btn {
  background: url("../images/gl-sprite.png") no-repeat scroll -287px -1301px #39a935;
  height: 43px;
  width: 43px;
  padding: 0;
  display: block;
}
ul.social-follow-us li .youtube-btn:hover {
  background-color: #308f2e;
}
ul.social-follow-us li a[href*="mailto:"] {
  background: url("../images/gl-sprite.png") no-repeat scroll -457px -1300px #39a935;
}
ul.social-follow-us li a[href*="mailto:"]:hover {
  background-color: #308f2e;
}
ul.social-follow-us li.share-text {
  clear: both;
  width: 100%;
}
ul.social-follow-us li.share-text h2 {
  padding-top: 7px;
  margin-bottom: 5px;
  color: white;
}

@media only screen and (min-width: 48em) {
  ul.social-share li {
    float: right;
  }
  ul.social-share li.share-text {
    text-align: right;
  }
  ul.social-share li.share-text:after {
    right: 14px;
    left: auto;
  }

  .node .content ul.social-follow-us {
    padding-left: 3%;
  }

  ul.social-follow-us {
    padding: 6px 3% 12px;
    width: 94%;
  }
}
@media only screen and (min-width: 64em) {
  ul.social-share {
    position: relative;
    top: 0;
  }
  ul.social-share li {
    clear: both;
  }

  .node .content ul.social-follow-us {
    padding-left: 5%;
  }

  ul.social-follow-us {
    padding: 6px 5% 12px;
    width: 90%;
  }
}
.block.gl_actie p {
  margin-bottom: 0.5rem;
}
.block.gl_actie input[type='email'] {
  width: 60%;
  float: left;
  padding-left: 8px;
}
.block.gl_actie input[type='email']::placeholder {
  color: white;
  font-style: italic;
  opacity: 0.7;
}
.block.gl_actie input.button {
  background-image: url(../images/letter.png);
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 35px;
  padding: 5px 14px 3px 50px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  height: 38px;
  margin: 0;
  float: left;
}

nav {
  background-color: #39a935;
  color: white;
  position: relative;
}

nav ul {
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #39a935;
}
nav ul li {
  list-style-type: none;
  padding: 0;
  border-bottom: 1px solid white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}
nav ul li.last {
  float: left;
}
nav ul li.last a:before {
  font-family: 'fontello';
  font-size: 0.8333rem;
  content: "\e800";
  padding-right: 8px;
}
@media only screen and (min-width: 30.0625em) {
  nav ul li.last {
    float: right;
  }
}
nav ul.main-menu-links ul {
  display: none;
}

.domain-glweb-groenlinks-nl nav ul li.last {
  float: left;
}
.domain-glweb-groenlinks-nl nav ul li.last a:before {
  content: '';
}

@media only screen and (min-width: 48em) {
  nav ul li a {
    padding: 0.56rem;
  }
}
nav h2 {
  width: 50%;
  margin: 0;
  font-size: 14px;
  position: relative;
  left: 50%;
  text-align: center;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}
nav h2 span {
  background: url("../images/gl-sprite.png") 0 3px no-repeat;
  padding-left: 25px;
}
nav h2.active {
  border-bottom: 0;
}

#site-name {
  height: 0;
  visibility: hidden;
  position: absolute;
}

a.linktotop {
  background: url("../images/gl-sprite.png") 0 -234px no-repeat;
  width: 124px;
  height: 28px;
  display: block;
  margin: 45px auto 0;
  color: white;
  text-decoration: none;
  padding: 42px 0 0 0;
  text-align: center;
}

a.naar-groenlinks {
  color: #323232;
  text-decoration: none;
  background: url("../images/gl-sprite.png") no-repeat right -31rem;
  padding-right: 25px;
  display: inline-block;
  font-weight: bold;
}
a.naar-groenlinks:link, a.naar-groenlinks:visited {
  text-decoration: none;
}
a.naar-groenlinks span {
  color: #dd0031;
}

.copyright {
  border-bottom: 1px solid #39a935;
}

.photo-gallery {
  margin: 24px 0;
  clear: both;
  width: 100%;
}
.photo-gallery a.colorbox {
  position: relative;
  width: 31%;
  margin: 0 2.333% 15px 0;
  float: left;
  overflow: hidden;
}
.photo-gallery a.colorbox:after {
  display: none;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: url("../images/gallery_hover.png") no-repeat 0 0;
}
.photo-gallery a.colorbox img {
  display: block;
}
.photo-gallery a.colorbox:hover:after, .photo-gallery a.colorbox:active:after {
  display: block;
}
.photo-gallery > div a:nth-child(3n+3) {
  margin-right: 0;
}

.main-image .colorbox {
  position: relative;
  display: block;
}
.main-image .colorbox:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 16px;
  bottom: 0px;
  left: 5px;
  background: url("../images/gl-sprite.png") 0 -1669px no-repeat transparent;
}
.main-image .colorbox img {
  display: block;
}
.main-image figcaption {
  font-family: "OpenSansSemiBold", "Arial Black", "sans-serif";
  font-size: 0.6667rem;
  /* 12px */
  line-height: 1.4em;
  margin-top: 0.2500em;
  margin-bottom: 0.0000em;
}

.pager-wrap {
  *zoom: 1;
}
.pager-wrap:before, .pager-wrap:after {
  content: " ";
  display: table;
}
.pager-wrap:after {
  clear: both;
}
.pager-wrap .pager li {
  font-family: "OpenSansSemiBold", "Arial Black", "sans-serif";
  font-size: 0.7778rem;
  /* 14px */
  line-height: 1.9286em;
  /* 27px */
  margin-top: 1.9286em;
  margin-bottom: 0.0000em;
  float: left;
  height: 26px;
  margin: 6px 6px 0 0;
  min-width: 28px;
  padding: 3px;
}
.pager-wrap .pager li a {
  text-decoration: none;
  height: 100%;
  min-width: 100%;
  display: inline-block;
}
.pager-wrap .pager li a:hover, .pager-wrap .pager li a:active {
  text-decoration: none;
}
.pager-wrap .pager li:hover {
  border: 1px solid #308f2e;
}
.pager-wrap .pager-current,
.pager-wrap .pager-next,
.pager-wrap .pager-last {
  background-color: #39a935;
  border: 1px solid #39a935;
  color: white;
}
.pager-wrap .pager-current a,
.pager-wrap .pager-next a,
.pager-wrap .pager-last a {
  color: white;
}
.pager-wrap .pager-first,
.pager-wrap .pager-previous,
.pager-wrap .pager-item,
.pager-wrap .pager-ellipsis {
  background-color: white;
  border: 1px solid white;
}

.list-filter h2 {
  text-transform: uppercase;
  color: #308f2e;
  margin-bottom: 5px;
  font-weight: normal;
}

.list-filter {
  width: 300px;
  clear: both;
  float: none;
  padding: 2px 0;
}
.list-filter h3 {
  color: #dd0031;
  cursor: pointer;
  background: url("../images/gl-sprite.png") no-repeat -491px -562px;
  padding-left: 15px;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
}
.list-filter h3.expanded {
  background: url("../images/gl-sprite.png") no-repeat -491px -641px;
}
.list-filter ul {
  margin: 0;
  list-style-type: none;
  padding: 5px 0;
}
.list-filter ul li {
  margin: 3px 0;
}
.list-filter ul a {
  padding-left: 15px;
  margin-left: 15px;
  background: url("../images/gl-sprite.png") no-repeat -491px -691px;
  text-decoration: none;
}
.list-filter ul a:hover, .list-filter ul a:active, .list-filter ul a:focus, .list-filter ul a.active {
  text-decoration: underline;
}

.conversion {
  background-color: #ededed;
  padding: 1rem 15px 1rem 15px;
  margin-top: 1rem;
}
.conversion h1, .conversion h2, .conversion h3, .conversion h4, .conversion h5 {
  margin-top: 0;
}

.node-teaser .event-date {
  background-color: #39a935;
  color: white;
  font-weight: bold;
  min-height: 24px;
  overflow: visible;
  padding: 8px 12px;
  position: relative;
  margin: 0 0 1rem 0;
}
.node-teaser .event-date:after {
  background: url("../images/gl-sprite.png") no-repeat scroll 0 -1552px rgba(0, 0, 0, 0);
  bottom: -10px;
  content: "";
  display: block;
  height: 10px;
  left: 30px;
  position: absolute;
  width: 15px;
}
.node-teaser .event-date .date-part {
  width: 100%;
}
.node-teaser .event-date .date-part span {
  margin: 0;
}
.node-teaser .event-date .date-part:first-child {
  border-right: 0;
}

.domain-afdeling .node-teaser .event-date {
  margin-top: 0.6em;
}
.domain-afdeling .node-teaser .event-date .date-part {
  color: #ffffff;
}
.domain-afdeling .node-teaser .event-date:after {
  display: none;
}
.domain-afdeling .node-teaser .content h1 {
  margin-top: 0;
}

.event-date {
  overflow: hidden;
  margin: 32px 0;
}
.event-date .date-part:first-child {
  border-right: 1px solid #000;
}
.event-date .date-part, .event-date .time-part {
  float: left;
}
.event-date .date-part span, .event-date .time-part span {
  margin: 1rem 12px;
  display: block;
}

.node-agenda-item.node-teaser {
  border: 0;
  padding: 0;
}

.location {
  margin: 60px 0 42px 0;
}

.lineafter {
  position: relative;
  padding: 5px 0;
}
.lineafter:after {
  content: "";
  width: 25%;
  border-bottom: 1px solid #39a935;
  height: 1px;
  bottom: 0;
  left: 0;
  position: absolute;
}

.mailchimp {
  margin: 30px 0;
}
.mailchimp br {
  display: none;
}
.mailchimp label {
  margin-bottom: 5px;
}

.video-wrap {
  position: relative;
  margin: 24px 0;
}
.video-wrap h2 {
  margin-bottom: 10px;
}
.video-wrap p {
  position: relative;
  padding-top: 6px;
}
.video-wrap .youtube-btn {
  margin-top: 22px;
}
.video-wrap .external {
  display: block;
  position: relative;
}
.video-wrap .external:after {
  background: url("../images/video-ext.png") no-repeat center center;
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  content: " ";
  z-index: 2;
  top: 0;
  left: 0;
}
.video-wrap .external:hover:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
}

.embedded-video {
  position: relative;
}
.embedded-video:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 16px;
  bottom: -5px;
  left: 5px;
  background: url("../images/gl-sprite.png") 0 -1672px no-repeat transparent;
}
.embedded-video .media-youtube-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  height: 0;
  overflow: hidden;
}
.embedded-video .media-youtube-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.newsarticles-related .newsarticle h3.tweet-head {
  padding: 1rem 0 2px 2%;
  width: 98%;
  background-color: white;
}

.partij-btn-block {
  width: 100%;
  float: left;
  margin: 24px 0;
}

.partij-sub-menu, .partij-sub-sub-menu {
  display: inline-block;
  margin: 27px 0;
}
.partij-sub-menu ul, .partij-sub-sub-menu ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
  width: 100%;
}
.partij-sub-menu ul li, .partij-sub-sub-menu ul li {
  float: left;
  width: 98%;
  padding-right: 2%;
  margin-bottom: 27px;
}
.partij-sub-menu ul li a, .partij-sub-sub-menu ul li a {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.5556rem;
  /* 28px */
  line-height: 1.4em;
  /* 54px */
  margin-top: 1.2857em;
  margin-bottom: 0.0000em;
  text-transform: none;
}
.partij-sub-menu .link-description, .partij-sub-sub-menu .link-description {
  clear: both;
  display: block;
}

.partij-sub-sub-menu ul {
  overflow: hidden;
  margin-top: 16px;
}
.partij-sub-sub-menu ul li {
  margin-bottom: 6px;
  line-height: 1.2;
}

.node .content .partij-sub-sub-menu {
  margin-top: 0;
  width: 100%;
}
.node .content .partij-sub-sub-menu ul {
  padding-left: 0;
}
.node .content .partij-sub-sub-menu ul li {
  list-style-image: none;
}

.portfolio-holder img {
  float: left;
  height: 75px;
  margin-right: 12px;
  min-width: 75px;
}
.portfolio-holder a:hover, .portfolio-holder a:active, .portfolio-holder a:focus {
  text-decoration: underline;
}
.portfolio-holder a {
  font-family: "OpenSansExtraBold", "Georgia", "serif";
  font-size: 1.4444rem;
  /* 26px */
  line-height: 1.0385em;
  /* 27px */
  margin-top: 0.385em;
  margin-bottom: 0.0000em;
  text-transform: uppercase;
  text-decoration: none;
  width: 100%;
  height: 75px;
  display: table;
  background-color: #ededed;
  overflow: hidden;
  margin-top: 12px;
}
.portfolio-holder a > div {
  width: 87%;
  display: table-cell;
  vertical-align: middle;
}

.related-items {
  margin: 6px 0 24px 0;
  display: inline-block;
}
.related-items > a, .related-items .file {
  clear: both;
  display: block;
  margin-bottom: 2px;
}

span.file .file-label {
  display: inline;
}
span.file a:link, span.file a:visited {
  padding-left: 24px;
  background: url("../images/gl-sprite.png") no-repeat 0 -1832px;
}
span.file a:link .file-description, span.file a:visited .file-description {
  color: #323232;
  text-decoration: none;
}

.opinion-lists > h2:first-child {
  padding-top: 24px;
  border-top: 1px solid #39a935;
}

.opinion-categories {
  padding-bottom: 12px;
}
.opinion-categories li {
  list-style-image: url("../images/triangle.png");
  list-style-position: inside;
  margin-left: 2px;
}

.opinion-category {
  padding: 24px 0 6px;
  border-top: 1px solid #39a935;
}
.opinion-category li {
  padding: 2px 0;
}

.opinions-downloads {
  border-top: 1px solid #39a935;
  padding: 24px 0 6px;
}
.opinions-downloads ul li {
  list-style-type: none;
  margin-left: 0;
}
.opinions-downloads ul li a:link, .opinions-downloads ul li a:visited {
  text-decoration: none;
}
.opinions-downloads ul li a:hover, .opinions-downloads ul li a:active, .opinions-downloads ul li a:focus {
  text-decoration: underline;
}
.opinions-downloads ul li .file a:link, .opinions-downloads ul li .file a:visited {
  background: none;
  padding: 0;
}

ul.stripped {
  list-style-image: none;
  list-style-type: none;
  padding: 0;
}
ul.stripped li {
  padding: 0;
  margin: 0 0 5px 0;
}
ul.stripped li a {
  text-decoration: none;
  font-weight: bold;
}
ul.stripped li a:hover, ul.stripped li a:active, ul.stripped li a:focus {
  text-decoration: underline;
}

.joinus-info {
  width: 100%;
  max-width: 748px;
  margin: 24px 0;
}

.campaigns {
  margin-bottom: 1rem;
  float: left;
  width: 100%;
}

.campaigns-item {
  margin-bottom: 42px;
}
.campaigns-item p {
  margin-bottom: 1rem;
}

.become-member {
  padding: 1rem 6%;
  background-color: #323232;
  float: left;
  width: 88%;
}
.become-member h2 {
  color: white;
}

.participate-homepage {
  padding: 1rem 4%;
  background-color: #ededed;
  width: 92%;
  margin-bottom: 24px;
}

.persons-block {
  width: 96%;
  padding: 1rem 4%;
}

.content-aside .related-links-list {
  margin: 0;
  clear: both;
  width: 100%;
}
.content-aside .related-links-list .related-links {
  *zoom: 1;
  padding: 0 18px;
  background-color: #ededed;
}
.content-aside .related-links-list .related-links:before, .content-aside .related-links-list .related-links:after {
  content: " ";
  display: table;
}
.content-aside .related-links-list .related-links:after {
  clear: both;
}
.content-aside .related-links-list .related-links li {
  list-style-image: none;
  list-style-type: none;
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #323232;
}
.content-aside .related-links-list .related-links li:first-child {
  border: 1px solid #ededed;
}
.content-aside .related-links-list .related-links li:last-child {
  margin-bottom: 13px;
}
.content-aside .related-links-list .related-links li a {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 0.8000em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-top: 0.8rem;
  line-height: 1.8rem;
  background-color: #ededed;
  color: #323232;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  font-family: "OpenSansRegular", "Arial", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 1.8000em;
  margin-bottom: 0.0000em;
  margin-top: 0;
  line-height: 32px;
}
.content-aside .related-links-list .related-links li a:after {
  border-color: transparent transparent transparent #ededed;
  border-style: solid;
  border-width: 0.8889rem 0 0.8889rem 0.8889rem;
  content: '';
  position: absolute;
  right: -0.87rem;
  top: 0;
}
.content-aside .related-links-list .related-links li a:hover {
  background-color: #39a935;
  color: white;
}
.content-aside .related-links-list .related-links li a:hover:after {
  border-color: transparent transparent transparent #39a935;
}

.main-home-block {
  position: relative;
}
.main-home-block img {
  display: block;
}
.main-home-block .linkbox {
  display: block;
  padding: 2% 0;
  text-decoration: none;
}
.main-home-block .linkbox:hover {
  text-decoration: underline;
}
.main-home-block .linkbox h1, .main-home-block .linkbox h2, .main-home-block .linkbox h3, .main-home-block .linkbox h4, .main-home-block .linkbox h5 {
  margin-top: 0;
}

.groenlinks-themes ul li {
  margin-bottom: 24px;
}
.groenlinks-themes ul li a {
  display: block;
}

.agenda-items-home {
  margin: 30px 0;
}

.groenlinks-themes-highlighted .theme-highlight-item {
  float: left;
  width: 100%;
  margin-bottom: 24px;
}
.groenlinks-themes-highlighted .theme-highlight-item > a {
  float: left;
  margin-right: 5%;
  max-width: 40%;
}
.groenlinks-themes-highlighted .theme-highlight-item > a img {
  display: block;
}
.groenlinks-themes-highlighted .theme-highlight-item > div {
  float: left;
  width: 54%;
}

.departments-main-provinces {
  margin-top: 24px;
}
.departments-main-provinces li {
  list-style-image: url("../images/triangle.png");
  list-style-position: inside;
  margin-left: 2px;
}
.departments-main-provinces li a {
  font-size: 1.0625rem;
}

.province-departments-list-toggle {
  cursor: pointer;
  float: left;
  padding: 0.75rem;
  color: white;
  margin-bottom: 0.75rem;
  width: 140px;
  background-color: #39a935;
}
.province-departments-list-toggle:hover, .province-departments-list-toggle:active {
  background-color: #308f2e;
}

.province-departments-list-toggle::after {
  color: white;
  content: " +";
}

.province-departments-list-toggle.active::after {
  content: " -";
}

.province-departments-list {
  float: left;
  clear: both;
}

.departments-by-province {
  margin-top: 1.5rem;
}
.departments-by-province .main-department {
  display: block;
  float: right;
}
.departments-by-province .main-department a {
  font-family: "OpenSansSemiBold", "Arial Black", "sans-serif";
  font-size: 0.7778rem;
  /* 14px */
  line-height: 1.9286em;
  /* 27px */
  margin-top: 1.9286em;
  margin-bottom: 0.0000em;
}
.departments-by-province .province {
  border-top: 1px solid #39a935;
  float: left;
  width: 100%;
}
.departments-by-province .province ul {
  margin-top: 0;
  padding: 0;
}
.departments-by-province .province ul li {
  color: #323232;
  list-style: none;
}

.opinions-by-theme {
  clear: both;
  padding-top: 24px;
}
.opinions-by-theme:after {
  content: "";
  display: table;
  clear: both;
}
.opinions-by-theme .opinion-category {
  border: none;
  padding-top: 0;
}
.opinions-by-theme .opinion-category:after {
  content: "";
  display: table;
  clear: both;
}
.opinions-by-theme .opinion-category ul {
  list-style: none;
  padding: 0;
}
.opinions-by-theme .opinion-category ul li {
  list-style-image: none;
}
.opinions-by-theme .opinion-category a {
  font-weight: normal;
}

.opinions-view-home ul.stripped li,
.opinions-view-opinionspage ul.stripped li {
  padding: 0;
}
.opinions-view-home .theme-highlight-item,
.opinions-view-opinionspage .theme-highlight-item {
  position: relative;
  display: block;
  vertical-align: top;
  margin-bottom: 24px;
  cursor: pointer;
}
.opinions-view-home .theme-highlight-item img,
.opinions-view-opinionspage .theme-highlight-item img {
  width: 100%;
  display: block;
}
.opinions-view-home .theme-highlight-item a:nth-child(2),
.opinions-view-opinionspage .theme-highlight-item a:nth-child(2) {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}
.opinions-view-home a h3,
.opinions-view-opinionspage a h3 {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 0.8000em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-top: 0.8rem;
  line-height: 1.8rem;
  background-color: #39a935;
  color: white;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
.opinions-view-home a h3:after,
.opinions-view-opinionspage a h3:after {
  border-color: transparent transparent transparent #39a935;
  border-style: solid;
  border-width: 0.8889rem 0 0.8889rem 0.8889rem;
  content: '';
  position: absolute;
  right: -0.87rem;
  top: 0;
}
.opinions-view-home a h3:hover,
.opinions-view-opinionspage a h3:hover {
  background-color: #308f2e;
  color: white;
}
.opinions-view-home a h3:hover:after,
.opinions-view-opinionspage a h3:hover:after {
  border-color: transparent transparent transparent #308f2e;
}
.opinions-view-home a p,
.opinions-view-opinionspage a p {
  font-size: 1rem;
  position: absolute;
  top: -200%;
  padding-right: 10px;
  left: 10px;
  color: white;
  display: none;
}

body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-1,
body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-2,
body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-3 {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 30.0625em) {
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-1,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-2,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-3 {
    width: 46%;
  }
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-1 .views-column-1,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-1 .views-column-2,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-2 .views-column-1,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-2 .views-column-2,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-3 .views-column-1,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-3 .views-column-2 {
    padding-right: 3%;
  }
}
@media only screen and (min-width: 48em) {
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-1,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-2,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-3 {
    width: 32%;
  }
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-1 .views-column-1,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-1 .views-column-2,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-2 .views-column-1,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-2 .views-column-2,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-3 .views-column-1,
  body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-3 .views-column-2 {
    padding-right: 3%;
  }
}
body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-1 a,
body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-2 a,
body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-column-3 a {
  padding-left: 0;
  margin-left: -0.2rem;
}
body[class*=" page-alle-standpunten"] .opinions-view-opinionspage .views-responsive-grid .views-row .views-field-title {
  margin-right: 10px;
}
@media only screen and (min-width: 30.0625em) {
  body[class*=" page-alle-standpunten"] .views-field-title a {
    padding-left: 10px;
    font-weight: normal;
    text-decoration: none;
    line-height: 40px;
  }
  body[class*=" page-alle-standpunten"] .views-field-title a:hover {
    text-decoration: underline;
  }
}
body[class*=" page-alle-standpunten"] .opinions-view-opinionspage {
  clear: both;
  padding-left: 0.2rem;
}

.pressphotos-person {
  margin: 30px 0;
}
.pressphotos-person .photos-photographer {
  margin-top: 12px;
}
.pressphotos-person .photos-photographer a {
  position: relative;
  margin: 12px 1rem 12px 0;
  display: block;
  width: auto;
  float: left;
}
.pressphotos-person .photos-photographer a img {
  display: block;
}
.pressphotos-person .photos-photographer a:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("../images/gl-sprite.png") no-repeat scroll 0 -2072px #39a935;
  position: absolute;
  right: 0;
  bottom: 0;
}
.pressphotos-person .photos-photographer a:hover:after {
  filter: brightness(80%) contrast(200%);
}
.pressphotos-person .photos-photographer .field-label {
  clear: both;
  display: block;
  width: auto;
  height: 1rem;
  font-weight: bold;
}

.jump-to {
  clear: both;
  overflow: hidden;
  padding: 0;
  margin: 0 0 1.5rem;
}
.jump-to li {
  list-style-type: none;
  float: left;
  width: 39px;
  height: 39px;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
}
.jump-to li a:link, .jump-to li a:visited {
  display: block;
  background-color: #dd0031;
  color: white;
  text-decoration: none;
  text-align: center;
  padding: 7px 7px 4px;
}
.jump-to li a:hover, .jump-to li a:active, .jump-to li a:focus {
  text-decoration: underline;
}

a.euroabc {
  padding-right: 22px;
  background: url("../images/gl-sprite.png") right -2198px no-repeat transparent;
}

.euro-abc-image {
  margin: 5px 0 1.5rem;
  max-width: 495px;
  width: 100%;
}

@media only screen and (min-width: 30.0625em) {
  .opinions-view-home ul.stripped li {
    float: left;
    margin-right: 2%;
    width: 49%;
  }
  .opinions-view-home .theme-highlight-item:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 64em) {
  .opinions-view-home {
    float: left;
    width: 64%;
  }
  .opinions-view-home .theme-highlight-item p {
    top: -190px;
  }
}
@media only screen and (min-width: 30.0625em) {
  .opinions-view-opinionspage ul.stripped li {
    float: left;
    margin-right: 2%;
    width: 49%;
  }
  .opinions-view-opinionspage .theme-highlight-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 64em) {
  .opinions-view-opinionspage .theme-highlight-item p {
    top: -190px;
  }
  .opinions-view-opinionspage ul.stripped li {
    float: left;
    margin-right: 2%;
    width: 32%;
  }
  .opinions-view-opinionspage ul.stripped li.theme-highlight-item:nth-child(2n) {
    margin-right: 2%;
  }
  .opinions-view-opinionspage ul.stripped li.theme-highlight-item:nth-child(3n) {
    margin-right: 0;
  }
}

@media all and (min-width: 25em) {
  .opinion-category ul li {
    float: left;
    width: 47%;
    margin-right: 3%;
  }
}
@media only screen and (min-width: 30.0625em) {
  .main-home-block .linkbox {
    position: absolute;
    top: 23px;
    left: 4%;
    width: 33%;
    height: auto;
    min-height: 75px;
    background-color: white;
    padding: 15px 12px;

    overflow: hidden;
    bottom: 23px;
  }

  .partij-btn-block {
    width: 48%;
    margin-right: 2%;
  }

  .partij-sub-menu ul li, .partij-sub-sub-menu ul li {
    width: 45%;
    padding-right: 5%;
  }
  .partij-sub-menu ul .link-description, .partij-sub-sub-menu ul .link-description {
    min-height: 2rem;
  }

  .groenlinks-themes-highlighted .theme-highlight-item > a {
    margin-right: 2%;
    max-width: 24%;
  }
  .groenlinks-themes-highlighted .theme-highlight-item > div {
    width: 70%;
  }

  .node-teaser.news-type-tweet .tweet-date {
    padding-left: 0;
    clear: none;
    display: inline-block;
  }

  .euro-abc-page #main-content > .l-inner:first-child {
    margin-bottom: 24px;
  }
  .euro-abc-page .main-image {
    width: 300px;
  }
  .euro-abc-page #content-bottom {
    margin-bottom: 260px;
  }

  .euro-abc div[id*="letter-"] {
    border: 0;
  }
  .euro-abc div[id*="letter-"] ul {
    padding-left: 20px;
    overflow: hidden;
    width: 100%;
  }
  .euro-abc div[id*="letter-"] ul li {
    list-style-image: url("../images/dot.png");
    margin-right: 5%;
    width: 45%;
    float: left;
  }
  .euro-abc div[id*="letter-"] ul li a:link, .euro-abc div[id*="letter-"] ul li a:visited {
    font-weight: normal;
  }
}
@media only screen and (min-width: 48em) {
  nav ul li {
    float: left;
    border-bottom: 0;
  }

  nav h2 {
    display: none;
  }

  a.linktotop {
    display: none;
  }

  .copyright {
    border-bottom: 0;
    float: left;
  }

  a.naar-groenlinks {
    float: right;
    position: relative;
    right: -19px;
  }

  .node-agenda-item .content .main-image {
    max-width: 100%;
    margin-right: 0;
  }
  .node-agenda-item .content .main-image a.colorbox {
    max-width: 66%;
    display: block;
    position: relative;
    float: left;
    padding: 0 1em 1em 0;
  }
  .node-agenda-item .content .main-image a.colorbox:after {
    right: 0;
    top: 10px;
    width: 10px;
    height: 10px;
    background: url("../images/gl-sprite.png") no-repeat 0 -741px;
    content: " ";
    position: absolute;
  }
  .node-agenda-item .content .main-image figcaption {
    border-top: 1px solid #39a935;
    float: left;
    margin-left: 1%;
    padding-top: 5px;
    width: 32.5%;
    padding-left: 0.5%;
  }
  .node-agenda-item .content .main-image figcaption:after {
    border-bottom: 0;
  }
  .node-agenda-item.node-teaser .content {
    float: left;
    margin-left: 20px;
    width: 74%;
  }

  .node-teaser .event-date {
    float: left;
    width: 14%;
    max-width: 90px;
    margin-top: 0;
    margin-bottom: 0;
    height: 50px;
    padding: 12px;
  }
  .node-teaser .event-date:after {
    background: url("../images/gl-sprite.png") no-repeat scroll 0 -1603px;
    bottom: auto;
    left: auto;
    top: 5px;
    right: -10px;
  }

  .video-wrap {
    position: relative;
    margin-bottom: 32px;
  }
  .video-wrap h2 {
    text-transform: uppercase;
    color: #323232;
  }
  .video-wrap p {
    width: 33%;
    float: left;
    border-top: #39a935 1px solid;
    margin-left: 1%;
    padding-top: 5px;
  }
  .video-wrap .youtube-btn {
    margin-left: 1%;
    margin-top: 0;
  }

  .embedded-video {
    width: 63%;
    float: left;
  }
  .embedded-video:after {
    background: url("../images/gl-sprite.png") no-repeat scroll 0 -735px rgba(0, 0, 0, 0);
    left: auto;
    right: 0;
    top: 6px;
    width: 10px;
  }

  .node-teaser.news-short-visual .video-wrap {
    margin-bottom: 1rem;
    width: 100%;
  }
  .node-teaser.news-short-visual .video-wrap .embedded-video {
    width: 100%;
  }

  .opinion-category ul li {
    float: left;
    width: 30%;
    margin-right: 3%;
    padding: 0;
  }

  /* TODO S. Bonardt Make styles for node-main-theme AND .node-partij modular */
  .page-node .node-partij > footer {
    float: right;
    width: 25%;
  }
  .page-node .node-partij > .content {
    float: left;
  }

  .partij-sub-menu, .partij-sub-sub-menu {
    float: left;
    width: 65%;
  }

  .partij-btn-block {
    width: 30%;
    float: right;
    margin: 24px 0;
    clear: right;
  }

  .block + .partij-btn-block {
    margin-top: -215px;
  }

  .block + .partij-btn-block + .partij-btn-block {
    margin-top: 0;
  }

  .campaigns {
    max-width: 748px;
    float: none;
  }

  .become-member {
    padding: 1rem 3%;
    width: 94%;
  }

  .participate-homepage {
    display: inline-block;
    vertical-align: top;
    padding: 1rem 2%;
    width: 43.5%;
    margin-right: 2%;
  }

  .persons-block {
    width: auto;
    padding: 18px;
  }

  .groenlinks-themes ul {
    margin-top: 22px;
  }
  .groenlinks-themes ul li {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin-right: 2%;
  }

  .agenda-items-home .node-teaser {
    margin-top: 22px;
  }
  .agenda-items-home .node-agenda-item .content {
    padding-top: 2px;
  }

  .groenlinks-themes-highlighted .theme-highlight-item {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin-bottom: 24px;
    margin-right: 3%;
  }
  .groenlinks-themes-highlighted .theme-highlight-item > a {
    float: left;
    margin-right: 3%;
    max-width: 35%;
  }
  .groenlinks-themes-highlighted .theme-highlight-item > div {
    float: left;
    width: 62%;
  }
  .groenlinks-themes-highlighted .theme-highlight-item > div h3 {
    margin-top: 0px;
  }

  .opinion-lists > h2:first-child {
    display: none;
  }

  .opinion-categories {
    display: none;
  }

  .euro-abc div[id*="letter-"] {
    border: 0;
  }
  .euro-abc div[id*="letter-"] h2 {
    color: #323232;
  }

  .jump-to {
    display: none;
  }

  .euro-abc-page #main-content > .l-inner:first-child {
    margin-bottom: 24px;
  }
  .euro-abc-page #main-content .main-image {
    width: 425px;
    max-width: 425px;
  }
  .euro-abc-page #content-bottom {
    margin-bottom: 395px;
  }

  .departments-by-province .province ul li {
    padding: 0;
  }
}
.joinus-blocks h2 {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 64em) {
  .agenda-items-home, .agenda-items-main {
    width: 64%;
  }

  .agenda-items-main {
    float: left;
  }

  .region-aside_second .mailchimp {
    float: right;
    width: 30%;
  }

  .node-agenda-item .content {
    padding-top: 2px;
  }
  .node-agenda-item .content .main-image {
    max-width: 100%;
  }
  .node-agenda-item .content .main-image a.colorbox {
    max-width: 100%;
  }
  .node-agenda-item .content .main-image a.colorbox:after {
    background: none;
  }
  .node-agenda-item .content .main-image figcaption {
    border-top: 0;
    padding: 10px 0;
    margin: 0;
    width: 100%;
    position: relative;
  }
  .node-agenda-item .content .main-image figcaption:after {
    content: "";
    width: 15%;
    border-bottom: 1px solid #39a935;
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
  }
  .node-agenda-item .related-items h2 {
    margin-bottom: 0.4em;
  }
  .node-agenda-item .related-items img.file-icon {
    display: none;
  }

  .lineafter:after {
    border: 0;
  }

  .conversion {
    float: right;
    clear: right;
  }
  .block + .partij-btn-block {
    margin-top: -189px;
  }

  .partij-btn-block:first-child {
    margin-top: -145px;
  }

  .video-wrap p {
    border-top: 0;
    width: 100%;
  }
  .video-wrap .youtube-btn {
    margin-left: 0;
    margin-top: 22px;
  }

  .pressphotos-person {
    float: right;
    width: 30%;
  }

  .embedded-video {
    width: 100%;
    float: left;
  }
  .embedded-video:after {
    background: url("../images/gl-sprite.png") 0 -1672px no-repeat transparent;
    right: auto;
    left: 5px;
    bottom: -5px;
    width: 25px;
    top: auto;
  }

  .joinus-blocks {
    width: 34%;
    float: right;
    margin-top: -1.5rem;
  }

  .joinus-info {
    width: 30%;
    float: right;
    margin-top: 0;
  }

  .become-member {
    padding: 1rem 5%;
    width: 90%;
  }

  .node .content .related-links {
    padding-left: 1.5%;
  }

  .main-home-block {
    max-width: 64%;
    float: left;
    margin-right: 2%;
  }

  .groenlinks-themes {
    width: 64%;
    float: left;
    margin-right: 2%;
  }
  .groenlinks-themes ul li {
    width: 44.5%;
    margin-right: 5%;
  }

  .participate-homepage {
    float: none;
    padding: 1rem 5%;
    width: 90%;
    margin-right: 0;
  }

  .groenlinks-themes-highlighted .theme-highlight-item {
    width: 47%;
    margin-bottom: 24px;
    margin-right: 3%;
  }
  .groenlinks-themes-highlighted .theme-highlight-item > a {
    float: left;
    margin-right: 2.5%;
    max-width: 30%;
  }
  .groenlinks-themes-highlighted .theme-highlight-item > div {
    float: left;
    width: 67%;
  }
  .groenlinks-themes-highlighted .theme-highlight-item > div h3 {
    margin-top: 0;
  }

  .departments-by-province .province {
    width: 48%;
    margin-right: 2%;
  }

  .pressphotos-person {
    margin: 0 0 30px 0;
  }

  .node-type-lemma .node-lemma {
    position: relative;
  }
  .node-type-lemma .node-lemma .content-wrapper {
    min-height: 185px;
  }
  .node-type-lemma h1 {
    max-width: 64%;
  }
  .node-type-lemma .content p, .node-type-lemma .content ul, .node-type-lemma .content ol, .node-type-lemma .content table, .node-type-lemma .content dl {
    color: #323232;
  }
}
@media only screen and (min-width: 64em) and (min-width: 64em) {
  .conversion {
    width: 280px;
  }
}

/*
Player Skin Designer for Video.js
http://videojs.com

To customize the player skin edit
the CSS below. Click "details"
below to add comments or questions.
This file uses some SCSS. Learn more
at http://sass-lang.com/guide)

This designer can be linked to at:
http://codepen.io/heff/pen/EarCt/left/?editors=010
Customized version
*/
.video-js {
  display: block;
  width: auto !important;
  height: auto !important;
  /* The base font size controls the size of everything, not just text.
     All dimensions use em-based sizes so that the scale along with the font size.
     Try increasing it to 15px and see what happens. */
  font-size: 10px;
  /* The main font color changes the ICON COLORS as well as the text */
  color: white;
  /* The "Big Play Button" is the play button that shows before the video plays.
     To center it set the align values to center and middle. The typical location
     of the button is the center, but there is trend towards moving it to a corner
     where it gets out of the way of valuable content in the poster image.*/
  /* The default color of control backgrounds is mostly black but with a little
     bit of blue so it can still be seen on all-black video frames, which are common. */
  /* Slider - used for Volume bar and Progress bar */
  /* The slider bar color is used for the progress bar and the volume bar
     (the first two can be removed after a fix that's coming) */
  /* The main progress bar also has a bar that shows how much has been loaded. */
  /* The load progress bar also has internal divs that represent
     smaller disconnected loaded time ranges */
}
.video-js > video.vjs-tech {
  position: relative;
  display: block;
  margin: 0;
}
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
  text-shadow: none;
}
.video-js .vjs-big-play-button {
  /* The font size is what makes the big play button...big.
     All width/height values use ems, which are a multiple of the font size.
     If the .video-js font-size is 10px, then 3em equals 30px.*/
  font-size: 3rem;
  /* We're using SCSS vars here because the values are used in multiple places.
     Now that font size is set, the following em values will be a multiple of the
     new font size. If the font-size is 3em (30px), then setting any of
     the following values to 3em would equal 30px. 3 * font-size. */
  /* 1.5em = 45px default */
  z-index: 0;
  line-height: 1.5rem;
  height: 1.5rem;
  width: 3rem;
  /* 0.06666em = 2px default */
  border: 0.06666em solid #ededed;
  /* 0.3em = 9px default */
  border-radius: 0.3rem;
  /* Align center */
  left: 50%;
  top: 50%;
  margin-left: -1.5rem;
  margin-top: -0.75rem;
}
.video-js .vjs-big-play-button:before {
  font-size: 1rem;
  line-height: inherit;
}
.video-js .vjs-default-skin:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
  background-color: rgba(57, 169, 53, 0.75);
  box-shadow: none;
}
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  /* IE8 - has no alpha support */
  background-color: #323232;
  /* Opacity: 1.0 = 100%, 0.0 = 0% */
  background-color: #39a935;
}
.video-js .vjs-control-bar {
  background-color: rgba(57, 169, 53, 0.8);
}
.video-js .vjs-slider {
  background-color: #323232;
}
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background-color: #ededed;
}
.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: ligthen(#39a935, 25%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(130, 188, 0, 0.5);
}
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: ligthen(#39a935, 50%);
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(130, 188, 0, 0.75);
}
.video-js .vjs-slider-handle:before {
  content: ' ';
  transform: rotate(0deg);
  line-height: 0;
  margin-top: 0;
  font-size: 0;
  left: 0;
  top: -25%;
  width: inherit;
  height: inherit;
  content: 'a';
  display: block;
  width: 100%;
  height: 150%;
  background: white;
  border-radius: 50% 50%;
}

.vjs-volume-handle {
  width: 0.75em !important;
  height: .5rem;
}

#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .views-exposed-widget,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .views-exposed-widget {
  padding: 0;
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-widget .views-widget-filter-search_api_views_fulltext,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-widget .views-widget-filter-search_api_views_fulltext {
  float: left;
}

#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form,
.quick-search {
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .views-exposed-widgets,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .views-exposed-widgets,
.quick-search .views-exposed-widgets {
  margin-bottom: 1.5rem;
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form *,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form *,
.quick-search * {
  box-sizing: border-box;
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form label,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form label,
.quick-search label {
  display: none;
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form h2,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form h2,
.quick-search h2 {
  display: none;
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .form-item,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .form-item,
.quick-search .form-item {
  padding: 0;
  margin: 0;
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .form-text,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .form-text,
.quick-search .form-text {
  border: 1px solid #323232;
  padding: 0 0 0 6px;
  margin: 0;
  height: 30px;
  width: 100%;
  float: left;
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .form-actions,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .form-actions,
.quick-search .form-actions {
  width: 35%;
  padding: 0;
  margin: 0;
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .form-submit,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .form-submit,
.quick-search .form-submit {
  display: inline;
  text-indent: 9999rem;
  border: #323232;
  padding: 0 0 0 25px;
  margin: 0;
  color: white;
  border: 1px solid #323232;
  height: 30px;
  width: 48px;
  background: url("../images/gl-sprite.png") 15px -46px no-repeat #323232;
  float: left;
}
@media only screen and (min-width: 48em) {
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .form-submit,
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .form-submit,
  .quick-search .form-submit {
    background-color: #323232;
    text-indent: 0;
    width: 110px;
  }
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .views-exposed-widget .form-submit,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .views-exposed-widget .form-submit,
.quick-search .views-exposed-widget .form-submit {
  margin-top: 0;
}
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .views-widget-filter-search_api_views_fulltext,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .quick-search-container,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .views-widget-filter-search_api_views_fulltext,
#views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .quick-search-container,
.quick-search .views-widget-filter-search_api_views_fulltext,
.quick-search .quick-search-container {
  padding-right: 50px;
  margin-right: -50px;
  width: 100%;
  float: left;
}
@media only screen and (min-width: 30.0625em) {
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .views-widget-filter-search_api_views_fulltext,
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .quick-search-container,
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .views-widget-filter-search_api_views_fulltext,
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .quick-search-container,
  .quick-search .views-widget-filter-search_api_views_fulltext,
  .quick-search .quick-search-container {
    width: 300px;
  }
}
@media only screen and (min-width: 48em) {
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .views-widget-filter-search_api_views_fulltext,
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .quick-search-container,
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .views-widget-filter-search_api_views_fulltext,
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .quick-search-container,
  .quick-search .views-widget-filter-search_api_views_fulltext,
  .quick-search .quick-search-container {
    width: 250px;
  }
}
@media only screen and (min-width: 64em) {
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .views-widget-filter-search_api_views_fulltext,
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina .views-exposed-form .quick-search-container,
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .views-widget-filter-search_api_views_fulltext,
  #views-exposed-form-alle-standpunten-alle-standpunten-pagina-lokaal .views-exposed-form .quick-search-container,
  .quick-search .views-widget-filter-search_api_views_fulltext,
  .quick-search .quick-search-container {
    width: 300px;
  }
}

.quick-search {
  margin-bottom: 1.5rem;
}
.quick-search > p {
  width: 50%;
  margin-bottom: 1rem;
}

.quick-search-result {
  width: 50%;
  position: relative;
}
.quick-search-result ul.result-list {
  margin-top: 2px;
}

.fac-result .result-list,
.quick-search-result .result-list {
  position: absolute;
  z-index: 99999;
  list-style-type: none;
  padding: 0;
  margin-top: -24px;
  width: 100%;
  height: 100%;
}
.fac-result .result-list a,
.quick-search-result .result-list a {
  display: inline;
  padding-left: 10px;
  font-weight: normal;
  text-decoration: none;
  line-height: 40px;
}
.fac-result .result-list a:hover,
.quick-search-result .result-list a:hover {
  text-decoration: underline;
}
.fac-result .result-list a:after,
.quick-search-result .result-list a:after {
  content: ">";
  padding-right: 10px;
  float: right;
}

.fac-result .result-list li:nth-child(even) {
  background-color: #39a935;
}
.fac-result .result-list li:nth-child(odd) {
  background-color: white;
}
.fac-result .result-list li:last-child {
  border-bottom: 1px solid #39a935;
}
.fac-result .result-list li:first-child {
  border-top: 1px solid #39a935;
}

.quick-search-result .result-list li.odd {
  background-color: #39a935;
}
.quick-search-result .result-list li.even {
  background-color: white;
}
.quick-search-result .result-list li.last {
  border-bottom: 1px solid #39a935;
}
.quick-search-result .result-list li.first {
  border-top: 1px solid #39a935;
}

.page-alle-standpunten .fac-result .result-list {
  position: relative;
  list-style-type: none;
  padding: 0;
  margin-top: -24px;
  width: 100%;
  height: 100%;
}
.page-alle-standpunten .fac-result .result-list a {
  display: inline;
  padding-left: 10px;
  font-weight: normal;
  text-decoration: none;
  line-height: 40px;
}
.page-alle-standpunten .fac-result .result-list a:hover {
  text-decoration: underline;
}
.page-alle-standpunten .fac-result .result-list a:after {
  content: ">";
  padding-right: 10px;
  float: right;
}
.page-alle-standpunten .fac-result .result-list li:nth-child(even) {
  background-color: #39a935;
}
.page-alle-standpunten .fac-result .result-list li:nth-child(odd) {
  background-color: white;
}
.page-alle-standpunten .fac-result .result-list li:last-child {
  border-bottom: 1px solid #39a935;
}
.page-alle-standpunten .fac-result .result-list li:first-child {
  border-top: 1px solid #39a935;
}

.homepage-blokken-standpunten {
  vertical-align: top;
  box-sizing: border-box;
  float: right;
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .homepage-blokken-standpunten {
    width: 49%;
  }
}
@media only screen and (min-width: 64em) {
  .homepage-blokken-standpunten {
    width: 32%;
  }
}
.homepage-blokken-standpunten h3 {
  color: white;
  font-size: 1.3rem;
  line-height: 1.625rem;
}
.homepage-blokken-standpunten .opinionspage-participate-block {
  background-color: #323232;
  padding: 1rem 4%;
  margin-bottom: 24px;
}

.explanation-fac {
  float: left;
  position: relative;
  z-index: 999;
  margin-bottom: 1rem;
}
.explanation-fac a {
  cursor: pointer;
}

.page-standpunten #content-top {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .page-standpunten #content-top {
    width: 50%;
  }
}

.alle-standpunten-page .region-content {
  min-height: 360px;
}

#openid-connect-login-form {
  margin-top: 10px;
}

.node-type-opinion #main-content ul.tabs {
  margin-bottom: 20px;
}

.page-user .region-content .block:nth-child(2) {
  border: 2px solid #dd0031;
  padding: 12px 10px 12px 10px;
}

.paragraphs-item-video-youtube .content {
  max-width: 100%;
}
.paragraphs-item-video-youtube .label {
  float: right;
  font-style: italic;
}
.paragraphs-item-video-youtube a {
  display: block;
  position: relative;
}
.paragraphs-item-video-youtube a:after {
  background: url("../images/video-ext.png") no-repeat center center;
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  content: " ";
  z-index: 2;
  top: 0;
  left: 0;
}
.paragraphs-item-video-youtube a:hover:after {
  background-color: rgba(255, 255, 255, 0.5);
}

.search-toggle {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
  text-decoration: none;
}
.search-toggle span {
  background: url("../images/gl-sprite.png") 0 -53px no-repeat;
  padding-left: 25px;
  line-height: 50px;
  font-family: "OpenSansExtraBold","Georgia","serif";
}
.search-toggle:after {
  background-color: transparent;
  content: "";
  display: block;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  border-left: 1px solid white;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}

#search-block-form {
  padding: 1rem 6.25%;
  display: block;
  clear: both;
  width: 87.5%;
  border-bottom: 1px solid #39a935;
  overflow: hidden;
}
#search-block-form h2 {
  display: none;
}
#search-block-form > div {
  float: left;
}
#search-block-form .form-item {
  width: 64%;
  padding: 0;
  margin: 0;
}
#search-block-form .form-text {
  border: 1px solid #ededed;
  width: 100%;
  padding: 0 0 0 6px;
  margin: 0;
  height: 30px;
}
#search-block-form .form-actions {
  width: 35%;
  padding: 0;
  margin: 0;
}
#search-block-form .form-submit {
  border: #39a935;
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.6667rem;
  /* 12px */
  line-height: 1.2500em;
  /* 27px */
  margin-top: 0.2500em;
  margin-bottom: 0.0000em;
  text-transform: none;
  line-height: 1rem;
  padding: 0 0 0 25px;
  margin: 0;
  width: 100%;
  color: white;
  border: 1px solid #39a935;
  height: 32px;
  background: url("../images/gl-sprite.png") 15px -46px no-repeat #39a935;
  text-transform: uppercase;
}
#search-block-form .form-submit:hover {
  background: url("../images/gl-sprite.png") 15px -46px no-repeat #308f2e;
  border: 1px solid #308f2e;
}

ol.search-results {
  margin-top: 48px;
  padding-left: 0;
}
ol.search-results > li {
  margin-bottom: 42px;
  border-bottom: 1px solid #39a935;
  padding-bottom: 24px;
}
ol.search-results > li .search-snippet-info {
  padding-left: 0;
}
ol.search-results .read-more {
  display: none;
}
ol.search-results p.introduction {
  color: #39a935;
}

.page-search .content-wrap .search-form {
  background-color: #39a935;
  display: inline-block;
  width: 100%;
}
.page-search .content-wrap .search-form + h2 {
  display: none;
}
.page-search .content-wrap .search-form .form-wrapper {
  width: 90%;
  padding: 1.5rem 4%;
  display: inline-block;
}
.page-search .content-wrap .search-form .form-item-keys {
  float: left;
  margin: 0;
}
.page-search .content-wrap .search-form .form-item-keys > label {
  display: none;
}
.page-search .content-wrap .search-form .form-text {
  border: 1px solid #39a935;
  width: 100%;
  height: 30px;
  padding: 0 0 0 6px;
}
.page-search .content-wrap .search-form .form-submit {
  float: left;
  margin: 10px 0 0 0;
  border: #39a935;
  padding: 0 0 0 25px;
  color: white;
  border: 1px solid #39a935;
  height: 32px;
  background: url("../images/gl-sprite.png") 15px -46px no-repeat #39a935;
  width: 11rem;
}

@media only screen and (min-width: 30.0625em) {
  .page-search .content-wrap .search-form .form-item-keys {
    width: 70%;
  }
  .page-search .content-wrap .search-form .form-submit {
    margin: 0 0 0 4px;
    width: 28%;
    max-width: 11rem;
  }
}
@media only screen and (min-width: 48em) {
  .search-toggle {
    display: none;
  }

  #search-block-form {
    position: absolute;
    right: 0;
    max-width: 380px;
    border-bottom: 0;
    padding: 0 20px 0 0;
    margin: 1.5rem 0;
  /* xiao: quickfix for right alignment for search form
  .apge-search .search-form +h2 {
fidplay:none;
  }
     apply for medium and wide screens, taken from afdeling
  */
  }
  #search-block-form .form-item {
    width: 270px;
  }
  #search-block-form .form-actions {
    width: 110px;
  }

  .page-search .content-wrap .search-form .form-item-keys {
    width: 76%;
  }
}
@media only screen and (min-width: 48em) and (min-width: 48em) {
  #search-block-form {
    float: right;
    padding: 0;
    position: static;
  }
}
.webform-client-form {
  padding-bottom: 1em;
  background-color: #ededed;
}
.webform-client-form fieldset {
  background-color: #ededed;
  border: 0;
  padding: 0;
}
.webform-client-form fieldset legend {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 2rem;
  /* 36px */
  line-height: 1.5em;
  /* 27px */
  margin-top: 0.778em;
  margin-bottom: 0.0000em;
  text-transform: none;
}
.webform-client-form .form-submit {
  background-color: #39a935;
  padding: 8px 15px;
  margin: 12px 0;
  border: 0;
  color: white;
  transition: background-color 0.2s, color 0.2s;
  -webkit-transition: background-color 0.2s, color 0.2s;
  /* Safari */
  display: block;
  clear: both;
}
.webform-client-form .form-submit:hover {
  background-color: #308f2e;
}
.webform-client-form .webform-component {
  padding-left: 3%;
  padding-right: 3%;
}
.webform-client-form .webform-component label {
  font-family: "OpenSansRegular", "Arial", "sans-serif";
  font-size: 1.0000rem;
  /* 1rem */
  line-height: 1.5000em;
  /* 27px */
  margin-top: 1.5000em;
  margin-bottom: 0.0000em;
}
.webform-client-form .webform-component input[type='text'],
.webform-client-form .webform-component input[type='email'],
.webform-client-form .webform-component input[type='password'],
.webform-client-form .webform-component input[type='search'],
.webform-client-form .webform-component input[type='number'] {
  padding: 5px 1%;
  border: 1px solid #323232;
  width: 98%;
}
.webform-client-form .webform-component input[type='text'].error,
.webform-client-form .webform-component input[type='email'].error,
.webform-client-form .webform-component input[type='password'].error,
.webform-client-form .webform-component input[type='search'].error,
.webform-client-form .webform-component input[type='number'].error {
  border: 1px solid #dd0031;
}
.webform-client-form .webform-component input[type='search'] {
  -webkit-appearance: textfield;
}
.webform-client-form .webform-component input [type='radio'],
.webform-client-form .webform-component input [type='checkbox'] {
  margin: 0;
  padding: 5px 1%;
  border: 1px solid #323232;
  width: auto;
}
.webform-client-form .webform-component input [type='radio'].error,
.webform-client-form .webform-component input [type='checkbox'].error {
  border: 1px solid #dd0031;
}
.webform-client-form .webform-component input[type='number'] {
  width: 25%;
}
.webform-client-form .webform-component textarea {
  margin: 0;
  padding: 5px 1%;
  border: 1px solid #323232;
  width: 98%;
  -webkit-appearance: none;
  border-radius: 0;
}
.webform-client-form .form-actions {
  padding: 15px 3% 30px;
  background-color: transparent;
  margin: 0;
}
.webform-client-form .fieldset-description {
  margin-bottom: 27px;
}
.webform-client-form .webform-component-date .form-item {
  margin-right: 6px;
}
.webform-client-form .webform-component-date .form-item label {
  display: none;
}
.webform-client-form .webform-component-time .form-item > label {
  display: none;
}
.webform-client-form .webform-component-time .form-radios .form-item > label {
  display: inline;
}
.content-wrapper .webform-client-form {
  float: left;
  clear: both;
}

.node-type-agenda-item .webform-client-form .form-actions {
  background-color: #ededed;
}

.mailchimp input[type='text'],
.mailchimp input[type='email'] {
  margin: 0;
  padding: 5px 1%;
  border: 1px solid #323232;
  color: white;
  height: 26px;
  width: 98%;
  background: #ededed;
}
.mailchimp input[type='text'].error,
.mailchimp input[type='email'].error {
  border: 1px solid #dd0031;
}

@media only screen and (min-width: 48em) {
  .webform-client-form fieldset legend {
    padding: 0 27px;
  }
  .webform-client-form .webform-component,
  .webform-client-form .form-actions {
    padding: 0 27px;
  }
}
.persons h2 {
  margin-bottom: 0.5em;
}

.person-tab {
  width: 100%;
  background-color: white;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
.person-tab > a {
  margin-right: 3%;
  float: left;
  width: 31%;
  max-width: 128px;
}
.person-tab > a img {
  display: block;
}
.person-tab h1 {
  float: left;
  width: 66%;
  margin: 5px 0 0 0;
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.5556rem;
  /* 28px */
  line-height: 1.4em;
  /* 54px */
  margin-top: 1.2857em;
  margin-bottom: 0.0000em;
  text-transform: none;
}
.person-tab p {
  float: left;
  width: 66%;
  margin-top: 0;
}

.persons-block {
  background-color: #ededed;
  float: left;
  min-height: 219px;
  padding: 18px;
}
.persons-block .portrait {
  float: left;
  width: 112px;
}
.persons-block .info {
  float: left;
  padding-left: 18px;
  width: 160px;
}
.persons-block .info h3 {
  font-family: "OpenSansExtraBold", "Georgia", "serif";
  font-size: 1.5556rem;
  /* 28px */
  line-height: 1.4em;
  margin-top: 0.9643em;
  margin-bottom: 0.0000em;
  text-transform: uppercase;
}
.persons-block .info .role {
  font-family: "OpenSansSemiBold", "Arial Black", "sans-serif";
  font-size: 0.6667rem;
  /* 12px */
  line-height: 1.4em;
  margin-top: 0.2500em;
  margin-bottom: 0.0000em;
  color: #39a935;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.persons-block .info .read-more a {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 0.8000em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-top: 0.8rem;
  line-height: 1.8rem;
  background-color: #39a935;
  color: white;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
.persons-block .info .read-more a:after {
  border-color: transparent transparent transparent #39a935;
  border-style: solid;
  border-width: 0.8889rem 0 0.8889rem 0.8889rem;
  content: '';
  position: absolute;
  right: -0.87rem;
  top: 0;
}
.persons-block .info .read-more a:hover {
  background-color: #308f2e;
  color: white;
}
.persons-block .info .read-more a:hover:after {
  border-color: transparent transparent transparent #308f2e;
}

.persons-block-two {
  padding: 1rem 4%;
  display: block;
  text-decoration: none;
  overflow: hidden;
}
.persons-block-two .person {
  overflow: hidden;
  margin-bottom: 4%;
  padding-bottom: 4%;
  border-bottom: 1px solid white;
}
.persons-block-two .person + .person {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.persons-block-two .person a:first-child {
  max-width: 100px;
  float: left;
  margin-right: 1rem;
}
.persons-block-two .person a:first-child img {
  display: block;
}
.persons-block-two .person .person-inner {
  overflow: hidden;
}
.persons-block-two .person .person-inner a {
  max-width: none;
  text-decoration: none;
  width: 100%;
}
.persons-block-two .person .person-inner a + a {
  background: url("../images/gl-sprite.png") no-repeat scroll right -328px rgba(0, 0, 0, 0);
  display: inline;
  padding-right: 24px;
  text-decoration: none;
}

.persons-block-local {
  width: 100%;
  position: relative;
  margin-bottom: 24px;
}
.persons-block-local > a {
  width: 100%;
  height: 75px;
  display: block;
  background-color: #ededed;
  margin-bottom: 12px;
  color: #323232;
  text-decoration: none;
}
.persons-block-local > a > div {
  display: block;
  vertical-align: middle;
  float: left;
}
.persons-block-local > a .person-name {
  font-family: "OpenSansExtraBold", "Georgia", "serif";
  font-size: 1.1rem;
  /* 20px */
  line-height: 1.055em;
  /* 21px */
  margin-top: 0.8em;
  margin-bottom: 0.0000em;
  text-transform: uppercase;
  display: block;
}
.persons-block-local > a .person-position {
  font-family: "OpenSansSemiBold", "Arial Black", "sans-serif";
  font-size: 0.6667rem;
  /* 12px */
  line-height: 1.4em;
  margin-top: 0.2500em;
  margin-bottom: 0.0000em;
  color: #39a935;
}
.persons-block-local img {
  float: left;
  height: 75px;
  margin-right: 12px;
  min-width: 75px;
}
.persons-block-local .read-more {
  margin-top: 6px;
  text-align: left;
}

@media only screen and (min-width: 64em) {
  .persons-block-local {
    width: 34%;
    float: left;
  }
  .persons-block-local > a {
    height: 90px;
  }
  .persons-block-local img {
    min-width: 90px;
    height: 90px;
  }

  .persons-block-two {
    padding: 1rem;
    background-color: #39a935;
    width: 30%;
    height: 220px;
  }
  .persons-block-two .person {
    padding: 0;
    width: 100%;
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid white;
  }
  .persons-block-two .person img {
    max-width: 95px;
  }
  .persons-block-two .person + .person {
    padding: 0;
  }
}
@media only screen and (min-width: 48em) {
  .persons-block-local > a > div {
    max-width: 183px;
  }

  .person-tab {
    width: 49%;
    margin-bottom: 12px;
    margin-left: 1.25%;
    display: inline-block;
  }
  .person-tab.views-row-odd {
    margin-left: 0;
  }

  .persons-block-two {
    padding: 0;
    background-color: transparent;
  }
  .persons-block-two .person {
    float: left;
    width: 43%;
    margin-right: 2%;
    border: 0;
    padding: 4% 1rem;
    background-color: #39a935;
  }
  .persons-block-two .person + .person {
    margin-right: 0;
    padding: 4% 1rem;
  }
}
@media only screen and (min-width: 30.0625em) {
  .person-tab > a {
    margin-right: 10px;
  }

  .persons-block-local > a {
    height: 121.5px;
    overflow: hidden;
  }
  .persons-block-local img {
    float: left;
    height: 125px;
    margin-right: 12px;
    min-width: 125px;
  }
}
.node-newsarticle {
  background: white;
  padding: 22px 4% 1rem;
  width: 92%;
  border-top: none;
}
.node-newsarticle h1 {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 2rem;
  /* 36px */
  line-height: 1.5em;
  /* 27px */
  margin-top: 0.778em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-top: 0;
}
.node-newsarticle .data-small {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.7778rem;
  /* 14px */
  line-height: 1.9286em;
  /* 27px */
  margin-top: 0.9286em;
  margin-bottom: 0.0000em;
  text-transform: none;
  color: #39a935;
}
.node-newsarticle .data-small > * {
  margin-right: 10px;
}
.node-newsarticle .read-more {
  float: right;
  margin-right: 18px;
}
.node-newsarticle.news-short-visual .read-more {
  margin-right: 42px;
}

.node-newsarticle.node-full h1 {
  margin-top: 32px;
}

.node-newsarticle.node-teaser h1 {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.5556rem;
  /* 28px */
  line-height: 1.4em;
  /* 54px */
  margin-top: 1.2857em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-top: 0;
}

.newsarticles-home .newsarticle-main-btn,
.newsarticles-main .newsarticle-main-btn {
  display: none;
}
.newsarticles-home .news-type-tweet,
.newsarticles-main .news-type-tweet {
  margin-top: 22px;
  padding: 0 0 24px 0;
  width: 100%;
  background-color: transparent;
}
.newsarticles-home .news-type-tweet header,
.newsarticles-main .news-type-tweet header {
  padding: 1rem 4%;
  width: 92%;
  background-color: white;
}
.newsarticles-home .news-type-tweet .content,
.newsarticles-main .news-type-tweet .content {
  margin-top: 15px;
}
.newsarticles-home figure,
.newsarticles-main figure {
  width: 34%;
  float: left;
  margin: 6px 2% 2% 0;
}
.newsarticles-home figure img,
.newsarticles-main figure img {
  display: block;
}
.newsarticles-home > a.btn,
.newsarticles-main > a.btn {
  margin-top: 12px;
}
.newsarticles-home .news-short-visual,
.newsarticles-main .news-short-visual {
  padding: 0 0 2%;
  width: 100%;
}
.newsarticles-home .news-short-visual figure,
.newsarticles-main .news-short-visual figure {
  width: 100%;
  padding: 0;
  margin: 0;
  float: none;
  position: relative;
}
.newsarticles-home .news-short-visual figure:after,
.newsarticles-main .news-short-visual figure:after {
  display: block;
  position: absolute;
  content: "";
  width: 30px;
  height: 16px;
  bottom: 0px;
  left: 5px;
  background: transparent url("../images/gl-sprite.png") 0 -1669px no-repeat;
}
.newsarticles-home .news-short-visual .video-wrap,
.newsarticles-main .news-short-visual .video-wrap {
  margin-top: 0px;
}
.newsarticles-home .news-short-visual .video-wrap p,
.newsarticles-main .news-short-visual .video-wrap p {
  display: none;
}
.newsarticles-home .news-short-visual header,
.newsarticles-main .news-short-visual header {
  margin-top: 24px;
}
.newsarticles-home .news-short-visual .content, .newsarticles-home .news-short-visual header,
.newsarticles-main .news-short-visual .content,
.newsarticles-main .news-short-visual header {
  padding: 0 4%;
}
.newsarticles-home .news-short-visual .teaser-link,
.newsarticles-main .news-short-visual .teaser-link {
  margin-left: 4%;
}

.newsarticles-main-list,
.newsarticles-home-list,
.newsarticles-related {
  margin-bottom: 1.5em;
}
.newsarticles-main-list ul.stripped,
.newsarticles-home-list ul.stripped,
.newsarticles-related ul.stripped {
  margin-top: 22px;
}
.newsarticles-main-list .newsarticle,
.newsarticles-home-list .newsarticle,
.newsarticles-related .newsarticle {
  margin-bottom: 0;
}
.newsarticles-main-list .newsarticle h3,
.newsarticles-home-list .newsarticle h3,
.newsarticles-related .newsarticle h3 {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 1.0556rem;
  /* 19px */
  line-height: 1.4211em;
  /* 27px */
  margin-top: 1.6875em;
  margin-bottom: 0.0000em;
  text-transform: none;
}
.newsarticles-main-list .newsarticle:first-child h3,
.newsarticles-home-list .newsarticle:first-child h3,
.newsarticles-related .newsarticle:first-child h3 {
  margin-top: 0;
}
.newsarticles-main-list .newsarticle .date,
.newsarticles-main-list .newsarticle > div,
.newsarticles-home-list .newsarticle .date,
.newsarticles-home-list .newsarticle > div,
.newsarticles-related .newsarticle .date,
.newsarticles-related .newsarticle > div {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.6667rem;
  /* 12px */
  line-height: 1.2500em;
  /* 27px */
  margin-top: 0.2500em;
  margin-bottom: 0.0000em;
  text-transform: none;
  color: #39a935;
}

@media only screen and (min-width: 64em) {
  .nieuws-page .region-aside_first,
  .newsarticles-main {
    float: left;
    max-width: 64%;
    margin: 27px 13px 27px 0;
  }

  .newsarticles-main-list {
    float: left;
    width: 34%;
    margin-top: 52px;
  }

  .newsarticles-home h2,
  .newsarticles-main h2 {
    margin-top: 0;
  }
  .newsarticles-home .newsarticle-main-btn,
  .newsarticles-main .newsarticle-main-btn {
    display: block;
    width: 105px;
  }

  .newsarticle-main-list-btn {
    display: none;
  }
}
.page-nieuws .l-inner .region-content {
  display: none;
}

body.not-front article.clearfix {
  overflow: visible;
}

.paragraphs-items {
  width: 100%;
}

.entity-paragraphs-item {
  margin-bottom: 1rem;
}

.paragraphs-item-video .embedded-video {
  float: none;
  width: 100%;
}
.paragraphs-item-video .embedded-video:after {
  background: url("../images/gl-sprite.png") 0 -1672px no-repeat transparent;
  right: auto;
  left: 5px;
  bottom: -5px;
  width: 25px;
  top: auto;
}
.paragraphs-item-video p {
  position: relative;
  padding: 10px 0;
}
.paragraphs-item-video p:after {
  content: "";
  width: 25%;
  border-bottom: 1px solid #39a935;
  height: 1px;
  bottom: 0;
  left: 0;
  position: absolute;
}

.paragraphs-item-photo figure .container {
  position: relative;
  display: block;
}
.paragraphs-item-photo figure .container:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 16px;
  bottom: 0px;
  left: 5px;
  background: url("../images/gl-sprite.png") 0 -1669px no-repeat transparent;
}
.paragraphs-item-photo figure .container img {
  display: block;
}
.paragraphs-item-photo figcaption {
  position: relative;
  padding: 10px 0;
}
.paragraphs-item-photo figcaption:after {
  content: "";
  width: 25%;
  border-bottom: 1px solid #39a935;
  height: 1px;
  bottom: 0;
  left: 0;
  position: absolute;
}

.paragraphs-item-faq .content {
  background-color: #ededed;
  padding: 20px 14px;
}
.paragraphs-item-faq h2.title {
  color: #323232;
}
.paragraphs-item-faq h2.faq-question {
  cursor: pointer;
}
.paragraphs-item-faq .faq-items {
  padding: 10px 0px;
}
.paragraphs-item-faq .faq-hidden {
  display: none;
}
.paragraphs-item-faq .faq-question {
  background: url("../images/triangle_right.png") 0 0px no-repeat transparent;
  margin: 10px 0px;
}
.paragraphs-item-faq .faq-question.faq-open {
  background: url("../images/triangle_right_down.png") 0 0px no-repeat transparent;
}
.paragraphs-item-faq .faq-question,
.paragraphs-item-faq .faq-answer {
  padding: 0px 30px;
  color: #323232;
}

.paragraphs-item-related-content {
  margin: 1em 0;
}
.paragraphs-item-related-content .content.rc-image {
  background-color: #39a935;
  padding: 1.5rem;
}
.paragraphs-item-related-content .content.rc-image h2.title {
  margin-top: 0;
}
.paragraphs-item-related-content .content ul.nodes {
  margin: 0;
  padding: 0;
}
.paragraphs-item-related-content .content ul.nodes li {
  list-style: none;
  margin-bottom: 0.5rem;
}
.paragraphs-item-related-content .content .related-content h4 {
  margin: 0px;
}
.paragraphs-item-related-content .content .related-content .paragraph_rc_image .container .left {
  float: left;
  width: 33%;
  padding-top: 6px;
}
.paragraphs-item-related-content .content .related-content .paragraph_rc_image .container .left img {
  max-width: 100%;
}
.paragraphs-item-related-content .content .related-content .paragraph_rc_image .container .right {
  float: right;
  width: 64%;
}

.paragraphs-item-carousel .flexslider a {
  outline: 0;
}
.paragraphs-item-carousel .flexslider ul {
  margin: 0px;
  padding: 0px;
}
.paragraphs-item-carousel .flexslider ul li {
  list-style: none;
}
.paragraphs-item-carousel .flexslider ol {
  padding: 0px;
  margin: 0px;
}
.paragraphs-item-carousel .flexslider ol li::before {
  content: "";
}
.paragraphs-item-carousel .flexslider .flex-direction-nav a::before {
  line-height: 40px;
  color: rgba(221, 0, 49, 0.8);
}
.paragraphs-item-carousel .flexslider .flex-direction-nav .flex-next {
  right: 0 !important;
  margin-right: -30px;
  opacity: 1 !important;
}
.paragraphs-item-carousel .flexslider .flex-direction-nav .flex-prev {
  left: 0 !important;
  opacity: 1 !important;
  margin-left: -30px;
}
.paragraphs-item-carousel .flexslider .flex-control-paging li a {
  background-color: rgba(221, 0, 49, 0.5);
}
.paragraphs-item-carousel .flexslider .flex-control-paging li a.flex-active {
  background-color: rgba(221, 0, 49, 0.9);
}
.paragraphs-item-carousel .flexslider .flex-caption {
  position: relative;
  padding: 10px 0;
}
.paragraphs-item-carousel .flexslider .flex-caption:after {
  content: "";
  width: 25%;
  border-bottom: 1px solid #39a935;
  height: 1px;
  bottom: 0;
  left: 0;
  position: absolute;
}

.paragraphs-item-mailchimp .content {
  background-color: #39a935;
  padding: 20px 14px;
}
.paragraphs-item-mailchimp .content .form-text {
  border: 0;
  border-bottom: 1px solid #39a935;
  outline: none;
  padding: 2px;
}
.paragraphs-item-mailchimp .content .form-actions {
  margin-top: 1.5rem;
}
.paragraphs-item-mailchimp .content .form-submit {
  border: 0;
  padding: 4px 20px;
  background-color: #dd0031;
  color: white;
  font-weight: bold;
}

.domain-afdeling header {
  margin-bottom: 33px;
}
.domain-afdeling nav#top-navigation {
  background-color: #ededed;
}
.domain-afdeling nav#top-navigation ul {
  background-color: #ededed;
}
.domain-afdeling nav#top-navigation li a, .domain-afdeling nav#top-navigation .home-link {
  color: #323232;
}
.domain-afdeling nav#top-navigation li a:hover, .domain-afdeling nav#top-navigation li a:active, .domain-afdeling nav#top-navigation li a:focus {
  background-color: #323232;
  color: white;
}
.domain-afdeling #logo {
  margin-bottom: 0.75rem;
}
.domain-afdeling #site-name {
  font-family: "OpenSansExtraBold", "Georgia", "serif";
  font-size: 1.5556rem;
  /* 28px */
  line-height: 1.4em;
  margin-top: 0.9643em;
  margin-bottom: 0.0000em;
  text-transform: uppercase;
  /*-- override --*/
  visibility: visible;
  text-decoration: none;
  position: relative;
  margin: 0 auto;
  padding: 0;
  height: auto;
  text-align: left;
  /*-- everything else --*/
}
.domain-afdeling #site-name h1 {
  padding: 0px 3.125%;
  padding-bottom: 15px;
  margin: 0;
  white-space: nowrap;
}
.domain-afdeling a:hover #site-name {
  text-decoration: underline;
}
.domain-afdeling .participate-homepage {
  background-color: white;
  border-bottom: 1px solid #39a935;
  padding: 24px 0;
  margin-bottom: 0;
}
.domain-afdeling .participate-homepage h3 {
  color: #323232;
}
.domain-afdeling .joinus-blocks h2 + .participate-homepage, .domain-afdeling .joinus-blocks h2 + div + .participate-homepage {
  border-top: 1px solid #39a935;
}
.domain-afdeling .national-site {
  float: right;
}
.domain-afdeling .national-site a {
  text-decoration: none;
}
.domain-afdeling .links-block {
  clear: both;
}
.domain-afdeling .links-block ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.domain-afdeling .links-block ul li {
  margin: 0 0 1rem;
  padding: 0;
  max-width: 308px;
  margin-right: 54px;
  float: left;
}
.domain-afdeling .links-block ul li a {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 0.8000em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-top: 0.8rem;
  line-height: 1.8rem;
  background-color: #39a935;
  color: white;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
.domain-afdeling .links-block ul li a:after {
  border-color: transparent transparent transparent #39a935;
  border-style: solid;
  border-width: 0.8889rem 0 0.8889rem 0.8889rem;
  content: '';
  position: absolute;
  right: -0.87rem;
  top: 0;
}
.domain-afdeling .links-block ul li a:hover {
  background-color: #308f2e;
  color: white;
}
.domain-afdeling .links-block ul li a:hover:after {
  border-color: transparent transparent transparent #308f2e;
}
@media only screen and (min-width: 48em) {
  .domain-afdeling #site-name {
    text-align: left;
    margin-top: 0;
  }
  .domain-afdeling #site-name h1 {
    padding: 0;
  }
  .domain-afdeling #search-block-form {
    margin: 32px 0 45px;
  }
  .domain-afdeling .national-site {
    margin: 6px -20px 6px 0;
  }
  .domain-afdeling .node-teaser .event-date {
    width: 16%;
  }
}
@media only screen and (min-width: 64em) {
  .domain-afdeling nav#top-navigation li.right {
    float: right;
  }
  .domain-afdeling .front .agenda-items-main {
    width: 47%;
    margin-right: 3%;
  }
  .domain-afdeling .front .agenda-items-main .node-teaser {
    margin-top: 12px;
  }
  .domain-afdeling .front .joinus-blocks {
    width: 50%;
  }
  .domain-afdeling .groenlinks-themes.themes-action {
    width: 100%;
  }
  .domain-afdeling .groenlinks-themes.themes-action ul {
    width: 100%;
  }
  .domain-afdeling .groenlinks-themes.themes-action ul li {
    width: 22%;
    margin-right: 4%;
  }
  .domain-afdeling .groenlinks-themes.themes-action ul li + li + li + li {
    margin-right: 0;
  }
}

footer#footer ul {
  padding: 0;
  margin: 0;
}
footer#footer li {
  list-style: none;
}
footer#footer .footer-top {
  background-color: #39a935;
  color: white;
}
footer#footer .footer-top h1, footer#footer .footer-top h2, footer#footer .footer-top h3, footer#footer .footer-top h4, footer#footer .footer-top h5 {
  color: white;
}
footer#footer .footer-top .col-left {
  float: left;
}
@media only screen and (min-width: 30.0625em) {
  footer#footer .footer-top .col-left {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  footer#footer .footer-top .col-left {
    width: 50%;
  }
}
footer#footer .footer-top form input {
  background-color: #39a935;
  border-color: #308f2e;
}
footer#footer .footer-top form input.button {
  background-color: #308f2e;
}
footer#footer .footer-top form input.button:hover {
  background-color: #39a935;
}
footer#footer .footer-top .social h2 {
  display: none;
}
footer#footer .footer-top .social ul {
  float: left;
  margin: 20px 0;
}
@media only screen and (min-width: 30.0625em) {
  footer#footer .footer-top .social ul {
    float: right;
    margin: 20px;
  }
}
footer#footer .footer-top .social a.link_button {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 0.8000em;
  margin-bottom: 0.0000em;
  text-transform: none;
  margin-top: 0.8rem;
  line-height: 1.8rem;
  background-color: #308f2e;
  color: white;
  display: inline-block;
  padding: 0 0.5rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
footer#footer .footer-top .social a.link_button:after {
  border-color: transparent transparent transparent #308f2e;
  border-style: solid;
  border-width: 0.8889rem 0 0.8889rem 0.8889rem;
  content: '';
  position: absolute;
  right: -0.87rem;
  top: 0;
}
footer#footer .footer-top .social a.link_button:hover {
  background-color: #39a935;
  color: white;
}
footer#footer .footer-top .social a.link_button:hover:after {
  border-color: transparent transparent transparent #39a935;
}
footer#footer .footer-top .social a.link_button :after {
  border-color: transparent transparent transparent #308f2e;
}
footer#footer .footer-top .social .social_button {
  float: left;
  margin-right: 10px;
}
footer#footer .footer-top .social .social_button a {
  display: inline-block;
  height: 40px;
  margin-top: 0.8rem;
  text-indent: -9999px;
  width: 40px;
}
footer#footer .footer-top .social .social_button a.facebook-btn {
  background: url("../images/icons/facebook-btn-dark.png") no-repeat scroll 50% 50%;
}
footer#footer .footer-top .social .social_button a.facebook-btn:hover {
  background: url("../images/icons/facebook-btn-light.png") no-repeat scroll 50% 50%;
}
footer#footer .footer-top .social .social_button a.tweet-btn {
  background: url("../images/icons/twitter-btn-dark.png") no-repeat scroll 50% 50%;
}
footer#footer .footer-top .social .social_button a.tweet-btn:hover {
  background: url("../images/icons/twitter-btn-light.png") no-repeat scroll 50% 50%;
}
footer#footer .footer-top .social .social_button a.linkedin-btn {
  background: url("../images/gl-sprite.png") no-repeat scroll 0 -1300px #308f2e;
}
footer#footer .footer-top .social .social_button a.linkedin-btn:hover {
  background-color: #323232;
}
footer#footer .footer-top .social .social_button a.instagram-btn {
  background: url("../images/icons/instagram-btn-dark.png") no-repeat scroll 50% 50%;
}
footer#footer .footer-top .social .social_button a.instagram-btn:hover {
  background: url("../images/icons/instagram-btn-light.png") no-repeat scroll 50% 50%;
}
footer#footer .footer-top .social .social_button a.youtube-btn-new {
  background: url("../images/icons/youtube-btn-dark.png") no-repeat scroll 50% 50%;
}
footer#footer .footer-top .social .social_button a.youtube-btn-new:hover {
  background: url("../images/icons/youtube-btn-light.png") no-repeat scroll 50% 50%;
}
footer#footer .footer-bottom {
  border-bottom: 10px solid #dd0031;
}
footer#footer .footer-bottom .secondary-menu {
  padding: 0;
}
footer#footer .footer-bottom .secondary-menu h2 {
  display: none;
}
footer#footer .footer-bottom .secondary-menu ul {
  text-align: center;
}
footer#footer .footer-bottom .secondary-menu ul li {
  display: inline;
  margin-right: 27px;
}
footer#footer .footer-bottom .secondary-menu ul li a {
  font-family: "OpenSansBold", "Arial Black", "sans-serif";
  font-size: 0.8333rem;
  /* 15px */
  line-height: 1.8000em;
  /* 27px */
  margin-top: 0.8000em;
  margin-bottom: 0.0000em;
  text-transform: none;
  color: #39a935;
  text-transform: uppercase;
  text-decoration: none;
}
footer#footer .footer-bottom .secondary-menu ul li a:hover {
  text-decoration: underline;
}
footer#footer .footer-bottom .plain-links li {
  float: right;
  margin-left: 27px;
}
footer#footer .footer-bottom .plain-links a {
  font-family: "OpenSansSemiBold", "Arial Black", "sans-serif";
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.4em;
  margin-top: 0.2500em;
  margin-bottom: 0.0000em;
}
footer#footer #logo {
  margin: 1.5rem auto;
}

#cboxOverlay.popup_onload {
  display: none !important;
}

body {
  width: 100%;
}

#colorbox, #cboxOverlay, #cboxWrapper {
  position: relative;
}

#colorbox.popup_onload div {
  background: none;
}

#colorbox.popup_onload {
  background-color: #dd0031 !important;
  color: #fff !important;
  position: fixed !important;
  bottom: 0 !important;
  top: auto !important;
}

#colorbox.popup_onload h1,
#colorbox.popup_onload h2,
#colorbox.popup_onload h3,
#colorbox.popup_onload h4,
#colorbox.popup_onload h5,
#colorbox.popup_onload h6,
#colorbox.popup_onload a {
  color: #fff !important;
}

#colorbox.popup_onload p {
  font-size: 16px;
}

#colorbox.popup_onload #cboxWrapper #cboxContent {
  overflow: visible;
}

#colorbox.popup_onload #cboxWrapper #cboxContent #cboxClose:hover {
  background-position: initial;
}

#colorbox.popup_onload #cboxContent {
  position: absolute;
  top: 10px;
  width: 100vw !important;
}

#colorbox.popup_onload #cboxLoadedContent {
  width: 100vw !important;
  margin-bottom: 0 !important;
}

#colorbox.popup_onload #cboxLoadedContent a.btn {
  background-color: #AF0B2B;
  margin: 0;
}

#colorbox.popup_onload #cboxLoadedContent a.btn.right {
  font-size: 28px;
  margin-right: 1.5rem;
  display: block;
  margin-top: 0.5rem;
}

@media only screen and (min-width: 48em) {
  #colorbox.popup_onload #cboxLoadedContent a.btn.right {
    position: absolute;
    top: 0;
    right: 1rem;
    transform: translateY(100%);
    margin-top: 0;
  }
}

#colorbox.popup_onload #cboxLoadedContent a.btn:after {
  border-color: transparent transparent transparent #AF0B2B;
}

#colorbox.popup_onload #cboxLoadedContent h1,
#colorbox.popup_onload #cboxLoadedContent h2,
#colorbox.popup_onload #cboxLoadedContent h3,
#colorbox.popup_onload #cboxLoadedContent h4,
#colorbox.popup_onload #cboxLoadedContent h5,
#colorbox.popup_onload #cboxLoadedContent h6 {
  margin-top: 0;
}

#colorbox.popup_onload .entity-popup-onload {
  padding: 0 1rem;
}

#colorbox.popup_onload #cboxClose {
  right: 26px !important;
  top: -22px !important;
}

table {
  width: 100%;
}

th {
  background-color: #dd0031;
  color: #fff;
}

th, td {
  vertical-align: top;
  padding: 0.5rem;
}

table,
td,
tr,
th {
  border: 0;
}

tr {
  border-bottom: 1px solid #EDEDED;
}

tr:nth-child(even) {
  background-color: #EDEDED;
}

tr:hover {
  background-color: hsl(0, 0%, 85%);
}

.form-item > select {
  width: 100%;
}