/*
Theme Name: Colorned
Description: Wordpress thema Colorned
Version: 1.0 | 17032021
Author: Netwerkbureau Groeier!
Author URI: http://www.groeier.nl/
Template: colorned
*/

@import url("https://use.typekit.net/zvv2oeu.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css");

.mfp-iframe-scaler {
width: 80%!important;
	height: 80%!important;
}


@media only screen and (max-width: 767px) {
.informatie_kleur_mobiel {
    position: absolute;
}
}

@media only screen and (min-width: 768px) {
.informatie_kleur_mobiel {
    position: inherit;
}
}

.page-id-462 .afbeelding_popup {
	margin: 25px 15px 0px 19px;
}

.kleurnaam_popup_mobiel {
    position: absolute;
    top: -40px;
    right: -295px;
}

.kleurnummer_popup_mobiel {
    position: relative;
    top: -41px;
    left: 10px;
}

.beschikbaarheid_info {
    width: 60%;
}

.oranje strong {
	color:#ff7e2e!important;
}

tr, td {
	background-color:white!important;
	color:#202020!important;
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
	font-style: normal;
	border:0px!important;
	padding:5px 0px!important;
	font-size:16px!important;
}
 
.plaats_in_waaier {
	font-size:14px!important;
	font-style:italic!important;
}

tr {
	border-bottom:1px solid #EBEDEC!important;
}

.owl-nav {
    line-height: 38px!important;
    background-color: #ff7e2e!important;
    padding: 0px 5px 7px 5px!important;
    border-radius: 10px!important;
	margin-left: 7px!important;
}

.owl-nav span {
	line-height: 38px!important;
    color: white!important;
}

.single-kleuren #av_section_1 .content {
	padding-bottom:0px!important;
}

.single-kleuren #av_section_1 .container {
	max-width:100%!important;
	width:100%!important;
	padding:0px!important;
}

.kleuren_pagina {
	max-width: 1310px;
    table-layout: fixed;
    margin: auto;
	padding: 25px!important;
}

@media only screen and (max-width: 989px) {
.p_kleurpagina {
	text-align:left!important;
	padding-top:20px!important;
}
}

@media only screen and (min-width: 990px) {
.p_kleurpagina {
	text-align:center!important;
}
}

.p_kleurpagina a {
	text-decoration:none!important;
	background-color:#ff7e2e!important;
    padding: 10px!important;
    border-radius: 10px!important;
	color:white!important;
}

.content_grijs_blok {
	padding:40px 25px!important;
}

/* Kleurpagina */
.grijs_blok {
	background-color:#F4F4F4;
	text-align:center!important;
}

@media only screen and (min-width: 767px) {
.grijs_blok {
	padding: 50px 150px;
}
}

.grijs_blok .content {
	padding:0px!important;
}

.contactknop_kleurpagina {
	padding: 11px;
    border: solid #ff7e2e 2px!important;
    border-radius: 10px;
    background-color: white;
    color: #202020!important;
}

.contactknop_kleurpagina:hover { 
	text-decoration:none!important;
}

.contactknop_kleurpagina:after {
	content: '\e907'!important;
    font-family: 'icomoon'!important;
	font-size: 13px!important;
    margin-left: 5px;
}

.tekst_info_kleurenwaaier {
	padding:20px 0px;
}

/*
.single-kleuren .container_wrap .container {
	width:100%!important;
	max-width:100%!important;
	padding:0px!important;
}
*/



/* Livesearch */

#searchresults {
	background: white;
	width: 400px;
	max-height: 60vh;
	position: absolute;
	z-index: 999;
	border-top: 0px !important;
	top: 0px;
    left: -235px;
	overflow: auto;
}

#searchresults a {
	display: block;
	border-bottom: 1px solid #f4f4f4;
	padding: 10px;
}
#searchresults a:hover {
	background: #f4f4f4;
}
#searchresults a:visited,
#searchresults a:active {
	text-decoration: none;
}
#searchresults p.page {
	line-height: 15px;
	padding-left: 10px;
}
#searchresults p.type {
	line-height: 0px;
	padding-left: 10px;
	margin-bottom: 18px;
	color: gray;
	font-size: 15px;
	font-style: italic;
}


#search_colorned {
    position: absolute!important;
    top: -66px!important;
	 right: 34%!important;
    width: 234px!important;
    max-width: 234px!important;
}

#block-2 {
	position:absolute;
    right: 34%;
	
}

/* Livesearch */

.garantie:after {
	content:'jaar';
	margin-left:3px;
}

.afbeelding_popup:hover,
.kleurencontainer_afb:hover {
	cursor: zoom-in;
}

.afbeelding_popup:hover,
.kleurencontainer_afb:hover {
	background-size:150%!important;
}

.afbeelding_popup {
	background-size:cover!important;
}

.links, .rechts {
	width:47%!important;
}

.rechts img {
	border-width: 0px!important;
}

.links {
	margin-right:6%!important;
	margin-top:8%!important;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
    padding: 10px!important;
    border-radius: 10px!important;
}

.links img {
	border-radius:5px!important;
}

.rechts img {
	border-radius:15px!important;
}

/* Extra info kleurenwaaier */

