/**
 * @file
 * Presentational styles for Drupal vlizbase theme layout.
 *
 * It is left empty for testing purposes.
 *
 * @see https://www.drupal.org/project/drupal/issues/2349711
 */

html {
  border: 0 none;
  font-family: inherit;
  font-size: 100%;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  overflow-y: scroll; /*-----------------always show scrollbar---------------------*/
  box-sizing: border-box;
  scrollbar-color: #006c86 #fff;
  scroll-behavior: smooth;
}

body {
  padding: 0px;
  margin: 0px;
  color: #434343;
  font-size: 22px;
  line-height: 28px;
  font-family: "PannoTextLight", Arial, sans-serif;
  background: none repeat scroll 0 0 #fff;
  min-height: 100%;
}

#page, #header, #main-wrapper, footer, ul, article {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#header, .text-with-summary, .w1200,  form {
  padding: 7px 7px 0 7px;
}

.highlighted, .featured-top {
  display: none;
}

li {
  list-style: none;
  padding-left: 0;
}

img {
  max-width: 100%;
}

#main-wrapper, #main, #content, section, section > div, #block-vlizbase-page-content, article, article > div {
  max-width: 100%;
}

#block-brandingvandewebsite h1 {
  text-transform: uppercase;
}

h1 {
  margin: 0;
  font-size: 32px;
  font-weight: lighter;
  text-transform: uppercase;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.5rem;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.2rem;
}

a {
  text-decoration: none;
  color: #434343;
}

a.btn,
a.button,
.button,
input.btn,
span.btn,
.photogallery_grid_albumbutton,
#edit-submit-news,
button[type="submit"] {
  border: none;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0 7px !important;
  overflow: hidden;
  background: #074c66 none repeat scroll 0 0;
  color: #fff;
  border-radius:5px;
  text-decoration:none;
  box-shadow: 4px 4px #444;
  height:auto;
  width:auto;
  line-height: 18px;
}

a.btn:hover,
a.button:hover,
.button:hover,
input.btn:hover,
span.btn:hover,
.photogallery_grid_albumbutton:hover,
#edit-submit-news:hover,
button[type="submit"]:hover  {
  box-shadow: 2px 2px #074c66;
  background: red;
}

#topmenu ul li a {
  border-bottom: 0 none !important;
  text-transform: uppercase;
  font-weight: lighter;
  cursor: pointer;
  text-shadow: 0 1px 1px rgb(0 0 0 / 50%);
  border-left: none;
  display: table-cell !important;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
}

#topmenu ul li a:active {
  text-shadow: 0 1px 1px rgb(0 0 0 / 50%);
  font-size: 16px;
}

#topmenu ul li a:hover, #topmenu ul li .nolink:hover, #topmenu ul li a.active, #topmenu ul li .nolink.active {
  color: #009ee3 !important;
  text-decoration: none;
}

#main-wrapper h2 {
  background-color: #074c66;
  color: #fff;
  display: block;
  font-size: 23px;
  padding: 5px 0px;
  text-align: center;
  margin: 0;
  line-height: 23px;
  box-shadow: 1px 1px 3px;
}

.text-with-summary ul {
  padding-left: 0;
  align-items: initial;
}

#main-wrapper .figen h2 {
  margin: 0 40px 1em 40px;
}

#main-wrapper .figen figure {
  margin: 0 40px 7px 40px;
}

#main-wrapper .figen figure figcaption {
  display: none;
}

.paragraph--type--cluster-of-figures .string {
  margin-bottom: 1em;
  background-color: #074c66;
  color: #fff;
  display: block;
  font-size: 23px;
  padding: 5px 0px;
  text-align: center;
  line-height: 23px;
  box-shadow: 1px 1px 3px
}

.paragraph--type--cluster-of-figures .inner .figen .effect-sarah h2 {
  position: relative;
  overflow: hidden;
  padding: 0.5em 0;
  font-size: 15px;
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 1px 1px #000;
  font-weight: normal;
  line-height: 26px;
  margin-top: 0px
}

