.by, #brand {display: none;}

.statistics-counter {color: green; display: none;}

video {max-width: 200px}

.horizontal-tabs-panes {margin-top: 20px;}

blockquote::before {font-size: 2em; color: #155e75; content: "\201C"; }

/* afstand tussen paragrafen verticaal */
.paragraph--type--sectie, .field--name-field-afbeeld-par-media, .field--name-field-afb-par-med-200, .field--name-field-afb-par-med-400, .field--name-field-afb-par-med-600, .paragraph--type--tekst-par, .field--name-field-banner-par-media, .paragraph--type--links-par, .paragraph--type--viewref-par {margin-bottom: 5%;}

/* correctie van tweede kolom in driekolomspar die op 34% komt en altijd groter is dan de buren. maak ze allemaal 33.3 */

.layout--threecol-section--33-34-33 .layout__region { flex: 0 1 33.3%; }

.view-header p {text-indent: 3em;}

.field--type-entity-reference.field__items {
    margin: 0 0 1.5em 0;
  }
  
h4 {margin: 0 0 1em 0;}
p {margin: 0 0 1em 0;}


/* SECTIES KRIJGEN MARGE INTERN OP GROOT SCHERM EN ANDERS DE MOBILE-FIRST */
@media screen and (min-width: 400px) {
.layout__region--first .field--type-image {margin-right: 5%;}
.layout__region--first .field--name-field-fotonaam {margin-right: 5%;}
.layout__region--first .paragraph--type--tekst-par {margin-right: 5%;}
.layout__region--first .paragraph--type--links-par {margin-right: 5%;}
.layout__region--first .paragraph--type--sectie.field--name-field-titel {margin-right: 5%;}

.layout__region--second .field--type-image {margin-right: 5%;}
.layout__region--second .field--name-field-fotonaam {margin-right: 5%;}
.layout__region--second .paragraph--type--tekst-par {margin-right: 5%;}
.layout__region--second .paragraph--type--links-par {margin-right: 5%;}
.layout__region--second .paragraph--type--sectie.field--name-field-titel {margin-right: 5%;}

.layout__region--third .field--type-image {margin-right: 5%;}
.layout__region--third .field--name-field-fotonaam {margin-right: 5%;}
.layout__region--third .paragraph--type--tekst-par {margin-right: 5%;}
.layout__region--third .paragraph--type--links-par {margin-right: 5%;}
.layout__region--third .paragraph--type--sectie.field--name-field-titel {margin-right: 5%;}

.layout__region--fourth .field--type-image {margin-right: 5%;}
.layout__region--fourth .field--name-field-fotonaam {margin-right: 5%;}
.layout__region--fourth .paragraph--type--tekst-par {margin-right: 5%;}
.layout__region--fourth .paragraph--type--links-par {margin-right: 5%;}
.layout__region--fourth .paragraph--type--sectie.field--name-field-titel {margin-right: 5%;}
  }
  
/* CONTAINER DIE BOVENAAN MOET BIJ MOBILE */
@media screen and (max-width: 800px) {
.pure-g {flex-direction: column-reverse;}
  }

/* fotonaam staat te dicht op de foto */
.field--name-field-fotonaam {font-size: .8em; margin: 6px 0 10px 0;}

/* zoekknop bovenin niet tonen */
.region-topreg #edit-submit {display: none;}

/* INPUTVELD krijgt een vergrootglas in de achtergrond en een grijze lineaire gradient */
.form-search { 
	background: linear-gradient(
      rgba(238, 238, 238, 0.3), 
      rgba(220, 220, 220, 0.3)
    ), url(https://cdn2.hubspot.net/hubfs/4004166/bioticresearch_website_assets/images/search_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 3em !important;
    background-color: #fff;
    border: 1px solid #000;
    box-shadow: none;
    -webkit-appearance: none;
  }

/* footer heeft een lineair gradient van grij naar wit en footer is flex gemaakt om de drie kolommen naast elkaar te krijgen. */

#bottom_bg {background-image: linear-gradient(to top, white, rgba(238, 238, 238, 0.5))}
 
.region-footer { display: flex; justify-content: space-between;}
    
.view-display-id-page_3 .pure-table {margin-top: 2em; border: 0; }   
.view-frontpage tr, .pure-table-striped tr:nth-child(2n-1) td, .pure-table td, .pure-table th { background: transparent; border: 0;}