.informatie_kleurafbeelding {
	position: inherit;
    width: 100%;
}

.kleurnummer_popup {
	position: relative;
    top: -41px;
    left: 10px;
}

.kleurnaam_popup {
	position: absolute;
    top: -41px;
    right: 10px;
}

.mobiel_afbeelding_div:hover,
.slide:hover
.close:hover {
	cursor: pointer;
}

p, #socket, .gfield_label 	{
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
	font-style: normal;
	color:#202020!important;
}

h1, h2, h3, h4, h5 {
	font-family: rubik, sans-serif!important;
    font-weight: 600!important;
	font-style: normal!important;
	text-transform:inherit!important;
	color:#202020!important;
}

/* Titels  */ 

@media only screen and (max-width: 767px) {
h1 {
	font-size:22px;
}

h2, h3 {
	font-size:20px;
}
}

@media only screen and (min-width: 768px) {
h1 {
	font-size:28px;
}

h2, h3 {
	font-size:24px;
}
}

#avia-menu li a {
	font-family: rubik, sans-serif;
    font-weight: 600;
	font-style: normal;
	color:white!important;
	font-size:16px!important;
}

.main_menu .current-menu-parent .avia-menu-text {
	background-color:rgba(255,255,255,0.2)!important;
	padding:8px!important;
	border-radius:10px!important;
}

/*
.sub-menu .current_page_item .avia-menu-text {
	padding:0px!important;
}
*/

#avia-menu li a .avia-menu-fx {
	display:none!important;
}

#header_main_alternate {
	background-image: linear-gradient(90deg,#EBB436,#F15C22)!important;
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .av-main-nav-wrap {
	height:65px!important;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul .menu-item-top-level a {
    height: 65px!important;
    line-height: 65px!important;
} 

#menu-item-15 li a {
	padding-left:0px!important;
} 

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .av-main-nav-wrap .sub-menu {
	height:40px!important;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul .sub-menu a {
    height: 40px!important;
    line-height: 40px!important;
} 


.menu-item-top-level ul:first-child a {
	padding-left:15px!important;
}


#header_main {
    border-bottom-width: 0px!important;
}

/* Submenu */

.sub-menu li a {
	padding: 0px 15px!important;
		color:#202020!important;
}

.sub-menu li a:first-child {
	padding: 0px 15px!important;
}

.sub-menu li a .avia-menu-text {
	color:#F06323!important;
	font-size:14px!important;
}

.av-main-nav li ul {
    border-top-width: 0px!important;
}

.menu-item-has-children a:hover {
	background-color:#FEEFE8!important;
}

.menu-item-has-children a:hover .avia-menu-text {
	color:#F06323!important;
}

@media only screen and (max-width: 1200px) {
.menu-item-top-level {
	padding-right: 0%!important;
}

/*.menu-item-has-children a:hover .avia-menu-text:after {
    content: '\e879';
    font-family: entypo-fontello;
    margin: 0px 10px;
    position: absolute;
    right: 5px;
	padding-right: 15px;
}
*/ 

.sub-menu .menu-item-has-children a:hover .avia-menu-text:after {
	content:none!important;
}
}

@media only screen and (min-width: 1201px) {
.menu-item-top-level {
	padding-right: 3%!important;
}

/*
.menu-item-has-children a:hover .avia-menu-text:after {
    content: '\e879';
    font-family: entypo-fontello;
    margin: 0px;
    position: absolute;
    right: 30px;
	padding-right: 10px;
}
*/

.sub-menu .menu-item-has-children a:hover .avia-menu-text:after {
	content:none!important;
}		
}

.av-main-nav li a {
	padding: 0 20px!important;
}

/* Logo  */

.logo a img {
	padding: 10px 0px!important;
}

/* Zoekveld kleurenwaaier */
#zoeken_kleur {
	position: relative;
	margin-top: 35px;
}
#zoeken_kleur label {
	font-family: rubik, sans-serif!important;
    font-weight: 600!important;
    font-style: normal;
    color: #202020!important;
	font-size: 16px;
}
#zoeken_kleur input#kleur {
	border-radius: 10px!important;
    border: 1px solid #CCCCCC!important;
    background-color: white!important;
	max-width: 70%;
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
    font-style: normal;
    color: #202020!important;
}
#zoeken_kleur input[type="submit"] {
	position: absolute;
	right: 0px;
	top: 27px;
	width: 25%;
	border-radius: 10px;
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
    font-style: normal;
    font-size: 15px!important;
}

/* Zoekresultaten kleurenwaaier */
#resultaten_waaier h1 {
	text-align: center;
}
#resultaten_waaier h3 {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
#resultaten_waaier .image-overlay {
	display: none !important;
}
.results_waaier {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.results_waaier .color {
	position: relative;
}
.results_waaier .color a {
	height: 100%;
	width: 100%;
	display: block;
}
.results_waaier .color img {
	max-height: 200px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px!important;
}
.results_waaier .color p.kleur {
	position: absolute;
	color: white !important;
	bottom: 5px;
	left: 20px;
	text-shadow: 1px 1px 5px rgb(0 0 0 / 70%);
}
.results_waaier .color p.ral {
	position: absolute;
	color: white !important;
	bottom: 5px;
	right: 20px;
	text-shadow: 1px 1px 5px rgb(0 0 0 / 70%);
} 

/* Socket */

#socket {
	background-image: linear-gradient(90deg,#EBB436,#F15C22)!important;
	font-size:14px!important;
	color:white!important;
	font-weight:100!important;
}

#socket a {
	color:white!important;
	font-weight:100!important;	
}

