/*
Theme Name: Blank Canvas
Theme URI: https://wordpress.com/theme/blank-canvas
Author: Automattic
Author URI: https://automattic.com/
Description: Blank Canvas is a minimalist theme, designed for single-page websites. Its single post and page layouts have no header, navigation menus, or widgets by default, so the page you design in the WordPress editor is the same page you’ll see on the front end. The theme’s default styles are conservative, relying on simple sans-serif fonts and a subtle blue highlight color. Blank Canvas is ready for your customizations.
Requires at least: 4.9.6
Tested up to: 5.6
Requires PHP: 5.6.2
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: seedlet
Text Domain: blank-canvas
Tags: one-column, accessibility-ready, custom-colors, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready

Blank Canvas WordPress Theme, (C) 2021 Automattic, Inc.
Blank Canvas is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

Blank Canvas is derived from Seedlet. 2020-2021 Automattic
Seedlet is distributed under the terms of the GNU GPL v2 or later.

Images from stocksnap.io
License: CC0
- Sarah Pflug: https://stocksnap.io/photo/hand-sign-BPQSX1BQTF
- Clem Onojeghuo: https://stocksnap.io/photo/beanie-scarf-M2U9VL0ZWG
- Brooke Cagle: https://stocksnap.io/photo/people-woman-MU7G67710S
- Daria Shevtsova: https://stocksnap.io/photo/girl-camera-AZED07HITL
- Benjamin Voros: https://stocksnap.io/photo/blue-denim-BWPRK5DEF0
- Artsy Crafty: https://stocksnap.io/photo/office-supplies-BDVUKQ4BBF
- Artsy Crafty: https://stocksnap.io/photo/colorful-pencils-NONEDF6REB
- Austin Neill: https://stocksnap.io/photo/concert-singer-F66MXRQS1K
- Bruce Mars: https://stocksnap.io/photo/woman-sunglasses-MO7PZ7AYIC
Used as block pattern images.

Image from foodiesfeed.com
License: CC0
https://www.foodiesfeed.com/free-food-photo/watermelon-juice-2/
Used as block pattern image.

Hamburger Icon from Noto Emoji
License: Apache License 2.0
https://github.com/googlefonts/noto-emoji/blob/master/svg/emoji_u1f354.svg
Modified and used as a block pattern image.
*/

@import "variables.css";

/* Import font family */

@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700;900;300&display=swap');

/* Root */

:root {
    --body-tekst: Nunito;
    --large-heading: Lato;
    --font-inherit: inherit;
    --font-size-sm: 0.86rem;
    --body-tekst-size: 1rem;
    --subheading-size: 1.43rem;
    --large-heading-size: 1.67rem;
    --font-size-2xl: 2.14rem;
    --font-size-3xl: 6.43rem;
    --color-white: #fff;
    --color-black: #000;
    --color-cornflowerblue: #0e7dd5;
    --color-gray-100: #2e2c2f;
    --color-gray-200: #08212c;
    --color-gainsboro-100: rgba(217, 217, 217, 0.4);
    --color-darkslategray: #1e313a;
    --gap-2xs: 0.38rem;
    --gap-xs: 0.86rem;
    --gap-sm: 1.1rem;
    --gap-md: 2.05rem;
    --gap-lg: 2.1rem;
    --gap-xl: 2.24rem;
    --padding-4xs: 1.14rem;
    --padding-3xs: 1.57rem;
    --padding-2xs: 1.95rem;
    --padding-xs: 2.38rem;
    --padding-sm: 3.05rem;
    --padding-md: 6rem;
    --padding-lg: 12.57rem;
    --padding-xl: 13.19rem;
    --padding-2xl: 22.9rem;
    --padding-3xl: 44.33rem;
    --br-md: 25px;
}

/* Remove extra margin from articles on single post pages. */

.single .site-main > article,
.page .site-main > article {
	margin-bottom: 0;
}

/* Remove some top padding if the first block on the page is a full-width image, cover, media & text, or group block. */

.single.hide-post-and-page-titles .entry-content > .wp-block-image.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-image.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-cover.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-cover.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-media-text.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-media-text.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-group.has-background.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-group.has-background.alignfull:first-child {
	margin-top: calc(-1 * var(--global--spacing-vertical));
}

/* Remove some bottom padding if the last block on the page is a full-width image, cover, media & text, or group block. */

