/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */


h1{font-size:35px; font-weight:500;}
h2{font-size:35px; font-weight:500;}
h3{font-size:29px; font-weight:500;}
h4{font-size:21px; font-weight:500;}
h4, h5{font-weight:500;}


.st0 {
    fill: #red;
}



strong, b {
    font-weight: 500;
}
#top label {
    font-weight: 500;
    font-size: 0.92em;
}
.logo img, .logo svg {
    padding: 5px 0;
}
#top .av_header_transparency #header_main, #top .av_header_transparency .avia-menu.av_menu_icon_beside {
    background: #fff;
}
.html_header_transparency #main {
    padding-top: 100px !important;
}

/* aangepast menu */

.avia_mobile #top #searchsubmit, .avia_mobile .ajax_load {
  height: 30px;
}

#menu-item-search{
	margin-right: 2em;
}

.header-scrolled .timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 10px;
    margin-bottom: -20px;
}
.logo img, .logo svg {
    padding: 5px 0;
    width: 300px;
}

.header-scrolled .logo img, .header-scrolled .logo svg {
    padding: 5px 0;
    width: auto;
}

.timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 40px;
    margin-bottom: -40px;
}

.timosub_menu a{
	color:#000;
	font-size:18px;
	}
.header_color .sub_menu>ul>li>a{
	color:#000;
	}
	
	
.header_color .av-hamburger-inner::before{
    background-color: #00296b;
    border-radius:0px;
    width: 35px;
}

.header_color .av-hamburger-inner::after {
    background-color: #00296b;
    border-radius:0px;
    width: 35px;
}

.header_color .av-hamburger-inner{
    background-color: #00296b;
    width: 30px;
}

.sub_menu li {
    float: left;
    position: relative;
    padding: 0 30px;
    border-right-style: solid;
    border-right-width: 1px;
    line-height: 10px;
}
.sub_menu>ul>li>a, .sub_menu>div>ul>li>a {
    text-decoration: none;
    font-weight: normal;
    padding: 7px 0;
}



#header_meta {
    display: none;
}
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 99px;
}
.sub_menu li {
    border-right-width: 0px;
}
/* aangepast menu */


.minwaarde {
    margin-top: -100px;
    margin-bottom: -30px;
    background: none;
    position: relative;
    z-index: 500;
}


.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none;
    letter-spacing: 1px;
}


body div .avia-button {
    border-radius: 20px;
}
.avia-button.avia-size-medium {
    padding: 12px 56px 10px;
    font-size: 16px;
    min-width: 90px;
}
#top #av-burger-menu-ul {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: top;
    padding: 125px 0;
}
.html_av-overlay-side #top .av-burger-overlay-scroll {
    background: rgb(52,52,52);
	background: linear-gradient(162deg, rgba(52,52,52,1) 28%, rgba(0,0,0,0.8057816876750701) 100%);
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #fff;
    font-size:20px;
    font-weight:600;
}
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
    background-color: #1962dd;
}
.html_av-overlay-side-classic #top .av-burger-overlay li a {
    border-bottom-style: solid;
    border-bottom-width: 0px;
}


.minwaarde{
	margin-top:-100px;
	margin-bottom: -30px;
}

.minwaardetekst {
    margin-bottom: 0px;
    z-index: 1000;
    position: absolute;
}

.minwaardevierkant{
	margin-top:-200px;
}
	
.minwaarde2{
	margin-top:-220px;
	margin-bottom: -30px;
}



#top .no_margin.av_two_fifth.linkerkant {
    width: 25%;
}

.linkerkant .voverlay1{
    margin-bottom:0px;
    z-index: 500;
    position: relative;
    margin-right: 0px;
}
.linkerkant .voverlay1a{
    margin-top:0px;
    z-index: 100;
    position: relative;
    margin-right: 0px;
}

.linkerkant .avia_image{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    position: relative;
    max-width: 94%;
    margin-top: -370px;
}