#socket .sub_menu_socket li {
    border-left-width: 0px!important;
}

#socket .sub_menu_socket li {
    line-height: 14px!important;
}

.avia3-menu .menu-item-top-level {
	padding-right: 0%!important;	
}

/* Home */

@media only screen and (max-width: 600px) {
.rechterblok {
    padding: 40px 80px 30px 40px!important;	
}
}

@media only screen and (min-width: 601px) {
.rechterblok {
    padding: 40px 80px 30px 50px!important;	
}
}

#introblok h1, #introblok h2 {
	font-size:28px!important;
}

#introblok .blokwit {
	background-color:white!important;
	border-radius:10px!important;
    -webkit-box-shadow: 5px 5px 20px -12px #000000; 
    box-shadow: 5px 5px 20px -22px #000000;
}

@media only screen and (max-width: 1199px) {
#introblok .blokwit {
    padding: 30px 30px 30px 40px!important;
}
	
.buttonblok {
	padding-left:45px!important;
}		
}

@media only screen and (min-width: 1200px) {
#introblok .blokwit {
    padding: 50px 55px 50px 115px!important;
}
	
.buttonblok {
	padding-left:80px!important;
}		
}



@media only screen and (min-width: 1199px) {
#introblok .blokwit {
	margin-top: -100px!important;
}
}

@media only screen and (max-width: 1200px) {
#introblok .blokwit {
	margin-top: 15px!important;
}

#introblok .container {
    width: 100%!important;
    max-width: 100%!important;
}

#introblok .blokwit {
    width: 93%!important;
}	
}

@media only screen and (max-width: 766px) {
.colorned_button {
	position: relative;
    top: 40px;
}	
}

@media only screen and (min-width: 767px) and (max-width: 1200px) {
.colorned_button {
	position: relative;
    top: 0px;
}	
}

.page-id-13 #main, #introblok {
	background-color:#F4F4F4!important;
}

/* Homeslider */

#top .av_slideshow_full.av-control-default .avia-slideshow-arrows a {
    height: 30px!important;
    line-height: 50px!important;
	margin: -8px 0 0 0!important;
	opacity:1!important;
	width:30px!important;
}

.avia-slideshow-dots {
	display:none!important;
}

.av_slideshow_full.av-control-default .next-slide:before,
.av_slideshow_full.av-control-default .prev-slide:before {
	line-height:29px!important;
}

.av_slideshow_full.av-control-default .next-slide:before {
	content:'\e907'!important;
	font-family:'icomoon'!important;
	font-size: 10px!important;
}

.av_slideshow_full.av-control-default .prev-slide:before {
	content:'\e900'!important;	
	font-family:'icomoon'!important;
	font-size: 10px!important;
}

.avia-slideshow-arrows a:before {
	background:white!important;
	border:2px solid #FF7E2E!important;
	color:black!important;
	border-radius:10px!important;
}

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

#top .avia-slideshow-arrows a.prev-slide {
    left: 48%!important;
}

#top .avia-slideshow-arrows a.next-slide {
    right: 48%!important;
}

#top .avia-slideshow-arrows a {
    top: 92%!important;
}	
}

@media only screen and (max-width: 1614px) {

#top .avia-slideshow-arrows a.prev-slide {
    left: 2%!important;
}

#top .avia-slideshow-arrows a.next-slide {
    right: 2%!important;
}	
}

.colorned_button a {
	border:2px solid #FF7E2E!important;
	background-color:white!important;
	border-radius:9px!important;
	margin-top:20px!important;
	color:#FF7E2E!important;
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
	font-style: normal;	
    position: relative;
    top: 0px;
	font-size:16px!important;
}

.colorned_button_waaier a {
	border:2px solid #FF7E2E!important;
	background-color:white!important;
	border-radius:9px!important;
	color:#FF7E2E!important;
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
	font-style: normal;	
	font-size:16px!important;
}

@media only screen and (max-width: 1200px) {
.colorned_button a {
    top: -25px;
	
}
}

@media only screen and (min-width: 1201px) {
.colorned_button a {
    top: -35px;
	left: 35px;
}
}

/*Rasterrij breedte 1310px*/

#introblok {
    max-width: 1450px;
    table-layout: fixed;
    margin: auto;
    display: table;
    border-top-style: none;
    border-top-width: 0px;
}

#vacature_content {
    max-width: 1310px;
    table-layout: fixed;
    margin: auto;
    display: table;
    border-top-style: none;
    border-top-width: 0px;
	padding-top:50px;
	padding-bottom:50px;
}

#input_2_6 {
	border:0px!important;
	border-radius:0px!important;
}

/* Styling CPT */

@media only screen and (max-width: 767px) {
.vacature, 
.project, 
.berichten_overzicht {
	position:relative;
	margin: 15px 0px;
}

.vacature img, 
.project img, 
.berichten_overzicht img {
    filter: brightness(70%);
    max-height: 220px;
	height:220px;
	border-radius:10px;
}		
}