.page.hide-site-footer .entry-content > .wp-block-image.alignfull:last-child,
.page.hide-site-footer .entry-content > .wp-block-cover.alignfull:last-child,
.page.hide-site-footer .entry-content > .wp-block-media-text.alignfull:last-child,
.single.hide-site-footer.hide-site-footer .entry-content > .wp-block-group.has-background.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-image.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-cover.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-media-text.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-group.has-background.alignfull:last-child {
	margin-bottom: calc(-1 * var(--global--spacing-vertical));
}

/* Center-align headers and footers. */

.entry-header,
.page-title,
.entry-footer,
.site-info,
.footer-menu {
	text-align: center;
}

body {
	/* background-color: rgb(59, 59, 92); */
}

header {
	z-index: 9999;
} 

.site-main {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.site-header {
	display: flex;
	position: absolute;
	width: 100%;
}

.site-branding {
	/* position: relative; */
	width: 10%;
	margin-top: 25px !important;
	/* left: 50%; */
}

a {
	color: #0E7DD5;
}

.primary-navigation {
	float: right;	
	position: absolute;
	/* top: 20px !important; */

}

.mega-menu-link {
	font-family: 'Nunito', sans-serif !important;
	font-style: normal !important;
	text-align: center !important;
	border-radius: 25px !important;
}

.has-main-navigation .site-header {
	padding: 0;
}

/* LANGUAGE SELECTOR - CONTACT*/

#mega-menu-item-357 {
background-color: #0e7dd5 !important;
border-radius: 25px !important;
margin-right: 20px !important;
}

#mega-menu-item-503 {
	border: 1px solid white !important;
    border-radius: 25px !important;
}	


.site-logo .custom-logo {
	width: 56px;
	height: 56px;
}

.wp-video-shortcode {
	width: 100vw !important;;
	height: 100vh !important;
}

.mejs-container {
    clear: both !important;
    max-width: initial !important;
	position: inherit !important;	
}

.wp-video-shortcode video, video.wp-video-shortcode {
	max-width: fit-content !important;
}