.voverlay1amiddendeel{
	padding-left:12%;
}
.voverlay1amiddendeel h2{
	font-size:37px;
	}

.voverlayheel1 {
    z-index: 1000;
    position: relative;
    margin-left:30px;
}

.avia-image-container.avia-align-center.voverlayheel2 {
    display: block;
    margin: -45% 30px 10px auto;
    text-align: center;
    clear: both;
}


.omniplanner .avia-button {
    color: #777;
    border-color: #e1e1e1;
}

.container_wrap {
    border-top-width: 0px;
}

#top.omniplanner-template-default .avia-button {
    color: #fff;
    border-color: #e1e1e1;
    background-color: #206ff5;
}
#top.omniplanner-template-default a.av-button-notext {
    min-width: 0;
    background: #9ecab2;
    width:35px;
    height:35px;
    line-height:18px;
    font-size: 20px;
    text-align: center;
    padding-left: 8px;
}
#top.omniplanner-template-default .avia-button{
	background-color: #206ff5;
	background: #206ff5;
	}
	
.iconomniplanner{
	background: #206ff5;
}

/* start aangepaste blokken */


#after_section_4 .content {
    padding-top: 0px;
    padding-bottom: 0px;
}   

.evenhomeblok .element.html{
	    margin-top: -10px;
	}    
    
.element-media a{
	padding:0px;
	margin:0px;
	}

.personeelsblok{
	background:#fff;
	margin:0px;
	padding:0px 0px 0px 15px;
	}
.personeelsblok .element.title {
    float: left;
    height: auto;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}	
.personeelsblok .element.title a{
    font-size: 20px;
    line-height: 1.2em;
    
}	
.projectenblok{
	padding:25px 15px;
	background:#206ff5;
	min-height:240px;
	margin-top:-10px;
	}
	
.projectenblok .element.title{
	margin-top:15px;
	font-size:23px;
	margin-top:25px;
	line-height:1.2em;
	word-break: normal;
	word-break: inherit;
}
	
	
.zalmrozeachtueel{
	background:#f58e69;
	width:100%;
	min-height: 240px;
}	
.item.odd .zalmrozeachtueel{
	background:#f58e69;
	width:100%;
	min-height: 240px;
	margin-top:-10px;
	}

.widgets_on_page > ul, .widgets_on_page > ul li {
    list-style: none;
    background: none;
    padding: 0px;
    margin: 0px;
}
.vacatureblok {
    padding: 15px 10px;
    background: #f58e69;
    min-height: 300px;
    
}

.vacatureblok2{
    padding: 15px 10px;
    min-height: 240px;
    margin-top: -240px;
    z-index: 100;
    position: relative;
}

#post-grid-493 .item.odd .vacatureblok2, #post-grid-328 .item.odd .vacatureblok2{
	margin-top:-240px;
}
	
/* Einde aangepaste blokken */


.homeactueelblok{
	background:pink;
	}

div .av_one_fourth.homeactueelblokken{
	width: 24.25%;
    margin-left: 0;
}

.pagination {
    clear: both;
    padding: 10px 0px 0px 0;
    position: relative;
    z-index: 3;
    line-height: 13px;
    overflow: hidden;
}

.page-id-139 .post-grid .pagination {
    clear: both;
    line-height: normal;
    margin: 30px 0;
    text-align: center;
    padding-left: 40%;
}
.page-id-159 .post-grid .pagination {
    padding-left: 22%;
}
.page-id-230 .post-grid .pagination {
    padding-left: 22%;
}

.omniplannersblok{
	padding:5px 10px;
	}	
.omniplannersblok .title{
	font-size:20px;
	}

.post-grid .grid-nav-top .nav-filter {
    text-align: left;
    padding: 20px 0;
}
.post-grid .nav-filter .filter {
    background: rgba(220, 220, 220, 0.3) none repeat scroll 0 0;
    color: #333;
    cursor: pointer;
    display: inline;
    font-size: 14px;
    margin: 5px 5px;
    padding: 3px 15px;
    text-align: left;
    float: left;
}