@media only screen and (min-width: 768px) {
.vacature, 
.project, 
.berichten_overzicht {
    display: inline-block!important;
	width: 47%!important;
	position:relative;
    margin-right: 1%;
    margin-left: 1%;
	margin-bottom: 25px;
}
	
	/* Zoekrestulaten waaier */
	.results_waaier .color {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: calc(100% * (1/2) - 20px - 1px);
		max-width: 48%;
		display: inline-block;
		margin: 20px 10px 0 5px;
	}
}

@media only screen and (min-width: 767px) and (max-width: 989px)  {
.vacature img, 
.project img, 
.berichten_overzicht img {
    filter: brightness(60%);
    max-height: 220px;
	height:220px;
	border-radius:10px;
}
}

@media only screen and (min-width: 990px)  {
.vacature img, 
.project img, 
.berichten_overzicht img {
    filter: brightness(60%);
    max-height: 265px;
	height:265px;
	border-radius:10px;
}
}

@media only screen and (min-width: 1024px)  {
	.results_waaier .color {
		width: calc(100% * (1/3) - 20px - 1px);
		max-width: 33%;
	}
}

.lijn {
	padding: 6px 6px 6px 6px!important;
    background-image: linear-gradient(90deg,#EBB436,#F15C22)!important;
    border-radius: 24px!important;
}

}

.soortvacature:before {
	content:'\e906';
    font-family:'icomoon';
	color:white!important;
	position: relative;
	right:5px!important;
	color:white!important;
}

.vacature_opsomming .iconlist_icon  span:before {
	font-size: 11px;
    position: relative;
    bottom: 1px;
	color:#ff7e2e!important;
}

.vacature_opsomming  .iconlist_title_small {
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
	font-style: normal!important;
}

.vacature_opsomming .article-icon-entry {
	margin-bottom:10px!important	
}

.locatie_project:before {
	content:'\e903';
    font-family:'icomoon';
	color:white!important;
	position: relative;
	right:5px!important;
	color:white!important;
}

.datum_bericht:before {
	content:'\e904';
    font-family:'icomoon';
	color:white!important;
	position: relative;
	right:5px!important;
	color:white!important;
}

#project .column-top-margin {
    margin-top: 20px!important;
}

.vacaturetitel {
	position:absolute;
	bottom:40px;
	left:20px;
	color:white!important;
	text-shadow: 2px 2px 25px black;
	font-size:20px!important;	
}

.vacatureafbeelding {
	position: relative;
    left: -110px;
    right: 0px;
    width: 100%!important;
}

.vacature_blok_links {
    width: 106%!important;
    position: relative!important;
    left: 45px!important;
}

.vacature_blok_rechts {
    width: 110%!important;
    position: relative!important;
    left: 5px!important;
}

.vacature_blok_links img,
.vacature_blok_rechts img {
	border-radius:10px!important;
}

@media only screen and (max-width: 767px) {
.blokwissel .flex_cell_inner {
	display: flex !important;
    flex-direction: column-reverse;
}

.blokwissel .column-top-margin {
    margin-top: 0px!important;
}
}

.avia_image {
	border-radius:0px!important;
}

.titel_project {
	position:absolute;
	bottom:40px;
	left:15px;
	color:white!important;
    text-shadow: 2px 2px 25px black;	
	font-size:20px!important;	
}

.titel_bericht {
	position:absolute;
	bottom:40px;
	left:15px;
	color:white!important;	
    text-shadow: 2px 2px 25px black;	
	font-size:20px!important;
}

.bekijken {
	position:absolute;
    right: 20px!important;
    bottom: -2px;
	color:white!important;	
	text-decoration:none!important;
    text-shadow: 2px 2px 25px black;	
}

.link_bekijken {
	position:absolute;
    right: 20px!important;
    bottom: 12px;
	color:white!important;	
	text-decoration:none!important;
    text-shadow: 2px 2px 25px black;	
}

.soortvacature {
	position:absolute;
	bottom:0px;
	left:20px;
	color:white!important;	
    text-shadow: 2px 2px 25px black;	
}

.locatie_project {
	position:absolute;
	bottom:0px;
	left:20px;
	color:white!important;
    text-shadow: 2px 2px 25px black;	
}

.datum_bericht {
	position:absolute;
	bottom:0px;
	left:20px;
	color:white!important;	
    text-shadow: 2px 2px 25px black;	
}

#meerweten h3, #meerweten p {
	text-align:center!important;
}

.contactblok a {
	color:#202020!important;
	background-color:white!important;
	border-bottom:0px!important;
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
	font-style: normal;
	font-size:16px!important;
	border:#F15C22 solid 2px!important;
	border-radius:10px!important;
	margin-top:10px!important;
}

.contactblok .avia_button_icon,
.colorned_button .avia_button_icon {
    font-size: 10px;
    padding-left: 8px;
	padding-right: 5px;
}

.checklist .iconlist-char:before {
	font-size:9px!important;
	color:#F06323!important;
	position: relative;
    top: -5px;
}

.checklist {
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
	font-style: normal;	
}

.checklist .iconlist_content_wrap {
	min-height: 48px!important;
}