.header_video {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.highlighted_container {
    background-color: #0E7DD5;
    position: absolute;
    top: 65%;
    left: 5%;
    height: 208px;
    width: 592px;
    padding: 30px;
}

.highlighted_container h2 {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 800;
	font-size: 21px;
	line-height: 25px;
	color: #FFFFFF;	
}

.highlighted_container p {
	width: 315px;
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: white;
    margin-top: 17px;
}

.tagline_container h2 {
position: absolute;
top: 65%;
left: 50%;
width: 600px;
color: white;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 45px;
line-height: 55px;
}

.btn_primary {
	position: relative;
    background: #FFFFFF;
    border-radius: 25px;
    padding: 12px 16px 12px 16px;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #2E2C2F;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    margin: 0 24px 0 0;
    display: inline-block;
    height: auto;
    vertical-align: middle;
}

.btn_secondary, .wpcf7-submit {
    background: #0E7DD5 !important;
    border-radius: 25px !important;
    padding: 12px 16px 12px 16px !important;
    left: 70%;
    top: 60%;
	font-family: 'Nunito', sans-serif !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	text-align: center !important;
	color: white !important;
}


/* HOME VISION SECTION */

.sectionVision {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
max-width: 75% !important;
margin-top: 60px;
}

.sectionVision h3::after {
	content: url(https://pharmafilter.cactusstudio.nl/wp-content/uploads/2023/03/iconAfter.png);
	margin-left: 40px;
	position: absolute;
    margin-top: -16px;
}

.visionColumnLeft {
	width: 25%;
}

.visionColumnMiddle {
	width: 35%;
	/* padding-right: 25%; */
}

.visionColumnRight {
	width: 40%;
}

/* HOME THEMES SECTION */

.sectionThemes {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	max-width: 75% !important;
	margin-top: 80px;
	}

.sectionThemesTonto {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		max-width: 55% !important;
		margin-top: 80px;
	}

	.sectionThemesTonto .themesColumnLeft {
		width: 80%;
	}

	.sectionThemesTonto .themesColumnRight {
		width: 20%;
	}

.sectionThemesIntro {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 75% !important;

}
	
.sectionThemesIntro .themesColumnLeft {
		width: 25%;
}

.sectionThemesIntro .themesColumnRight {
	width: 45%;
}


	.themesColumnLeft {
		width: 25%;
	}
	
	.themesColumnMiddle {
		/* width: 30%; */
	
	}
	
	.themesColumnRight {
		width: 75%;
	}

	.themeFlexContainer {
		display: flex;
		max-width: 100%;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.themeFlexContainer img {
		max-width: 80%;
		margin-top: 50px;
	}

	.themeFlexContainer div {
		/* max-width: 33.33%;
		padding-left: 30px;
		padding-right: 30px; */
    	/* margin-right: 30px; */
	}

	.thema_title::before {
		position: absolute;
		left: 0;
		top: 100%;
		height: 0;
		width: 80px;
		content: '';
		border-top: 2px solid #0E7DD5;
		margin-top: 15px;
	}

	.theme_row {
		display: flex;
		position: relative;
		margin-bottom: 4vw;
	}

	.card {
	position: absolute;
	color: white;
    width: 500px;
    background-color: #08212C;
    border-radius: 25px;
    padding-left: 42px;
    padding-right: 42px;
    padding-top: 20px;
	padding-bottom: 20px;
	}

	.image {
		position: relative;
		max-width: 100%;
		/* float: right; */
		/* margin-top: 100px; */
		left: 10vw;
		/* top: 2vw; */
		z-index: -1;
	}

	.visionColumn img {
		border-radius: 25px;
	}

	.image img {
		border-radius: 25px;
	}

	.thema_title, .thema_uitleg, .thema_lees_verder {
		color: white !important;
	}

	section.sectionThemes > div.themesColumn.themesColumnRight > section > div:nth-child(2) {
		flex-direction: row-reverse;
	}
	section.sectionThemes > div.themesColumn.themesColumnRight > section > div:nth-child(2) > div.image {
		left: 0vw;
	}

div.visionColumn.visionColumnLeft > h3, .sectionVision h3, .sectionThemes h3  {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 30px;
	line-height: 36px;
	color: #08212C;
  }

  .sectionVision h2, .sectionThemes h2 {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	color: #08212C;
	width: 350px;	
  }
  
  .sectionVision p, .sectionThemes p {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 300;
	font-size: 21px;
	line-height: 29px;
	color: #08212C;
	margin-top: 17px;
	margin-bottom: 25px;
  }

  .sectionThemes p {
	padding-top: 10px;
  }

  .sectionVision p {
	width: 350px;	
  }

  .sectionVision img {
	max-width: 500px !important;
  }

  /* Thema overzicht */

  .thema_title {
	position: relative;
	font-family: 'Nunito', sans-serif;
	font-style: normal;
	font-weight: 800 !important;
	font-size: 21px;
	line-height: 25px;
	color: #08212C;
  }

  .thema_lees_verder {
	font-family: 'Nunito', sans-serif;
	font-style: normal	;
	font-weight: 700;
	font-size: 18px;
	line-height: 41px;
	color: #0E7DD5;
	text-decoration: none;
  }

 /* De Installatie  */

 .backgroundInstallation {
	max-width: 100% !important;
	background-color: #0E7DD5;
	padding-top: 50px;
    padding-bottom: 80px;
 }

 .sectionInstallation {
	display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 65% !important;
    margin-left: auto;
    margin-right: auto;
}

.installatieColumnLeft {
	width: 40%;
}

.installatieColumnRight {
	width: 60%;
}




 /* TONTO  */

 .backgroundTonto {
	max-width: 100% !important;
	background-color: #1E313A;
	padding-top: 50px;
    padding-bottom: 80px;
	margin-top: -30px !important;
 }

 .sectionTonto {
	display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    max-width: 55% !important;
    margin-left: auto;
    margin-right: auto;
}

.tontoColumnLeft {
	width: 40%;
}

.tontoColumnRight {
	width: 60%;
}








/* 
.installatie_row {
	max-width: 100% !important;
	height: 110vh;
	background-color: #0E7DD5;
}

.installatie_left {
	width: 35%;
	padding-left: 120px;
    padding-top: 50px;
	margin-left: 5%;
}

.installatie_right {
	width: 50%; */


/* /////////// */

.installatieColumn img {
	/* margin-top: 15%; */
}

.installatieColumn h3 {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	color: white;
	margin-top: 10px;
  }

  .installatieColumn h2 {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	color: white;
	/* width: 350px;	 */
	margin-top: 30px;
  }

  .installatieColumnLeft p {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 300;
	font-size: 21px;
	line-height: 29px;
	color: white;
	/* width: 310px;	 */
	margin-top: 55px;
	margin-bottom: 55px;
}

.installatieColumnRight p {
	color: white;
	width: 390px;	
}

 .installatie_modal { 
	width: 530px;
	background-color: #1E313A;
	float: right;
	height: 210px;
	padding: 35px;
	position: absolute;
	margin-left: 12%;
  	margin-top: 0;
}

.installatie_modal > .title {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 21px;
	line-height: 25px;	
	color: white;
}

.installatie_left .btn_primary {
	top: inherit;
	left: 10%;

}

.installatie_modal .btn_primary {
left: 74%;	
}

a {
	border: none !important;
}

/* De Tonto Afvalvermaler  */
 
.tonto_row {
	max-width: 100% !important;
	height: 110vh;
	background-color: #F3E8EE;
	margin-top: -30px;
}

.tonto_right {
	width: 35%;
	padding-left: 120px;
    padding-top: 50px;
	margin-left: 5%;
}

.tonto_left {
	width: 50%;
}

.tontoColumn img {
	margin-top: 0%;
    width: 480px;
}

.tontoColumnLeft h3 {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	color: white;
	margin-top: 10px;
  }

  .tontoColumnLeft h2 {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	color: white;
	/* width: 350px;	 */
	margin-top: 30px;
  }

  .tontoColumnLeft p {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 300;
	font-size: 21px;
	line-height: 29px;
	color: white;
	/* width: 390px;	 */
	margin-top: 55px;
    margin-bottom: 55px;
  }

 .tonto_modal { 
  width: 530px;
  background-color: #0E7DD5;
  float: left;
  margin-left: 10%;
  padding: 35px;
  margin-top: -170px;
}

.tonto_modal > .title {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 21px;
	line-height: 25px;	
	color: white;
}

.tonto_modal p {
	color: white;
}

.tonto_right .btn_primary {
	top: inherit;
	left: inherit;
}

.tonto_modal .btn_primary {
top: 0;
left: 73%;	
}


 .black{
	position:fixed;
	top:0;
	background:#333;
	width:100%;
	height:50px;
	
  }
  .black ul{
	list-style-type:none;
	padding:0;
  }
  
  .black ul li{
	display:inline-block;
	width:100px;
	color:red;
  }
  
  .blue{
	position:fixed;
	top:0;
	background:blue;
	width:100%;
	height:50px;
  }

  /* Create three equal columns that floats next to each other */
.column1 {
	float: left;
	width: 33.33%;
	padding: 10px;
	height: 300px; /* Should be removed. Only for demonstration */
	background-color: white !important;
  }
  
  /* Clear floats after the columns */
  .row1:after {
	content: "";
	display: table;
	clear: both;
  }

  .other_products {
	max-width: 80% !important; 
	margin-bottom: 230px;

  }


.column1 h4 {
	font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    font-size: 21px;
    line-height: 25px;
    color: #08212C;
    border-bottom: 2px solid #0E7DD5;
    padding-bottom: 15px;
}

  .other_products h2, .last_news_section_title {
	font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    font-size: 35px;
    line-height: 41px;
    color: #08212C;
    width: 370px;
    margin-bottom: 70px;
    margin-top: 60px;
}

.column1 img {
	margin-top: 25px;
}

.column1 p {
	margin-top: 20px;
}


.contact_modal {
	max-width: 100% !important;
    background-color: #0E7DD5;
    padding: 50px;
}

.contact_modal h2 {
text-align: center;
padding-left: 250px;
padding-right: 250px;
font-family: 'Lato';
font-style: normal;
font-weight: 800;
font-size: 35px;
color: white;
line-height: 41px;
}


.last_news {
	max-width: 80% !important; 
	margin-bottom: 230px !important;
	
  }



  .other_products h2 {
	font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    font-size: 35px;
    line-height: 41px;
    color: #08212C;
    width: 370px;
    margin-bottom: 70px;
    margin-top: 60px;
}

.column1 img {
	margin-top: 25px;
}

.column1 p {
	margin-top: 20px;
}

#post-23 > div > section.last_news > div > div > h4 {
	border: none !important;
	margin-top: 10px;
}

footer {
	background-color: #0E7DD5;
    max-width: 100% !important;
	margin-top: -30px !important;
}

.site-info {
	color: white !important;
}

.post .installatie_row,
.post .tonto_row,
.post .other_products,
.post > div > section:nth-child(7),
.post > div > section:nth-child(6),
.post > div > section:nth-child(8),
.post > div > section:nth-child(9),
.post > div > section:nth-child(10),
#post-217 .sectionThemes,
#post-217 .sectionVision,
.home .backgroundInstallation,
.home .installatie_processen,
.home .tonto_processen,
.home .installatieBenefits,
.home .installatie_modal,
.home .sectionThemesTonto,
.post .installatie_processen,
.post .tonto_processen,
.post .backgroundInstallation,
.post .installatieBenefits,
.post .installatie_modal,
.post .sectionThemes,
.post .sectionThemesTonto,
.page-template-default .sectionThemesTonto,
.page-template-default .installatie_processen,
.page-template-default .tonto_processen,
.page-template-default .installatieBenefits,
.page-template-default .installatie_modal,
.page-template-default .backgroundInstallation,
.page-template-default .sectionThemes,
.page-template-default .sectionVision,
#post-377 .benefitsBackground,
#post-377 .installatie_processen,
#post-243 .tonto_processen,
#post-243 .sectionThemesTonto {
	display: none;
}

.home .sectionThemes,
.home .sectionVision {
	display: flex;
}



/* From here starts v2 of component CSS  */

.workwithpharmafilter {
	background-color: var(--color-cornflowerblue);
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	align-items: center;
	text-align: center;
	width: 45vw;
    margin-left: auto;
    margin-right: auto;
  }

  .workwithpharmafilter h3 {
	color: white;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 35px;
}

.workwithpharmafilter a {
	margin-top: 25px;
}

.latestPostsContainer {
	background-color: #08212C;
	padding-top: 30px;
}

footer .wp-block-latest-posts.is-grid {
	display: flex;	
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 80px;
}

footer .wp-block-latest-posts__post-title {
	font-size: 21px !important; 
    font-weight: 800 !important;
    font-family: 'Nunito' !important;
	color: white;
}

footer .wp-block-latest-posts__post-excerpt {
    text-align: left;
    font-size: 21px;
    color: var(--color-white);
    font-family: 'Nunito';
}

.more-link {
	display: flex;
    flex-direction: column;
	text-decoration: none;
    position: relative;
    width: 8.1rem;
    height: 2.43rem;
    flex-shrink: 0;
    font-size: var(--font-size-sm);
    color: #0E7DD5;
	padding-top: 20px;
}

.blocktitle2 {
font-family: 'Lato';
font-weight: 700;
font-size: 30px;
line-height: 36px;
width: 1240px;
margin-left: auto;
margin-right: auto;
color: white;

}

.subfooter {
	text-align: center;
	background-color: white;
	margin-top: -30px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.wp-block-latest-posts__featured-image img {
    height: 250px;
    width: auto;
    max-width: 100%;
}

@media (min-width: 600px) {
.wp-block-latest-posts.columns-3 li {
    width: 400px;
}
}

/* Article  */



.post-thumbnail img {
	width: 100vw;
	/* max-height: 40vh; */
}

.news_subTitle {
	margin-top: -20vw !important;
    text-align: center;
    color: white;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
}

.post > div > h2 {
    text-align: center;
    color: white;
    margin-bottom: 6vw;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 41px;
}

/* .post > div > p {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 300;
	font-size: 21px;
	line-height: 29px;
	color: #08212C;
	max-width: 800px;
} */

.post > div > p:nth-child(2) {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 700;
	font-size: 21px;
	line-height: 29px;
	color: #08212C;
	max-width: 800px;
	}

.entry-content p {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 29px;
	color: #5A6873;
	}

.entry-content h2 {
	font-family: 'Lato';
	font-style: normal;
	/* font-weight: 800; */
	font-weight: 100;
	font-size: 35px;
	line-height: 41px;
	color: #08212C;
	}

	.wp-block-button.wp-block-button__link, .wp-block-button .wp-block-button__link {
		background: #0E7DD5;
		border-radius: 35px;
		padding: 20px 16px 20px 16px;
		left: 70%;
		top: 60%;
		font-family: 'Nunito', sans-serif;
		font-weight: 700;
		font-size: 18px;
		text-align: center;
		color: white;
	}

	.page-template-default div.wp-block-columns.is-layout-flex.wp-container-5, div.wp-block-columns.is-layout-flex.wp-container-12 {
		max-width: 50% !important;
	}

	div.wp-block-columns.is-layout-flex.wp-container-12 {
		margin-top: 80px;
	}

	.wp-block-button__link, .wp-element-button {
		background-color: inherit !important;
    	color: #0E7DD5 !important;
    	padding: 0 !important;
	}

	@media only screen and (max-width: 1400px) {
		.sectionVision {
			display: flex;
			/* flex-direction: column; */
			max-width: 80% !important;
			}

		.visionColumnLeft {
			display: none;
		}
		
		.visionColumnLeft h3 {
			font-size: 22px;
		}
		
		.visionColumnMiddle {
			/* margin-top: 50px; */
			padding-right: 40px;
			width: inherit;
		}
		.visionColumnMiddle h2, .visionColumnMiddle p {
			width: 100%;
		}
		.visionColumnMiddle h2, .themesColumnMiddle h2 {
			font-size: 25px;
		}
		.visionColumnRight {
			/* margin-top: 50px; */
			width: inherit;
		}

		.visionColumnRight img {
			max-width: 100% !important;
		}

		.sectionThemes, .sectionThemesTonto {
			max-width: 80% !important;
			display: flex;
			flex-direction: column;
			margin-top: 50px;
		}

		.sectionThemesIntro {
			max-width: 80% !important;
		}

		.themesColumnRight {
			width: 100% !important;
		}


		.themesColumnRight h2 {
			font-size: 25px;	
		}

		.themesColumnLeft {
			width: inherit;
		}
		.themesColumnMiddle, .themesColumnMiddle h2 {
			width: inherit;
		}
		.themesColumnMiddle img {
			display: none;
		}
		.themesColumnRight {
			width: inherit;
		}
		.themeFlexContainer, .themeFlexContainer div {
			max-width: 100%;
		}
		.workwithpharmafilter {
			width: 65vw;
		}
		.workwithpharmafilter h3 {
			font-size: 28px;
		}
		.blocktitle2 {
			margin-left: 40px;
		}
		.more-link {
			margin-top: 35px;
			margin-bottom: 30px;
		}
		#colophon > section.latestPostsContainer > ul {
			width: 80%;
			margin-left: auto;
    		margin-right: auto;
		}
		#colophon > section.latestPostsContainer > ul > li {
			/* margin: 0; */
		}
	  }

	  @media only screen and (max-width: 900px) {
		.sectionVision {
			display: flex;
			flex-direction: column;
			max-width: 80% !important;
			}

			.visionColumnMiddle {
				/* margin-top: 50px; */
				padding-right: 0;
				width: inherit;
			}
	  }

	  @media only screen and (max-width: 1400px) and (min-width: 900px) {
		.themesColumnRight h2 {
			width: 60% !important;
		}
	  }

	 /* OPLOSSINGEN TEMPLATE  */
	 
	  .oplossingen-template-default .sectionVision,
	  .oplossingen-template-default .sectionThemes {
		display: none;
	  }

	h6 {
		font-family: 'Nunito';
		font-style: normal;
		font-weight: 800;
		font-size: 21px;
		line-height: 29px;
		color: #08212C;
		margin-bottom: 20px !important;
	  }

	  /* h6::before {
	    position: absolute;
    	top: 58%;
    	height: 0;
    	width: 80px;
    	content: '';
    	border-top: 2px solid #0E7DD5;
    	margin-top: 15px;
	  } */

	  .sectionInstallation p, .sectionInstallation h2 {
		color: white;
	  }

	 .installatie_processen, .tonto_processen {
		max-width: 65% !important;
	 }

	 .procesRowConclusion .procesColumnLeft > p {
		/* width: 375px; */
		font-weight: 600;
	 }

	 .installatie_processen h2, .tonto_processen h2 {
		width: 60%;
		margin-bottom: 10px;
		margin-top: 80px;
	 }
	 
	  .procesRow {
		display: flex;
		flex-direction: row;
		margin-top: 40px;
		flex-wrap: wrap;
		gap: 20px;
		margin-bottom: 40px;
	  }

	  .render_proces {
		margin-top: 40px;
	  }

	  .procesColumnLeft, .procesColumnMiddle, .procesColumnRight {
		/* width: 33%; */
		/* width: 300px; */
		/* padding-right: 40px; */
	  }

	  .procesColumnLeft {
		width: 33.33%;
	  }

	  .procesColumnRight {
		width: 66.66%;
		padding-left: 30px;
	  }

	  .procesItem {
		background: #FFFFFF;
		border: 1px solid #E2E2E2;
		box-shadow: 3px 4px 4px rgba(14, 125, 213, 0.04);
		border-radius: 25px;
    	border-radius: 25px;
		padding: 3%;
    	width: 300px;
	  }

	  .procesItemImg2 {
		/* margin-top: -14%; */
	  }

	  .procesItemVideo video {
		border-radius: 25px;
    	max-width: 100%;
		width: 100%;
	  }

	  .procesItem p {
		color: #0E7DD5;
	  }

	  .procesItem h3 {
		background-color: #0E7DD5;
		color: white;
		border-radius: 100%;
		width: 40px;
		height: 40px;
		margin-bottom: 19px;
		text-align: center;
		line-height: 40px;
		font-family: 'Nunito';
		font-style: normal;
		font-weight: 700;
		font-size: 23px;
	  }

	  .procesItemImg img, .procesItemImg2 img {
		border-radius: 25px;
		/* margin-top: 40px; */
	  }

	  .procesItemAfval {
		background-color: #0E7DD5;
    	border-radius: 25px;
    	max-width: 49%;
    	padding: 40px;
    	position: relative;
		}

		.procesItemVideo {
			max-width: 100%;
		}

		.procesItemImg2 {
			max-width: 49%;
		}

	.procesItemAfval p {
		color: white;
		}
	  
	  .procesColumnLeft img, .procesColumnMiddle img, .procesColumnRight img {
		margin-bottom: 15px;
	  }

	  .procesRowConclusion {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	  }
	
	  .procesRowConclusion .procesColumnLeft {
		width: 33%;
		margin-top: 40px;
	  }

	  .procesRowConclusion .procesColumnMiddle {
		width: 66%;
		margin-top: 40px;
		padding-left: 30px;
	  }

	  .procesRowConclusion .procesColumnRight {
		width: 0;
		margin-top: 40px;
	  }

	  .procesColumnLeftLast {
		width: 66%;
	  }

	.benefitsBackground {
		max-width: 100% !important;
		background-color: #08212C;
		margin-bottom: 0 !important;
	}

	  .installatieBenefits {
		max-width: 55% !important;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 60px;
	  }

	  .installatieBenefitsModal {
		/* background-color: #08212C; */
		display: flex;
		flex-direction: row;
		/* justify-content: center; */
	  }

	  .installatieBenefitsModal p {
		color: white;
	  }

	  .benefitColumnLeft {
		width: 66%;
		margin-top: 40px;
	  }

	  .benefitColumnMiddle, .benefitColumnRight {
		width: 66%;
		margin-top: 40px;
	  }

	  .benefitsColumnLeft {
		width: 40%;
		margin-top: 40px;
	  }

	  .benefitsColumnRight {
		width: 46%;
		margin-top: 40px;
		margin-left: 70px;
	  }

	  .benefitsColumnRight li {
		font-family: 'Nunito';
		font-style: normal;
		font-weight: 300;
		font-size: 21px;
		line-height: 29px;
		color: #FFFFFF;
	  }

	  .backgroundInstallation {
		margin-top: -60px;
	  }

	  @media only screen and (max-width: 1600px) {
		.installatie_processen, .installatieBenefits, .sectionInstallation, .tonto_processen {
			max-width: 75% !important;
		}

		.sectionThemesIntro .themesColumnLeft {
			width: 25%;
			}
	  }

	

	  @media only screen and (max-width: 1100px) {
		.procesRowConclusion > .procesColumnLeft, .procesRowConclusion > .procesColumnMiddle  {
			/* width: 50% !important; */
		}
		.procesRowConclusion > .procesColumnLeft {
			width: 460px !important;
		}
		.kvk {
			padding-left: 40px;
    		padding-right: 40px;
		}
	}

	  @media only screen and (max-width: 940px) {
		.theme_row {
			margin-bottom: 17%;
		}	
		.installatie_processen, .installatieBenefits, .sectionInstallation, .tonto_processen {
			max-width: 85% !important;
		}
		.sectionInstallation {
			flex-direction: column;
		}
		.sectionThemesTonto .themesColumnLeft {
			width: inherit;
		}
		.installatieColumnLeft, .installatieColumnRight {
			width: inherit;
		}
		.installatie_processen h2, .tonto_processen h2 {
			width: inherit;
			margin-top: 40px;
		}
		.procesRowConclusion .procesColumnLeft {
			margin-top: 10px;
		}
		.procesColumnLeft, .procesColumnMiddle {
			width: 100% !important;
		}
		.procesRowConclusion .procesColumnMiddle {
			padding-left: inherit;
		}
		.procesItemAfval, .procesItemImg2 {
			max-width: 100%;
		}
		.procesItemAfval {
			padding: 8%;
		}
		.installatieBenefitsModal {
			flex-direction: column;
		}
		.benefitsColumnLeft, .benefitsColumnRight {
			width: 100%;
		}
		.benefitsColumnRight {
			margin-left: inherit;
		}
	  }

	  @media only screen and (max-width: 745px) {
		.theme_row {
			margin-bottom: 33%;
		}	

		p {
			font-size: 18px !important;	
		}
		h2 {
			font-size: 27px !important;
			line-height: 30px !important;
		}

		.sectionThemes, .sectionThemesTonto {
			max-width: 90% !important;
		}
		.card {
			padding-left: 32px !important; 
    		padding-right: 32px !important;
		}

		.workwithpharmafilter {
			width: 75vw !important;
		}

		.page-template-default div.wp-block-columns.is-layout-flex.wp-container-5, div.wp-block-columns.is-layout-flex.wp-container-12 {
			max-width: 90% !important;
		}
		.procesItem {
			width: 100% !important;
		}
	  }

	  @media only screen and (max-width: 1500px) and (min-width: 600px) {
		.post-template-default .entry-content {
			margin-top: -5em;
		}
	}


	  @media only screen and (max-width: 600px) {
		.theme_row {
			margin-bottom: 50%;
		}
		
		.workwithpharmafilter h3 {
			font-size: 21px;
		}
		.news_subTitle {
			/* display: none; */
		}
		.wp-block-heading {
			color: #08212C !important;
			margin-bottom: 0 !important;
			/* margin-top: -25px !important; */
			text-align: left !important;
		}
	  }

	  @media only screen and (max-width: 560px) {
		.theme_row {
			margin-bottom: 12%;
		}	
		section.sectionThemes > div.themesColumn.themesColumnRight > section > div > div.image{
			display: none !important;
		}

		.card {
			position: relative !important;
		}

		.wp-block-latest-posts__featured-image img {
			height: inherit;
		}
		.procesItem {
			padding: 8%;
		}
		section.sectionThemesTonto > div.themesColumn.themesColumnLeft > section > div > div.image {
			display: none;
		}
		.visionColumnRight {
			margin-top: 10px;
		}
	  }

	  @media only screen and (max-width: 480px) {
		.theme_row {
			margin-bottom: 12%;
		}	

		.thema_uitleg {
			font-size: 18px;
		}
		.mega-menu-wrap {
			margin-top: 47px !important;
		}
	  }


	  .post-thumbnail > img {
		 margin-top: -20% !important;
	  }

	  .menu-button-container {
		display: none;
	  }

	  @media only screen and (min-width: 2000px) {
		.sectionVision, .sectionThemesIntro, .sectionThemes, .sectionInstallation, .installatie_processen, .installatieBenefits, .tonto_processen, .sectionThemesTonto {
			max-width: 50% !important;
		}
	}

	

	.image1 {
		position: relative;
		max-width: 100%;
		/* float: right; */
		/* margin-top: 100px; */
		left: 0;
		top: 2vw;
		z-index: 1;
	}

	.image2 {
		left: -150px;
    	top: 80px;
		position: relative;
    	max-width: 100%;
    	z-index: -1;
	}

	.image1 img, .image2 img {
		border-radius: 25px;
	}

	.post-thumbnail {
		position:relative;
		display:inline-block;
		max-width: 100%;
	  }

	  .post-thumbnail::after {
		content:'';
  position:absolute;
  left:0; top:0;
width: 100%;
	
  height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	}

	.post-thumbnail img {
		display:block;
	  }

	  .entry-content {
		z-index: 9999;
		position: relative;
	  }

	  header {
		z-index: 99999;
	  }

	  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		/* background-color: #0E7DD5;
		height: 100vw;
		width: 100vw; */
	  }

	  input {
		width: 100%;
	  }

	  @media only screen and (max-width: 600px) {
		.post .entry-content {
			margin-top: -11px;
		}
		
		.post .wp-block-heading {
			margin-top: 80px;
		}
	  }

	  .addtoany_share_save_container, .addtoany_content, .addtoany_content_top {
		text-align: center;
	  }

	  .vacature-template-default .news_subTitle {

		margin-top: inherit !important;
		color: inherit;
		display: none;
	  }

	  .vacature-template-default .sectionVision,.vacature-template-default .sectionThemesIntro,.vacature-template-default .sectionThemes,.vacature-template-default .backgroundInstallation,.vacature-template-default .installatie_processen,.vacature-template-default .benefitsBackground,.vacature-template-default .tonto_processen,.vacature-template-default .sectionThemesTonto {
		display: none;
	  }

	  li {
		color: #5A6873;
	  }

	  .workwithpharmafilter {
		display: none;
	  }
	  .page-id-257 .workwithpharmafilter,
	  .page-id-267 .workwithpharmafilter,
	  .home .workwithpharmafilter {
		display: block;
	  }

	  .twitter-1 img, .youtube-1 img, .flickr-1 img {
		width: 100px;
	  }