.footerbovenkant .flex_cell {
    display: table-cell;
    padding: 0px;
    vertical-align: top;
}


.inspringveld {
    padding-left:20%;
}

input[type="submit"], #submit, .button {
    padding: 9px 35px;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    border-radius: 20px;
}
#top fieldset {
    margin-bottom: 0px;
}

.single .flex_cell {
    display: table-cell;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
}

.item.even .projectenimage1{
	display:none;
	}
	
.item.odd .projectenimage2{
	display:none;
	}
	
	
.single .item.even .projectenimage1{
	display:block;
	}
	
.single .item.odd .projectenimage2{
	display:block;
	}
	




	


.solicitatieblok{
	padding-left:0px;
}
.element p {
    margin-top: 0;
    margin-bottom: 0rem;
}


.element.html, .element.title{
    font-size: 25px;
    line-height: 1.2em;
    color:#fff;
	}
	
.element.meta_key{
    font-size: 28px;
    line-height: 1.2em;
    color:#fff;
	}

	
.element.title{
	float:left;
	height:80px;
	width:100%;
	margin-top:15px;
	margin-bottom: 25px;
	}
	
.element.read_more{
	color: #ffffff;
    border-color: #004cd3;
    background:#004cd3;
    padding: 12px 56px 10px;
    font-size: 16px;
    min-width: 90px;
    border-radius:20px;
    margin-top:15px;
}

.image-overlay .image-overlay-inside {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.avia_transform a .image-overlay {
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    display: none;
}
.image-overlay {
    position: absolute;
    background:none;
    z-index: 300;
    height: 100%;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
    float: left;
    height: 50px;
    width: 45px;
    line-height: 55px;
    text-align: center;
    padding: 0;
    border-radius: 100px;
    margin-right: 3px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}


#top .pagination .page-numbers {
    font-size: 16px;
    color: #000000;
    background: #ffffff;
    font-weight: 600;
}
#top .pagination .page-numbers:hover, #post-grid-164 .pagination .page-numbers.current {
    background: #fff;
    color:#3375ff;
}
#top .pagination .current:hover, #top .pagination a:hover, #top .fullsize .template-blog .pagination a:hover {
    background:yellow;
}

#top .pagination a.page-numbers:hover {
    font-size: 16px;
    color: #000000;
    background:#f0f0f0;
}
#socket .container {
    padding-top: 5px;
    padding-bottom: 5px;
}
#scroll-top-link {
	background:#004cd3;
    position: fixed;
    border-radius: 22px;
    height: 50px;
    width: 35px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    opacity: 0;
    right: 50px;
    bottom: 50px;
    z-index: 1030;
    visibility: hidden;
}
#scroll-top-link:hover{
	background:#9ecab2;
	}
	
/* Start Actueel blokken */

.actueelbllok{
	}
	
.actueelbllok .element.title{
	}

.vacatureblok2 .element.acf_link a{
    padding: 12px 56px 10px;
    font-size: 16px;
    min-width: 90px;
    background-color: #206ff5;
    border-color: #206ff5;
    color: #ffffff;
    border-radius: 20px;
}	

.vacatureblok2 .element.acf_text{
	font-size:18px;
	font-weight:600;
}

.filter-group {
	font-size: 16px;
    display: inline-block;
    margin: 10px;
    float: left;
}


.odd .vacatureblok3{
	margin-top:-10px;
	}


.vacatureblok3{
	background:#f58e69;
    min-height: 300px;
	padding:10px 10px 25px 10px;
	}
.vacatureblok3 .element.title {
    float: left;
    height: 110px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.page-id-266 .vacatureblok3 .element.title {
    float: left;
    height: auto;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.page-id-266 .vacatureblok3 .element.acf_text {
    float: left;
    height: auto;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 25px;
}


.vacatureblok3 .element.html {
    font-size: 18px;
    font-weight: 600;
}

#top select#FilterSelect{
	background-image: url("https://omni-plan.nl/wp-content/uploads/2023/05/pijl.svg");
	background-repeat: no-repeat;
	padding-left:30px;
	background-size: 17px 30px;
	}
	
 #top select {
 	border:0px;
 	}