/* Pagina */

@media only screen and (min-width: 767px) {
.tekstblok .container {
	padding: 0px 200px!important;
}
}

/* Contactformulier  */

.gfield_required {
	color:#F06323!important;
}

.ginput_container input, .ginput_container textarea {
	border-radius:10px!important;
    border:1px solid #CCCCCC!important;
	background-color:white!important;
}

.gfield_label {
	font-size:14px!important;
}

.gform_button {
	border:2px solid #F15C22!important;
	background-color:white!important;
	border-radius:10px!important;
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
	font-style: normal;
	color:#202020!important;
	font-size:16px!important;
	padding: 10px!important;
}

.knop_versturen span:after {
	content:'\e907'!important;
	font-family:'icomoon';
	margin-left: 15px!important;
    font-size: 9px!important;
    position: relative;
    top: -1px;
}

/* Formulier error */

.gform_wrapper li.gfield.gfield_error {
	background-color: white!important;
    border-top: 0px solid #c89797!important;
    border-bottom: 0px solid #c89797!important;
}

.validation_message, .gform_wrapper div.validation_error {
	color:#ff7e2e!important;
	font-family: rubik, sans-serif!important;
    font-weight: 400!important;
	font-style: normal;
}

.gform_wrapper div.validation_error {
    margin-bottom: 0px!important;
    border-top: 0px solid!important;
    border-bottom: 0px solid!important;
    padding: 0px!important;
}

/* Contactpagina  */

#contactblok .container {
	padding:0px!important;
}

@media only screen and (max-width: 767px) {
	
	.mapsblok {
	position: absolute!important;
    top: -200px!important;
	background-color:white!important;
	left:-65px!important;
	padding: 30px 70px 20px 70px!important;
    border-radius: 15px!important;
	box-shadow:0px 0px 20px 3px rgb(209 209 209 / 30%)!important;			
	}
	
	.contact_titel {
	padding-top:50px!important;	
	}	
	
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
	.mapsblok {
	padding-left: 35px;
	}
}

@media only screen and (min-width: 990px) {
	.mapsblok {
	position: absolute!important;
    top: -400px!important;
	background-color:white!important;
	left:-65px!important;
	padding: 30px 70px 20px 115px!important;
    border-radius: 15px!important;	
	box-shadow:0px 0px 20px 3px rgb(209 209 209 / 30%)!important;	
}
}

.kleuren_waaier_sectie .container {
   max-width: 100%!important;
	 width:100%!important;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    font-size: 60px;
	line-height: 30px!important;
}

.owl-nav {
	height:57px!important;
}

.owl-item {
	margin-right:10px!important;
}

.owl-carousel .owl-nav button.owl-next:hover, 
.owl-carousel .owl-nav button.owl-prev:hover {
	background-color:transparent;
	color:#202020!important;
}

.owl-nav {
	position: absolute;
    top: -100px;
    left: 18%;
}

.owl-theme .owl-nav .disabled {
    opacity: 1!important;
	color:grey;
}

.slide {
    position: relative;
    width: 125px;
    height: 130px;
    overflow: hidden;
	border-radius:10px!important;
	margin: 5px 5px 13px 5px!important;
	width:100%!important;
}

.slide img {
     position: absolute;
     max-width: 100%;
     width: 100%;
     height: auto;
     top: 50%;     
     left: 50%;
     transform: translate( -50%, -50%);
}

.afbeelding_popup img {
     position: absolute;
     max-width: 100%;
     width: 100%;
     height: auto;
     top: 50%;     
     left: 50%;
     transform: translate( -50%, -50%);
	 border-radius:10px!important;
}

@media only screen and (max-width: 989px) {
#kleurinformatie {
    width: 345px;
    background-color: white;
    position: absolute;
    right: 10%;
    top: -50px;
	z-index: 4;
	box-shadow: 5px 5px 20px -22px #000000!important;
	border-radius:10px!important;
}

.afbeelding_popup {
     position: relative;
    width: 340px;
    height: 250px;
     overflow: hidden;
	 border-radius:10px!important;
	 padding: 20px!important;
	 margin-top: 27px;
	 border-radius:10px;
}		
}

@media only screen and (min-width: 990px) {
#kleurinformatie {
    width: 380px;
    background-color: white;
    position: absolute;
    right: 15%;
    top: -50px;
	z-index: 4;
	box-shadow: 0px 0px 20px 3px rgb(209 209 209 / 30%);
	border-radius:10px!important;
}

#kleurinfo_mobiel {
    width: 380px;
    background-color: white;
    position: fixed;
    left: 29.5%!important;
    top: 210px;
	z-index: 9999!important;
	box-shadow: 0px 0px 20px 3px rgb(209 209 209 / 30%);
	border-radius:10px!important;
}	
	
.afbeelding_popup {
     position: relative;
     width: 340px;
     height: 250px;
     overflow: hidden;
	 border-radius:10px!important;
	 padding: 15px!important;
	 margin-top: 25px;
	 border-radius:10px;
	 margin: 25px 20px 0px 20px;
}
}

.kleureninfo_mobiel {
	position:fixed;
	top:90px;
	background-color: white;
    border-radius: 8px;
	z-index:99999!important;
	left:5px!important;
	box-shadow: 0px -5px 26px 4px black;
}