#header {
  width: 100%;
  background-color: #074c66;
}

#block-brandingvandewebsite {
  color: #fff;
}

footer {
  background-color: #333;
  color: #fff;
}

#block-footer p {
  margin: 1em 0 0 0;
  text-align: center;
}

#block-footer p a {
  text-decoration: none;
  color: #fff;
}

#block-footer p img {
  margin-right: 7px;
  filter: grayscale(100%);
}

/* specific for the widgets*/
.rtecenter, .rtecenter p {
  margin: 0 auto;
  text-align: center;
}

p .widgettitle, p .widgettimestamp {
  margin: 0 auto;
  width: initial;
}

.widgettitle, .widgettimestamp {
  font-weight: bold;
  font-size: 13px;
}

.widgettimestamp {
  font-size: 10px;
}

.widgettitle, .widgettimestamp {
  font-weight: bold;
  font-size: 13px;
}

#block-metingen p.widgettitle, #block-metingen p.widgettimestamp {
  width: 100%;
}

#waterstandstreefdoel {
  background-image: url(../images/waterstand.png?v=20190924);
  background-repeat: no-repeat;
  width: 206px;
  height: 150px;
  align-items: center;
  font-size: 1.8em;
  font-weight: 800;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

#waterstandstreefdoel span{
  margin:0 auto;
}

#camcontainer {
  position: relative;
}


#camcontainer .overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-image: url('../images/iconfinder_Pause_2001889.png');
  background-repeat: no-repeat;
  background-position:center center;
  background-size:48px;
}

#camcontainer .overlay.play{
  background-image: url('../images/iconfinder_Play_2001879.png');
  opacity: 0.5;
  filter: grayscale(100%);

}

#camcontainer:hover .overlay {
  opacity: 1;
  filter: grayscale(0%);
}


#camera {
  box-shadow: 1px 3px 8px #000;
}