.pagination span.pager.mixitup-control-prev{
	background:red;
	}

.blokje{
	height:25px;
	width:25px;
	}

/* Einde Actueel blokken */



#post-grid-493 .pagination .pager.mixitup-control-next, #post-grid-203 .pagination .pager.mixitup-control-next, #post-grid-1142 .pagination .pager.mixitup-control-next {
    font-size: 16px;
    color:rgba(255,255,255,0.1);
    background: #ffffff;
    background-image: url("https://omni-plan.nl/wp-content/uploads/2023/05/Omniplan_38.png");
	background-repeat: no-repeat;
	padding-left:0px;
	padding-top:10px;
	background-size: 17px 30px;
}
#post-grid-493 .pagination .pager.mixitup-control-prev, #post-grid-203 .pagination .pager.mixitup-control-prev, #post-grid-1142 .pagination .pager.mixitup-control-prev {
    font-size: 16px;
    color:rgba(255,255,255,0.1);
    background: #ffffff;
    background-image: url("https://omni-plan.nl/wp-content/uploads/2023/05/Omniplan_37.png");
	background-repeat: no-repeat;
	padding-left:0px;
	padding-top:10px;
	background-size: 17px 30px;
}

#post-grid-493 .pagination .pager.active, #post-grid-203 .pagination .pager.active, #post-grid-1142 .pagination .pager.active{
	color:#3375ff;
	font-weight:700;
}


#post-grid-1142 .pagination a.next.page-numbers {
    font-size: 16px;
    color:rgba(255,255,255,0.1);
    background: #ffffff;
    background-image: url("https://omni-plan.nl/wp-content/uploads/2023/05/Omniplan_38.png");
	background-repeat: no-repeat;
	padding-left:0px;
	padding-top:10px;
	background-size: 17px 30px;
	background-position: center;
}
#post-grid-1142 .pagination a.prev.page-numbers {
    font-size: 16px;
    color: rgba(255,255,255,0.1);
    background: #ffffff;
    background-image: url(https://omni-plan.nl/wp-content/uploads/2023/05/Omniplan_37.png);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-top: 0px;
    background-size: 17px 30px;
    background-position: center;
}



.datumevent{
	background:#e6e6e6;
	padding-top:45px;
	padding-bottom:45px;
	}

span.avia-single-number{
	font-size:60px;
	}
.avia-animated-number-content p{
	font-size:20px;
	text-transform:uppercase;
}


#top.single-project .projectcontent .av_one_fourth h3{
	font-size:23px;
	}

#top.single-project .projectcontent .av_one_fourth {
    margin-left: 0%;
    width: 20.5%;
}

#top.single-project .projectcontent .av_three_fourth  {
	margin-left: 4%;
    width: 75.5%;
}

#top.single-project .projectcontent .av_one_fourth h3{
	font-size:23px;
}


 #post-grid-493 .nav-filter .filter.mixitup-control-active,  #post-grid-203 .nav-filter .filter.mixitup-control-active {
    background: #206ff5;
    color:#fff;
    border-radius:8px;
}
#post-grid-203 .nav-filter .filter {
    margin: 0px 0px;
}

.naamcitaathome p {
    margin: -1em 0 1em 0;
}

.contactquoteblok{
	min-height:75px;
}

.contactsmoelen img{
	width:600px;
	}

.contactnaam{
	}
.contactfunctie p{
	margin:0px 0px 20px 0px;
	}

.rechterblokhomearchief #post-grid-3662 .item.even {
    margin-top:10px;
}

.rechterblokhomearchief #post-grid-3662 .item.odd .html {
	background:pink;
	margin-top:1px;
}