.sfm-rollback {
	width:0px!important;
}

.beschikbaarheid_info,
.structuur_info  {
    text-transform: capitalize!important;
}

.beschikbaarheid_info {
	font-size:15px!important;
}

.kleurlink_info:after {
	content:'\e902';
	font-family:icomoon;
	font-size:12px!important;
	color:#202020!important;
}

.loader {
	width: 100%;
    height: 50px;
    background-color: transparent;
    position: absolute;
    left: 0px;
    line-height: 20px;
    z-index: 9999!important;
    border-radius: 10px!important;
    top: 7px!important;
    font-size: 13px;
    text-align: center!important;
	color:white!important;	
	text-shadow:1px 1px 5px rgba(0,0,0,0.7);
}


.loader_mobiel {
	width: 100%;
    height: 50px;
    background-color: transparent;
    position: absolute;
    left: 0px;
    line-height: 20px;
    z-index: 9999!important;
    border-radius: 10px!important;
    top: 7px!important;
    font-size: 13px;
    text-align: center!important;
	color:white!important;	
	text-shadow:1px 1px 5px rgba(0,0,0,0.7);
}

.loader p {
	font-family: rubik, sans-serif!important;
	font-weight: 600!important;
}

.loader:before,
.loader_mobiel:before {
    background-image: url('/wp-content/uploads/2021/07/loader-circle.gif');
    background-size: 40px 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    content: "";
    position: absolute;
    bottom: -30px;
}

#kleurinformatie p, #kleurinformatie h3,
#kleurinfo_mobiel p, #kleurinfo_mobiel h3 {
	margin: 10px 20px!important;
	color:#202020;
}

#kleurinformatie strong,
#kleurinfo_mobiel strong {
	color:#202020!important;
}

#kleurinformatie img {
	padding:20px!important;
	border-radius:25px!important;
}

.colorned_waaier img {
	border-radius:10px!important;
}

.kleurenwaaier_container .container  {
	width:100%!important;
	max-width:100%!important;
	padding:0px!important;
}

.kleurlink_info {
	position: absolute;
	right: 15px;
    bottom: 10px;
	color:#202020!important;
}


.page-id-13 .afbeelding_kleur,
.page-id-60 .afbeelding_kleur {
	border-radius:10px!important;
	padding: 15px 15px 0px 15px!important;
	min-height: 280px!important;
}

#advanced_menu_toggle,
#advanced_menu_hide {
    display: none!important;
}

/* Superfly menu  */

.sfm-style-full #sfm-sidebar .sfm-logo {
    padding: 20px!important;
}

.sfm-scroll-wrapper {
	background-image: linear-gradient(
150deg
,#EBB436,#F15C22)!important;
}

.sfm-logo {
	background-color: white!important;
    padding: 10px 15px!important;
}

#sfm-sidebar .sfm-menu li {
    text-align: right!important;
    padding: 0px 30px!important;
}

#sfm-sidebar .sfm-menu li a {
    padding: 9px 0!important;
    font-size: 15px!important;
}

.hoofditem {
	padding-top:20px!important;
}

.sfm-nav form {
    display: block!important;
	width: 300px!important;
}

.sfm-menu li a {
	font-family: rubik, sans-serif!important;
    font-weight: 100!important;
}


.sfm-menu-item-190 a span, 
.sfm-menu-item-187 a span,
.sfm-menu-item-186 a span,
.sfm-menu-item-191 a span,
.sfm-menu-item-180 a span,
.sfm-menu-item-182 a span,
.sfm-menu-item-181 a span {
	font-family: rubik, sans-serif!important;
    font-weight: 600!important;
	padding-top:20px!important;
}

#sfm-sidebar.sfm-hl-line .sfm-menu li>a:before {
    height: 0px!important;
}

.sfm-search-form {
	right: 30px!important;
    position: absolute!important;
    background-color: white!important;
	border:2px solid #FEEFE8!important;
	border-radius:10px!important;
}

#sfm-sidebar .sfm-search-form input[type=text] {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
	color:#808080!important;
	font-family: rubik, sans-serif!important;
    font-weight: 100!important;	
	font-size:15px!important;
}

.sfm-menu-level-0 {
	padding-top: 40px!important;
}

.sfm-va-middle input[type="text"] {
	margin-bottom:0px!important;
}

#sfm-sidebar .sfm-search-form span:after {
    content: '\e909'!important;
	font-family:'icomoon'!important;
}

#sfm-sidebar .sfm-search-form span {
    top: 7px!important;
    color: #F15C22!important;
}

.sfm-style-full #sfm-sidebar .sfm-sidebar-close:before, 
.sfm-style-full #sfm-sidebar .sfm-sidebar-close:after {
    background-color: #F06323!important;
}

.sfm-navicon, 
.sfm-navicon:after, 
.sfm-navicon:before, 
.sfm-sidebar-close:before, 
.sfm-sidebar-close:after {
	height: 3px !important;
}

.av-burger-menu-main {
	display:none!important;
}

@media only screen and (max-width: 800px) {
.sfm-style-full .sfm-sidebar-close {
    right: 10px!important;
}
}