@media screen and (min-width: 480px) {

  * {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
  }

  ::selection {
    background: #f79448;
    color: #000;
  }

  img:not(picture img) {
    max-width: 100%;
    height: auto;
  }


  /*table s*/
  th {
    text-align: left;
    background-color: #fff;
  }

  tr:nth-child(odd) {
    background-color: #f1f1f1;
  }

  .tablesaw-stack tbody tr {
    overflow: hidden;
  }

  blockquote {
    border-left: solid #fff;
    padding-left: 2%;
    border-inline-start-width: thick;
    writing-mode: horizontal-tb;
  }

  /*tooltips*/
  .ui-widget {
    font-size: 12px;
    line-height: 14px;
    font-family: "PannoTextLight", Arial, sans-serif;
  }

  ul {
    padding: 0;
  }

  img {
    max-width: initial;
  }

  #main-wrapper, #main, #content, section, section > div, #block-vlizbase-page-content, article, article > div {
    max-width: initial;
  }

  #header, .text-with-summary, .w1200,  form {
    padding: initial;
  }


  video {
    max-width: 100%;
    height: auto;
  }

  /*-----------------------------------------*/
  html {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    overflow-y: scroll; /*-----------------always show scrollbar---------------------*/
    box-sizing: border-box;
    scrollbar-color: #006c86 #fff;
    scroll-behavior: smooth;
  }

  body {
    padding: 0px;
    margin: 0px;
    color: #434343;
    font-size: 22px;
    line-height: 28px;
    font-family: "PannoTextLight", Arial, sans-serif;
    background: none repeat scroll 0 0 #fff;
    min-height: 100%;
  }

  #page, #header, .highlighted, .featured-top, #main-wrapper, footer, ul, article {
    display: block;
  }

  #page-wrapper {
    height: auto;
    overflow: hidden;
  }

  /*header*/
  #header {
    position: fixed;
    top: 0;
    z-index: 9999;
  }

  #header * {
    box-sizing: initial;

  }

  #header .inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 1em;
    width: 100%;
  }

  #topmenu {
    margin: 0 auto;
  }

  #topmenu a {
    color: #1A4E8A;
  }

  #block-brandingvandewebsite {
    display: inline-block;
    float: left;
  }

  #topmenu a.sf-depth-1 {
    padding: 0 21px;
  }

  #topmenu ul {
    display: flex;
    flex-direction: row;
    align-items: normal;
    flex-wrap: wrap;
    border: medium none;
    list-style: outside none none;
    text-align: left;
    margin: 0;
    padding-left: 21px;
  }

  #topmenu ul li {
    margin: 0;
    white-space: normal;
    list-style: none;
    padding: 0;
  }

  #topmenu ul li a {
    padding: 0px 7px;
    border-bottom: 0 none !important;
    text-transform: uppercase;
    font-weight: lighter;
    cursor: pointer;
    text-shadow: 0 1px 1px rgb(0 0 0 / 50%);
    border-left: none;
    display: table-cell !important;
    font-size: 16px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
  }

  /* featured-top */
  .featured-top {
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 1px 3px 8px #000;
    min-height: 60px;
    display: block;
    height: 252px;
    width: 100%;
  }

  .featured-top .field_background_image, .featured-top .text-with-summary, .featured-top .text-with-summary img {
    height: 252px;
    width: 100%;
  }

  /* git test */

  /* main */
  #main-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    min-height: calc(100vh - 285px); /*keepfooter at the bottom if page is short pieterm*/
    max-width: 1200px;
  }

  #main-wrapper .figen h2 {
    margin: 7px 0 0 0;
  }

  #main-wrapper .figen figure {
    margin: auto;
  }

  #main-wrapper .figen figure figcaption {
    display: initial;
  }

  .paragraph--type--cluster-of-figures .string {
    margin-bottom: initial;
  }

  #block-share42 {
    float: right;
  }

  #block-share42 .share42init {
    position: relative !important;
  }

  #block-share42 .share42init a {
    display: inline-block !important;
  }

  #block-vlizbase-page-title h1 {
    border-bottom: 1px solid #f1f1f1;
    margin: 4% 0;
    padding: 7px 0;
  }

  #block-vlizbase-content article > div {
    display: block;
    width: 100%;
  }

  .text-with-summary ul {
    padding-left: initial;
  }

  #paragraph200, #paragraph204, #paragraph205, #paragraph206, #paragraph207 {
    height: 100%;
  }

  #paragraph200 *, #paragraph204 * {
    height: 100%;
  }

  #paragraph200 h2, #paragraph204 h2 {
    height: auto;
  }

  #paragraph200 .string, #paragraph204 .string {
    height: auto;
  }

  #paragraph200 figure, #paragraph204 figure, #paragraph205 figure, #paragraph206 figure, #paragraph207 figure {
    height: 77%;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style p {
    margin: 7px 0 0 0;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style p.rtecenter {
    margin: 0 auto;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .c30 {
    margin: 7px 0 0 0;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style #camcontainer {
    margin: 7px 0 0 0;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .figen {
    margin: 7px 0 0 0;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;

  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:first-child {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(2) .inner {
    width: 100%;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(2) .figen {
    width: 33%;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(2) > figen:first-child {
    margin-right: 7px;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(2) > figen:nth-child(2) {
    margin-right: 7px;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(3) .inner {
    width: 100%;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(3) .figen {
    width: 33%;
    margin-right: 7px;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:last-child {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  #block-metingen {
    margin-top: 1em;
    display: block;
    width: 100%;
  }

  #block-metingen .text-with-summary {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    box-sizing: border-box;
  }

  #block-metingen .c30 {
    display: block;
    width: 33%;
  }

  #block-metingen p {
    display: block;
    width: 33%;
  }

  #edit-gdpr-processed-text {
    display: inline-block;
    max-height: 40px;
    overflow: hidden;
  }

  #edit-gdpr-processed-text p strong {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #edit-gdpr-processed-text:hover {
    max-height: 100%;
    transition: all 1s;
  }

  .right.date .field-content {
    border: none;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 2px 7px;
    overflow: hidden;
    background: #e9f0fa none repeat scroll 0 0;
    height: auto;
    width: auto;
    color: #559ab5;
    float: right;
  }

  #block-views-block-nieuws-block-1 h2 {
    margin-top: 1em;
  }

  #block-webformulier h2 {
    margin-top: 1em;
  }

  .views-row {
    padding: 21px 0px;
  }

  .views-row:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
  }

  .ckflex {
    display: flex;
  }

  .ckflex .c40 {
    flex-grow: 2;
    flex-basis: calc(100% - 300px);
  }

  .ckflex .c60 {
    display: flex;
    flex-grow: 1;
  }

  /* footer ... */

  .feed-icon::before {
    vertical-align: -90%;
    content: url(../images/rss.png);
  }

  [role="contentinfo"] {
    padding: 2%;
    background-color: #fff200;
    color: #000;
  }

}

@media screen and (min-width: 992px) {

  * {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
  }

  ::selection {
    background: #f79448;
    color: #000;
  }

  img:not(picture img) {
    max-width: 100%;
    height: auto;
  }


  /*table s*/
  th {
    text-align: left;
    background-color: #fff;
  }

  tr:nth-child(odd) {
    background-color: #f1f1f1;
  }

  .tablesaw-stack tbody tr {
    overflow: hidden;
  }

  blockquote {
    border-left: solid #fff;
    padding-left: 2%;
    border-inline-start-width: thick;
    writing-mode: horizontal-tb;
  }

  /*tooltips*/
  .ui-widget {
    font-size: 12px;
    line-height: 14px;
    font-family: "PannoTextLight", Arial, sans-serif;
  }

  ul {
    padding: 0;
  }

  img {
    max-width: initial;
  }

  #main-wrapper, #main, #content, section, section > div, #block-vlizbase-page-content, article, article > div {
    max-width: initial;
  }

  #header, .text-with-summary, .w1200,  form{
    padding: initial;
  }

  video {
    max-width: 100%;
    height: auto;
  }

  /*-----------------------------------------*/
  html {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    overflow-y: scroll; /*-----------------always show scrollbar---------------------*/
    box-sizing: border-box;
    scrollbar-color: #006c86 #fff;
    scroll-behavior: smooth;
  }

  body {
    padding: 0px;
    margin: 0px;
    color: #434343;
    font-size: 22px;
    line-height: 28px;
    font-family: "PannoTextLight", Arial, sans-serif;
    background: none repeat scroll 0 0 #fff;
    min-height: 100%;
  }

  #page, #header, .highlighted, .featured-top, #main-wrapper, footer, ul, article {
    display: block;
  }

  #page-wrapper {
    height: auto;
    overflow: hidden;
  }

  /*header*/
  #header {
    position: fixed;
    top: 0;
    z-index: 9999;
  }

  #header * {
    box-sizing: initial;

  }

  #header .inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 1em;
    width: 100%;
  }

  #topmenu {
    margin: 0 auto;
  }

  #topmenu a {
    color: #1A4E8A;
  }

  #block-brandingvandewebsite {
    display: inline-block;
    float: left;
  }

  #topmenu a.sf-depth-1 {
    padding: 0 21px;
  }

  #topmenu ul {
    display: flex;
    flex-direction: row;
    align-items: normal;
    flex-wrap: wrap;
    border: medium none;
    list-style: outside none none;
    text-align: left;
    margin: 0;
    padding-left: 21px;
  }

  #topmenu ul li {
    margin: 0;
    white-space: normal;
    list-style: none;
    padding: 0;
  }

  #topmenu ul li a {
    padding: 0px 7px;
    border-bottom: 0 none !important;
    text-transform: uppercase;
    font-weight: lighter;
    cursor: pointer;
    text-shadow: 0 1px 1px rgb(0 0 0 / 50%);
    border-left: none;
    display: table-cell !important;
    font-size: 16px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
  }

  /* featured-top */
  .featured-top {
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 1px 3px 8px #000;
    min-height: 60px;
    display: block;
    height: 252px;
    width: 100%;
  }

  .featured-top .field_background_image {
    height: 252px;
  }

  /* main */
  #main-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    min-height: calc(100vh - 285px); /*keepfooter at the bottom if page is short pieterm*/
    max-width: 1200px;
  }

  #main-wrapper .figen h2 {
    margin: 7px 0 0 0;
  }

  #main-wrapper .figen figure {
    margin: auto;
  }

  #main-wrapper .figen figure figcaption {
    display: initial;
  }

  .paragraph--type--cluster-of-figures .string {
    margin-bottom: initial;
  }

  #block-share42 {
    float: right;
  }

  #block-share42 .share42init {
    position: relative !important;
  }

  #block-share42 .share42init a {
    display: inline-block !important;
  }

  #block-vlizbase-page-title h1 {
    border-bottom: 1px solid #f1f1f1;
    margin: 4% 0;
    padding: 7px 0;
  }

  #block-vlizbase-content article > div {
    display: block;
    width: 100%;
  }

  .text-with-summary ul {
    padding-left: initial;
  }

  #paragraph200, #paragraph204, #paragraph205, #paragraph206, #paragraph207 {
    height: 100%;
  }

  #paragraph200 *, #paragraph204 * {
    height: 100%;
  }

  #paragraph200 h2, #paragraph204 h2 {
    height: auto;
  }

  #paragraph200 .string, #paragraph204 .string {
    height: auto;
  }

  #paragraph200 figure, #paragraph204 figure, #paragraph205 figure, #paragraph206 figure, #paragraph207 figure {
    height: 77%;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style p {
    margin: 7px 0 0 0;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style p.rtecenter {
    margin: 0 auto;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .c30 {
    margin: 7px 0 0 0;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .figen {
    margin: 7px 0 0 0;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;

  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:first-child {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(2) .inner {
    width: 100%;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(2) .figen {
    width: 33%;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(2) > figen:first-child {
    margin-right: 7px;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(2) > figen:nth-child(2) {
    margin-right: 7px;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(3) .inner {
    width: 100%;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(3) .figen {
    width: 33%;
    margin-right: 7px;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  #block-vlizbase-content article div .entity-reference-revisions div .paragraph--type--layout-style .inner .entity-reference-revisions > div:last-child {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  #block-metingen {
    margin-top: 1em;
    display: block;
    width: 100%;
  }

  #block-metingen .text-with-summary {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    box-sizing: border-box;
  }

  #block-metingen p {
    display: block;
    width: 33%;
  }

  #block-metingen .c30 {
    display: block;
    width: 33%;
  }

  #edit-gdpr-processed-text {
    display: inline-block;
    max-height: 40px;
    overflow: hidden;
  }

  #edit-gdpr-processed-text p strong {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #edit-gdpr-processed-text:hover {
    max-height: 100%;
    transition: all 1s;
  }

  .right.date .field-content {
    border: none;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 2px 7px;
    overflow: hidden;
    background: #e9f0fa none repeat scroll 0 0;
    height: auto;
    width: auto;
    color: #559ab5;
    float: right;
  }

  #block-views-block-nieuws-block-1 h2 {
    margin-top: 1em;
  }

  #block-webformulier h2 {
    margin-top: 1em;
  }

  .views-row {
    padding: 21px 0px;
  }

  .views-row:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
  }

  .ckflex {
    display: flex;
  }

  .ckflex .c40 {
    flex-grow: 2;
    flex-basis: calc(100% - 300px);
  }

  .ckflex .c60 {
    display: flex;
    flex-grow: 1;
  }

  /* footer ... */

  .feed-icon::before {
    vertical-align: -90%;
    content: url(../images/rss.png);
  }

  [role="contentinfo"] {
    padding: 2%;
    background-color: #fff200;
    color: #000;
  }

}