#top.page-id-266 a.av-button-notext {
    min-width: 0;
    background: #004cd3;
    width: 35px;
    height: 35px;
    line-height: 18px;
    font-size: 20px;
    text-align: center;
    padding-left: 8px;
}
.page-id-266 .element.read_more {
    color: #ffffff;
    border-color: #004cd3;
    background: #004cd3;
    padding: 12px 36px 10px;
    font-size: 16px;
    min-width: 90px;
    border-radius: 20px;
    margin-top: 15px;
}
.page-id-1103 .avia-button.avia-size-small {
    padding: 9px 10px 7px;
    font-size: 13px;
    min-width: 80px;
    width: 30px;
}

.main_color .pagination span.mixitup-control-truncation-marker{
	display:none;
	}




/* aanpassingen September 2023 */

.html_header_top.html_header_sticky #header {
    position: fixed !important;
    margin-top: 0px;
}

.html_header_top.timoheader{
	position: fixed !important;
	float:left;
	width:100%;
	height:50px;
	z-index: 1000;
	background:#000;
	}
	
.timoheader{
	position: fixed !important;
	float:left;
	width:100%;
	height:50px;
	z-index: 1000;
	background:#000;
}

.timoheader .container{
	padding-top:5px;
	}

#top .timoheader #s, #top #s {
  width: 100%;
  position: relative;
  padding: 11px 47px 11px 15px;
  z-index: 1;
  margin: 0;
  box-shadow: none;
  border-radius:12px;
}


.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 185px;
}

#top .timoheader #searchsubmit, .ajax_load, #top #searchsubmit {
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  position: absolute;
  right: 6px;
  top: 8px;
  z-index: 2;
  margin: 0;
  border-radius: 0;
  min-width: 30px;
  background: #206ff5;
  border-radius: 50%;
  color: #fff;
  font-size: 15px;
}

#top .timoheader input[type="text"]{
	color:#206ff5;
}

#top .timoheader #searchform > div, #top #searchform > div {
  position: relative;
  max-width: 500px;
}

  
#top.search-results  .logo img, .logo svg {
    padding: 5px 0;
    width: 100px;
  }

#top.search-results .header-scrolled .logo img, #top.search-results .header-scrolled .logo svg {
    padding: 5px 0;
    width: 100px;
  }
.post-meta-infos {
  display: none;
}


/* EINDE aanpassingen September 2023 */






.vierkant{
	height:25px;
	width:25px;
	background:red;
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

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

.logo img, .logo svg {
    padding: 5px 0;
    width: 200px;
}

.header-scrolled .logo img, .header-scrolled .logo svg {
    padding: 5px 0;
    width: auto;
}


.linkerkant .avia_image{
    max-width: 94%;
    margin-top: -88%;
}

#top.single-project .projectcontent .av_one_fourth {
    margin-left: 0%;
    width: 20.5%;
}

#top.single-project .projectcontent .av_three_fourth  {
	margin-left: 4%;
    width: 75.5%;
}

#top.single-project .projectcontent .av_one_fourth h3{
	font-size:23px;
}


.header-scrolled .timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 10px;
    margin-bottom: -20px;
}

.timosub_menu {
    float: right;
    margin-right: 10%;
    margin-top: 40px;
    margin-bottom: -40px;
}
#top .no_margin.av_one_fifth.wierechtervlak {
    width: 2%;
}

.rollen h3{
	font-size:27px;
}


.vierkant{
	background:pink;
}

}




/* #Desktop - Large
================================================== */
@media only screen and (min-width: 1140px) {

.logo img, .logo svg {
    padding: 5px 0;
    width: auto;
}

.header-scrolled .logo img, .header-scrolled .logo svg {
    padding: 5px 0;
    width: auto;
}

.linkerkant .avia_image{
    max-width: 94%;
    margin-top: -88%;
}

#top.single-project .projectcontent .av_one_fourth {
    margin-left: 0%;
    width: 23.5%;
}

#top.single-project .projectcontent .av_three_fourth  {
	margin-left: 4%;
    width: 72.5%;
}