@media only screen and (min-width: 801px) {
.sfm-style-full .sfm-sidebar-close {
    right: 40px!important;
}
}

.sfm-menu li a {
	background-color:transparent!important;
}

.sfm-navicon-button:after {
	text-transform:initial!important;
    left: -156%!important;
    top: 26%!important;
	font-family: rubik, sans-serif!important;
    font-weight: 600!important;	
	font-size: 15px!important;
	color:#202020!important;
}

.hoofdslider {
	z-index:0!important;
}

.sfm-menu li a {
	text-transform:initial!important;
}

.sfm-nav span {
	text-align:right!important;
}

::marker {
	color:#ff7e2e!important;
}

.kleuren_container {
	position:relative;
	min-height:500px;
}

@media only screen and (min-width: 989px) {
.kleurpagina_links {
	width:50%; 
	position:absolute;
	left:0;
	}
	
	.kleuren_container {
	margin:50px 100px 0px 100px;
	}
	
}

/* Ligna  */

#ligna_galerij a img, 
.fotogalerij a img {
	border-width: 0px!important;
	border-radius: 10px!important;
	padding:4px!important;
}

#ligna_galerij a:hover, 
.fotogalerij a:hover {
	opacity:1!important;
}

/* GDPR */

#cookie-law-info-again {
	left: inherit;
	right: 100px;
	max-width: 145px;
	box-shadow: #161616 0px 0px 0px 0px !important;
	background-color: #F06323 !important;
	color: white !important;
	font-family: rubik, sans-serif!important;
	font-weight: 300 !important;
	font-style: normal !important;
}

#cookie-law-info-bar span {
	font-family: rubik, sans-serif!important;
	font-weight: 300 !important;
	font-style: normal !important;
}
span.cli-necessary-caption {
	font-family: rubik, sans-serif!important;
	font-weight: 300 !important;
	font-style: normal !important;
}
.cli-tab-container p, .cli-privacy-content-text {
	font-family: rubik, sans-serif!important;
	font-weight: 300 !important;
	font-style: normal !important;
}
.cli-switch input[type="checkbox"] {
	display: none !important;
}
.cli-tab-footer .cli-btn {
	background-color: #F06323 !important;
	font-weight: 500 !important;
	border-radius: 30px;
}
#cookie_action_close_header {
	font-size: 16px;
	border-radius: 30px;
}

/* GDPR */

.custom_footer {
    border-top:1px solid lightgray!important;
	border-color: lightgray!important;
}

#menu-item-15 a {
    padding: 0px 20px 0px 0px!important;
}

@media only screen and (max-width: 1200px) {
#text-2 {
	position: absolute;
	right: 7%!important;
    top: -133px;
}
}

@media only screen and (min-width: 1201px) {
#text-2 {
	position: absolute;
	right: 220px;
    top: -133px;
}
}

#text-2 a, #text-2 p {
	line-height:15xp!important;
}

#text-2 a {
    border: 2px solid #F15C22;
    padding: 7px;
	border-radius: 10px;
	color:#202020!important;
}

#text-2 a:after {
	content:'\e907';
	font-family:'icomoon';
	position: relative;
    margin-left: 6px;
    font-size: 11px;
}
#text-2 a:hover {
    text-decoration:none!important;
}

#search_colorned {
    position: absolute;
    top: 68px;
    right: 250px;
}

#search_colorned {
	background:transparent!important;
	background-image:transparent!important;
	border: 2px #FCE0D3 solid!important;
    border-radius: 10px!important;
}

::placeholder {
	color:#9A9A9A!important;
	font-size:16px!important;
}

/*
#search_colorned .probox .promagnifier {
	background:transparent!important;
	background-image:transparent!important;
}

#ajaxsearchpro1_1 .probox .promagnifier .innericon svg {
	 fill: #F06323!important;
}
*/


/*
#ajaxsearchprores1_1.vertical {
	background-color
}
*/

.asp_r_pagepost {
	border-radius: 10px!important;
    padding: 5px!important;
}

div.asp_r.asp_r_1 .results .item .asp_content h3 a {
	color:#F06323!important;
}

div.asp_r.asp_r_1.vertical {
	background: transparent!important;
}

#top .template-search.content .entry-content-wrapper {
    padding-left: 0px!important;
}

.search-result-counter, .date-container {
	display:none!important;
}

.kleurpagina_rechts {
    position: relative;
	min-width: 300px!important;
    max-width: 350px!important;
    height: 350px!important;
    overflow: hidden;
}

.kleurencontainer_afb img {
	position: absolute;
    max-width: 100%;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50%);
}

.kleurencontainer_afb {
	min-height: 355px;
	min-width: 300px;
}

@media only screen and (max-width: 767px) {
.kleurpagina_rechts {
	width:50%; 
	position:absolute;
	left:0;
	border-radius:10px!important;
}
}

@media only screen and (min-width: 768px) {
.kleurpagina_rechts {
	width:50%; 
	position:absolute;
	right:0;
	border-radius:10px!important;
}
}

@media only screen and (min-width: 989px) {
.sfm-rollback {
	display:none!important;
	}
}

@media only screen and (max-width: 989px) {
	.kleurpagina_rechts {
	min-height: 300px;
    position: relative;
	}
}
.slide:hover{
	pointer-events: pointer!important;
}

/* Mobiel gallerij */

.mobiel_afbeelding_div {
    position: relative!important;
    width: 150px!important;
    height: 120px!important;
    overflow: hidden;
	border-radius: 15px!important;
}


.mobiel_afbeelding img {
	position: absolute;
    max-width: 100%;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50%);
}

.kleurnummer_mobiel {
	position: absolute!important;
    z-index: 9999!important;
	color: black!important;
	margin: 0px!important;
}

.mobiel_afbeelding_div {
	display: inline-block!important;
    width: 30%!important;
    position: relative;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 5px;
}

.close {
	position: absolute!important;
    top: 2px!important;
    right: 9px!important;
	font-weight: bold!important;
}

/* Kleurinformatie mobiel */
.kleurnummer_mobiel {
	position: absolute!important;
    right: 7px;
	bottom: 2px;
}

#kleurinfo_mobiel {
	background-color:white;
}

/* Header fixed bij scrollen */

@media only screen and (max-width: 989px) {
.responsive #header { 
	position: fixed!important; 
	top: 0!important; 
	width: 100%!important; 
	height: 82px!important;
}
}

#kleurinfo_mobiel .close {
	font-size:20px!important;	
}

.afbeelding_popup:after {
    content:'\e909'!important;
	font-family:'icomoon';
	position: absolute;
    top: 10px;
    right: 35px;
	color:white!important;
}

.kleurencontainer_afb:after {
	content:'\e909'!important;
	font-family:'icomoon';
	position: absolute;
    top: 10px;
    right: 15px;
	color:white!important;
}

.kleurnummer_klein {
    position: absolute!important;
    bottom: -10px!important;
	right: 10px!important;
	color:white!important;
}

.kleur_kaart{
	width:70%!important;
	display:inline!important;
	padding: 20px;	
	box-shadow:0px 0px 20px 3px rgb(209 209 209 / 30%)!important;		
	border-radius:10px!important;
}

.collectie_mobiel {
	width:30%!important;
	display:inline!important;
	padding: 20px;
}

.kleurkaart_afbeelding .avia-image-container-inner,
.kleurkaart_afbeelding .avia-image-container-inner img {
	width:100%!important;
}

.kleurnummer_mobiel {
    position: absolute;
    bottom: 5px;
	right: 5px;
	color:white!important;
}

.kleurnaam_mobiel {
    position: absolute;
    bottom: 140px;
	left: 30px;
}

.kleurnaam_mobiel p,
.kleurnummer_mobiel p {
	color:white!important;
}

@media only screen and (min-width: 767px) {
	.av-subheading_below {
	display:none!important
}	
}

.av-subheading_below p {
	font-size: 15px;
    position: absolute;
    right: 0px;
	top: -5px;
	color:#F06323!important;
}

.av-subheading_below p:after {
	content:'\e907';
	font-family:icomoon;
	font-size: 12px;
    margin-left: 5px;
}

.collectie_mobiel img {
	border-radius:10xp!important;
}

.lees_verder a {
	color: #dd5c0c!important;
    background-color: white!important;
    border-bottom: 0px!important;
    font-size: 16px!important;
	padding:0px!important;
	font-family: rubik, sans-serif!important;	
}

.lees_verder {
	position: absolute;
    top: -5px;
	right: 0px;
}
@media only screen and (min-width: 767px) {
	.lees_verder {
	display:none;
}
}

@media only screen and (max-width: 767px) {
	.html_stretched #wrap_all {
    padding-top: 70px!important;
}
	
	.sub_menu_socket {
	display:none!important;
}

	.copyright {
	text-align: center;
    width: 100%;	
	}	
}

.bericht_afbeelding {
	min-height: 250px!important;
    background-size: cover!important;
	border-radius:20px!important;
}

.achtergrond {
	min-height: 250px!important;
    border-radius: 20px!important;
	background: rgb(2,0,36);
	background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(0,0,0,0.7161239495798319) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8365721288515406) 96%, rgba(0,22,27,1) 100%);
}

.kleurnummer_popup,
.kleurnaam_popup,
.kleurnummer_klein,
.kleurnummer_popup_mobiel,
.kleurnaam_popup_mobiel,
.kleurnummer_mobiel {
	color:white!important;
	text-shadow:1px 1px 5px rgba(0,0,0,0.7);
}

.mobiel_voorbeeld {
	margin:0px!important;
	font-size:13px!important;
}

.container_wrap {
    border-width:0px;
}

/*
.geenzoom .kleurencontainer_afb {
background-size:cover!important;
}
*/

/* Zoekbalk */

.no_results {
	margin-left:15px!important;
}

#searchresults {
	border-radius:0px 0px 10px 10px!important;
	border-top:none!important;
}

#cookie-law-info-again {
	display:none!important;
} 

p a {
	color:#ff7e2e!important;
	text-decoration:underline!important;
}

#header a,
.custom_footer a {
	text-decoration:none!important;
}

.slide:hover {
	cursor:pointer!important;
}

.oranje a {
	border-radius:10px!important;
	padding:10px!important;
	font-size:15px!important;
}

.cookie_action_close_header,
.cli_settings_button {
	margin:5px!important;
}