#top.single-project .projectcontent .av_one_fourth h3{
	font-size:23px;
}



.header-scrolled .timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 10px;
    margin-bottom: -20px;
}

.timosub_menu {
    float: right;
    margin-right: 15%;
    margin-top: 40px;
    margin-bottom: -40px;
}

#top .no_margin.av_one_fifth.wierechtervlak {
    width: 2%;
}

.rollen h3{
	font-size:20px;
}

.vierkant{
	background:blue;
}
}


/* #Desktop - Extra Large
================================================== */
@media only screen and (min-width: 1340px) {

.logo img, .logo svg {
    padding: 5px 0;
    width: 300px;
}

.header-scrolled .logo img, .header-scrolled .logo svg {
    padding: 5px 0;
    width: auto;
}


.linkerkant .avia_image{
    max-width: 94%;
    margin-top: -88%;
}


.header-scrolled .timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 10px;
    margin-bottom: -20px;
}

.timosub_menu {
    float: right;
    margin-right: 25%;
    margin-top: 40px;
    margin-bottom: -40px;
}
#top .no_margin.av_one_fifth.wierechtervlak {
    width: 10%;
}

.rollen h3{
	font-size:27px;
}

.vierkant{
	background:orange;
}
}


/* #Desktop - Mega Large
================================================== */
@media only screen and (min-width: 1600px) {

.linkerkant .avia_image{
    max-width: 94%;
    margin-top: -88%;
}
#top.single-project .projectcontent .av_one_fourth {
    margin-left: 0%;
    width: 20.5%;
}

#top.single-project .projectcontent .av_three_fourth  {
	margin-left: 4%;
    width: 75.5%;
}


.header-scrolled .timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 10px;
    margin-bottom: -20px;
}

.timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 40px;
    margin-bottom: -40px;
}


#top.single-project .projectcontent .av_one_fourth h3{
	font-size:23px;
}

#top .no_margin.av_one_fifth.wierechtervlak {
    width: 20%;
}

.rollen h3{
	font-size:27px;
}

.vierkant{
	background:purple;
}
}

/* #Desktop - Mega Large
================================================== */
@media only screen and (min-width: 1800px) {


.linkerkant .avia_image{
    max-width: 94%;
    margin-top: -88%;
}
#top.single-project .projectcontent .av_one_fourth {
    margin-left: 0%;
    width: 20.5%;
}

#top.single-project .projectcontent .av_three_fourth  {
	margin-left: 4%;
    width: 75.5%;
}

#top.single-project .projectcontent .av_one_fourth h3{
	font-size:23px;
}

.header-scrolled .timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 10px;
    margin-bottom: -20px;
}

.timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 40px;
    margin-bottom: -40px;
}

.vierkant{
	background:black;
}
}

/* #Desktop - Mega Large
================================================== */
@media only screen and (min-width: 2200px) {

.header-scrolled .timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 10px;
    margin-bottom: -20px;
}

.timosub_menu {
    float: right;
    margin-right: 30%;
    margin-top: 40px;
    margin-bottom: -40px;
}

.vierkant{
	background:gold;
}
}


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
@media only screen and (min-width: 768px) and (max-width: 989px) {


#menu-item-search{
	margin-right: 1em;
}

.timosub_menu {
    float: right;
    margin-right: 10%;
    margin-top: 40px;
    margin-bottom: -40px;
}
.sub_menu li {
    padding: 0 18px;
    border-right-width: 0px;
}

#top.single-project .projectcontent .av_one_fourth {
    margin-left: 0%;
    width: 20.5%;
    background:pink;
}
#top.single-project .projectcontent .av_one_fourth h3{
	font-size:18px;
	}

#top.single-project .projectcontent .av_three_fourth {
    margin-left: 3%;
    width: 73.5%;
}


#top.single-post .artikelcontent .av_one_fifth {
    margin-left: 0%;
    width: 0%;
    background:pink;
}
#top.single-post .artikelcontent .av_two_third {
    margin-left: 0%;
    width: 100%;
    background:red;
}

#top.single-vacature .vacaturecontent .no_margin.av_two_fifth.linkerkant {
    background:purple;
    width:5%;
}
#top.single-vacature .vacaturecontent .no_margin.av_one_fifth.rechterkant {
    background:blue;
    width:5%;
}



#top.single-vacature .no_margin.av_two_fifth.midendeel {
    background:yellow;
    width:90%;
}



.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0px 25px;
    clear: both;
}

#top.single-project .projectcontent .av_one_fourth {
    margin-left: 0%;
    width: 29.5%;
}

#top.single-project .projectcontent .av_three_fourth  {
	margin-left: 4%;
    width: 66.5%;
}

#top.single-project .projectcontent .av_one_fourth h3{
	font-size:21px;
}


.header-scrolled .timosub_menu {
    float: right;
    margin-right: 9%;
    margin-top: 10px;
    margin-bottom: -20px;
}

.timosub_menu {
    float: right;
    margin-right: 15%;
    margin-top: 40px;
    margin-bottom: -40px;
}
.timosub_menu a {
    color: #000;
    font-size: 15px;
}

.page-id-139 .post-grid .pagination {
    padding-left: 34%;
}
.page-id-159 .post-grid .pagination {
    padding-left: 19%;
}


#top .no_margin.av_one_fifth.wierechtervlak {
    width: 2%;
}

.rollen h3{
	font-size:20px;
}
.logo img, .logo svg {
    padding: 5px 0;
    width: auto;
}

.header-scrolled .logo img, .header-scrolled .logo svg {
    padding: 5px 0;
    width: auto;
}


#header_main {
    border-bottom-width: 0px;
    border-bottom-style: solid;
    z-index: 1;
    margin-top: 40px;
}
.responsive.html_mobile_menu_tablet.html_header_top #top #main {
    padding-top: 140px !important;
    margin: 0;
}

.vierkant{
	background:aqua;
}
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {


h1{
	font-size:25px;	
}
h2{
	font-size:25px;	
}
h3{
	font-size:20px;	
}

.timosub_menu a {
    color: #000;
    font-size: 18px;
}
.responsive #top .logo {
    position: static;
    display: table;
    height: 50px !important;
}

.vbanner img{
	height:100px;
	width:auto;
}
.minwaarde {
    margin-top: -60px;
    margin-bottom: -20px;
}
.voverlay1amiddendeel h2{
	font-size:30px;
}

.linkerkant .avia_image {
    margin-top: 0%;
}

.voverlay {
    margin-bottom: -50%;
    z-index: 1000;
    position: relative;
    margin-right: -10px;
}

body .vfotoblok.column-top-margin {
    margin-top: 0px;
}
.responsive #top #wrap_all .flex_column.av-1o9rg-ea450357c982ee48e277576923e1922f {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -10px;
}
.vfotoblok .avia-image-container.avia-align-center {
    display: block;
    margin: -45% auto 10px 20px;
    text-align: center;
    clear: both;
    width: 90%;
}

.linkerkant .voverlay1a {
    margin-top: -85%;
    z-index: 100;
    position: relative;
    margin-right: 0px;
    padding-bottom:25px;
}


.html_header_top.html_header_sticky #header {
  position: fixed !important;
}
.responsive #top #main {
  padding-top: 60px !important;
  margin: 0;
}
.responsive #top #wrap_all .container {
  width: 90%;
  max-width: 90%;
}

.voverlay1amiddendeelbinnen{
	padding-top:5%;
	padding-left:5%;
	padding-right:5%;
}

.html_burger_menu_active #top #wrap_all #header .av-burger-menu-main > a {
    background: transparent;
    position: relative;
    z-index: 10;
    padding-top: 10px;
}

.responsive .logo img, .responsive .logo svg {
  max-height: 50px;
}

.responsive .logo a {
  display: table-cell;
  vertical-align: top;
  padding-top:5px;
}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
  margin-top: -20px;
}
#header_main {
  border-bottom-width: 0px;
  border-bottom-style: solid;
  z-index: 1;
  height: 60px;
  margin-top:0px;
}

.homebannerbg h1{
	font-size:25px;
}


.opsomming h3{
	font-size:16px;
	line-height:1.7em;
}
#top #av-burger-menu-ul {
  vertical-align: top;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
  line-height: 1.3em;
  height: auto;
  padding: 15px 30px;
  display: block;
  text-align: left;
  text-decoration: none;
}
.html_av-overlay-side #top .av-burger-overlay-scroll {
  	background: rgb(52,52,52);
	background: linear-gradient(162deg, rgba(52,52,52,1) 28%, rgba(0,0,0,0.8057816876750701) 100%);
}
.html_av-overlay-side-classic #top .av-burger-overlay li a {
  border-bottom-style: solid;
  border-bottom-width: 0px;
  color:#fff;
  font-weight:800;
}

.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #ffff;
}


.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
  color: #fff;
}

.header_color .av-hamburger-inner {
  	background-color:#00296b;
  	width:30px;
	}
.header_color .av-hamburger-inner::before{
	background-color:#00296b;
	width:35px;
	}

.header_color .av-hamburger-inner::after{
	background-color:#00296b;
	width:40px;
	}
	
#top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title {
  position: relative;
  z-index: 3;
  font-size: 16px;
}

.responsive #top #wrap_all .av-flex-cells .no_margin {
  display: block;
  margin: 0;
  height: auto !important;
  overflow: hidden;
  padding-left: 5% !important;
  padding-right: 5% !important;
}

.footergedeelte .flex_cell{
	padding: 10px 0px 0px 0px;
	}

#top form {
  margin-bottom: 0px;
}

.footerlogo img{
	height:80px;
	width:auto;
	}


.responsive #top #wrap_all .flex_column.dehelft{
    margin: 0;
    margin-bottom: 20px;
    width: 50%;
}

.responsive #top.single-vacature .flex_column.dehelft{
    margin: 0;
    margin-bottom: 20px;
    width: 50%;
}
.responsive #top.single-vacature .av_one_fourth{
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
}
.responsive #top.single-project .flex_column.dehelft{
    margin: 0;
    margin-bottom: 20px;
    width: 50%;
}
.responsive #top.single-project .av_one_fourth, .responsive #top.single-project .av_three_fourth{
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
}


.omniplanner-template-default .av_one_fourth {
    margin-left: 0%;
    width: 100%;
}
.omniplanner-template-default .av_three_fourth {
    margin-left: 0%;
    width: 100%;
}
.responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
    display: none;
}
.inspringveld {
    padding-left: 0%;
}

img.footerlijn{
	width:auto;
	height:80px;
	background:red:
	}

.single-project .av_one_fourth, .single-project .av_three_fourth  {
    margin-left: 0%;
    width: 100%;
}

.content, .sidebar {
    padding-top: 25px;
    padding-bottom: 50px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 1px;
    z-index: 1;
}
#top .hr.hr-invisible.av-lhrk9mq9-8ce4e2ab39c2d2acb56c064ea4521764 {
    display: none;
}

#top.single-vacature .no_margin.av_two_fifth.linkerkant {
    width: 0%;
}
#top.single-vacature .no_margin.av_two_fifth {
    width: 100%;
    padding: 0 15px;
}
#post-grid-3244 .grid-items, #post-grid-3251 .grid-items {
    margin-right: 0px;
    box-sizing: border-box;
    width: 100%;
}
.container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0px 15px;
    clear: both;
}


.avia-section.artikelcontent .av_one_fifth {
    margin-left: 6%;
    width: 100%;
}

#top #menu-item-search {
    z-index: 100;
    margin-top: 10px;
}



div .av_one_fifth.datumblokevent {
    margin-left: 6%;
    width: 100%;
}

}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.vierkant{
	background:yellow;
}
}