/* 
 Theme Name:     Pixeland
 Author:         Camiel Bos & Armando Jong A Tai
 Author URI:     https://www.pixeland.nl/
 Template:       Divi
 Version:        Versie 5.0
 Description:    Standaard Build voor Wordpress door Camiel Bos & Armando Jong A Tai
 */ 


 /* c01d70 */

 /* ------Import extra css bestanden----------- */ 

 @import url("/wp-content/themes/pixeland/form.css");
 @import url("/wp-content/themes/pixeland/custom-admin-css.css");
 @import url("/wp-content/themes/pixeland/standaard.css");

/* ------- SNOW december
body {
   position: relative;
}

body:before {
   content: '';
   display: block;
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   pointer-events: none;
   background-image:
	   url('/wp-content/uploads/Pixeland-sneeuw-b.png'),
	   url('/wp-content/uploads/Pixeland-sneeuw-c.png'),
	   url('/wp-content/uploads/Pixeland-sneeuw-a-1.png');
    animation: o-snow 10s linear infinite;
}

@keyframes o-snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

@-moz-keyframes o-snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

@-webkit-keyframes o-snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

ENDING SNOW   -------*/

/*
Light
font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: normal;

Book
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;


Medium
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;

* Heavy
* font-family: futura-pt, sans-serif;
* font-weight: 700;
* font-style: normal;
*/

.mobile-ul ul{
	padding-bottom: 0px;
	
}

/* ==========================
   BASIC HAIRCUTS MAP
========================== */

.basic-map{

    position:relative;
    overflow:hidden;
    border-radius:20px;
    background:#111;
    min-height:500px;

}

.basic-map__image{

    width:100%;
    height:500px;
    display:block;
    object-fit:cover;

}

/* Donkere overlay */

.basic-map::after{

    content:"";
    position:absolute;
    inset:0;
    background:rgba(17,17,17,.45);
    pointer-events:none;
    transition:.3s;

}

/* Zodra Google Maps geladen is */

.basic-map.is-loaded::after{

    opacity:0;
    visibility:hidden;

}

.basic-map__overlay{

    position:absolute;
    inset:0;
    z-index:2;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:40px;

}

.basic-map__content{

    max-width:420px;
    text-align:center;
    color:#fff;

}

.basic-map__address{

    font-size:22px;
    line-height:1.6;
    margin-bottom:28px;

}

.basic-map__actions{

    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;

}

.basic-map__load{

    background:#D9F92A;
    color:#111;

    border:none;

    padding:15px 24px;

    font-weight:700;

    border-radius:4px;

    cursor:pointer;

    transition:.25s;

}

.basic-map__load:hover{

    transform:translateY(-2px);

}

.basic-map__route{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:15px 24px;

    border:1px solid rgba(255,255,255,.7);

    border-radius:4px;

    color:#fff;

    text-decoration:none;

    transition:.25s;

}

.basic-map__route:hover{

    background:#fff;
    color:#111;

}

.basic-map__notice{

    margin-top:18px;

    font-size:13px;
    line-height:1.5;

    color:rgba(255,255,255,.72);

}

/* Google Maps iframe */

.basic-map iframe{

    display:block;
    width:100%;
    height:500px;
    border:0;

}

/* Als geladen */

.basic-map.is-loaded{

    min-height:0;

}

.basic-map.is-loaded .basic-map__overlay{

    display:none;

}

/* Mobiel */

@media(max-width:767px){

    .basic-map{

        min-height:420px;

    }

    .basic-map__image,
    .basic-map iframe{

        height:420px;

    }

    .basic-map__actions{

        flex-direction:column;

    }

    .basic-map__load,
    .basic-map__route{

        width:100%;

    }

}

/* Zodra Google Maps is geladen */
.basic-map.is-loaded .basic-map__image{
    display:none;
}

.basic-map.is-loaded::after{
    opacity:0;
    visibility:hidden;
}

.basic-map.is-loaded .basic-map__overlay{
    display:none;
}

.basic-map.is-loaded iframe{
    display:block;
    width:100%;
    height:500px;
    border:0;
}

@media(max-width:767px){
    .basic-map.is-loaded iframe{
        height:420px;
    }
}

/* ==========================================
   BACK TO TOP • BASIC HAIRCUTS
========================================== */

.et_pb_scroll_top.et-pb-icon{
    position:fixed;
    right:30px;
    bottom:30px;
    z-index:99999;

    width:64px;
    height:64px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#111111;
    color:#D9F92A !important;

    border:2px solid #D9F92A;

    border-radius:8px;

    font-size:22px;
    font-weight:700;

    box-shadow:
        0 14px 35px rgba(0,0,0,.45);

    transition:.25s ease;

    opacity:0;
}

.et_pb_scroll_top.et-visible{
    opacity:1;
}

.et_pb_scroll_top.et-pb-icon:hover{

    background:#D9F92A;

    color:#111111 !important;

    transform:
        translateY(-5px)
        rotate(-3deg)
        scale(1.05);

    box-shadow:
        0 18px 40px rgba(0,0,0,.55);

}

.et_pb_scroll_top:before{

    font-size:22px;

    font-weight:900;

}


/* Menu opmaak */
#text-color-hambuger {
    color:#d9f92aff!important;
  }
/* #### Colors #### */
.hamburger-icon-v1::after {
  background: #d9f92aff; /* Hamburger background color */
}
  
.hamburger-icon-v1:hover::before {
	color: #111111 !important; /* Hamburger icon hover color */
}
  
.custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after, .et-db #et-boc .et-l .custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
    background-color: #00eab7; /* background icon color */
    color: #000; /* Icon color */
}
  
/* ### Slide-in scrollbar ### */
#style-scrollbar::-webkit-scrollbar-track,
#style-scrollbar::-webkit-scrollbar {
  background-color: #F5F5F5; /* Scroll bar color */
}

#style-scrollbar::-webkit-scrollbar-thumb {
  background-color: #d9f92aff; /* Scroll bar handle color */
}  
  
/* Icons */  
.custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after, .et-db #et-boc .et-l .custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
		content: '\4c';
}
   
.hamburger-icon-v1::before {
	content: '\61';
}
  
.mh-cm-v2 .et_mobile_menu .menu-item-has-children > a:after {
  content: '\4c';
}

.mh-cm-v2 .et_mobile_menu .menu-item-has-children > .mh-cm-v2-menu-switched-icon:after {
	content: '\4d';
}
  
@media screen and (min-width: 981px) {
.mh-cm-v2 .et-menu > .menu-item-has-children > .sub-menu:before {
  content: '\42';
}
  
.mh-cm-v2 .et-menu .sub-menu .menu-item-has-children>a:first-child:after {
  content: "\35";
}} 
 
.custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon.mh-cm-v2-menu-switched-icon::after, .et-db #et-boc .et-l .custom-menu-v1 ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon.mh-cm-v2-menu-switched-icon::after  
 {
 		content: '\4d' !important;   
}  
  
/* ###### Overlay menu ###### */
.custom-menu-v1 ul {
  flex-direction: column;
}

.custom-menu-v1-row {
	overflow: auto;
  transform: translateX(100%);
  transition: all .3s ease;
	opacity:0;
}

.custom-menu-v1-row.active-menu-v1 {
  overflow: auto;
  transform: translateX(0%);
  transition: all .3s ease;
	opacity:1;
}

@media only screen and (min-width: 981px) and (max-width: 1350px) {
.menu-v1-desktop-column {
	padding-left: 5% !important;
}}
  
.et-l--header .custom-menu-v1 ul.sub-menu  {
  padding-bottom: 0px !important;
} 
  
.overlay-menu-cta {
		display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;    
 }  
  
/* ### Menu breakpoint for the theme builder ### */
  /* Desktopmenu binnen de overlay absoluut verbergen */
body .et-l--header
.custom-menu-v1.et_pb_menu
.et_pb_menu__menu {
    display: none !important;
}

/* Mobiele menustructuur tonen */
body .et-l--header
.custom-menu-v1.et_pb_menu
.et_mobile_nav_menu {
    display: block !important;
    width: 100% !important;
}

/* Mobiele menu open in de overlay tonen */
body .et-l--header
.custom-menu-v1.et_pb_menu
.et_mobile_menu {
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Divi's eigen hamburger verbergen */
body .et-l--header
.custom-menu-v1.et_pb_menu
.mobile_menu_bar {
    display: none !important;
}
/*
.custom-menu-v1 .et_pb_menu .et_pb_menu__menu {
  display: none !important;
} */
	
.custom-menu-v1 .et_mobile_nav_menu {
  display: block !important;
}

.custom-menu-v1 .et_mobile_menu {
	display: block;
}

.custom-menu-v1 .mobile_nav .mobile_menu_bar:before {
	display: none;
}

.custom-menu-v1 ul.et_mobile_menu {
	list-style-type: none !important;
	border-top: 3px solid rgb(255 255 255 / 0%);
}

.custom-menu-v1 ul.et_mobile_menu ul {
	list-style-type: none !important;
}

.custom-menu-v1.et_pb_menu ul li a {
	font-weight: 600 !important;
}

.custom-menu-v1 ul.et_mobile_menu ul li a {
	font-size: 32px;
	font-weight: 600;
}

@media screen and (max-width: 479px) {
.custom-menu-v1 ul.et_mobile_menu ul li a {
  font-size: 20px;
  font-weight: 300!important;
  line-height: 1.4em;
  padding-left: 5px;
  padding-right: 0px;
  width: 300px;
    }
}}
    
.custom-menu-v1-row {
	z-index: 10200 !important;
}  
  
  
/* ### Desktop Hamburger ### */  
  
.hamburger-icon-v1::before {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	font-size: 50px;
} 

.hamburger-icon-v1:hover::before {
	color: #fff;
}

.hamburger-icon-v1::after {
	content: '';
	display: block;
  position: absolute;
  top: 0;
  right: 2px;
  border-radius: 50%;
  transform: scale(0);
  z-index: -1;
  transition: transform .3s cubic-bezier(.2,.9,.2,.9);
	width: 60px;
  height: 60px;
  content: "";
}


.hamburger-icon-v1:hover::after {
	transform: scale(1);
}

.custom-menu-v1-row-2 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}  
  
.mh-cm-v2 .et_mobile_menu .menu-item-has-children > a:after {
  display: block !important;
	font-family: 'ETmodules';
	font-size: 32px;
	font-weight: normal;
	position: absolute;
	right: 10px;
	top: 13px;
}
  
.mh-cm-v2 .et_mobile_menu .menu-item-has-children > a {
	position: relative;
}

.mh-cm-v2 .et_mobile_menu .menu-item-has-children .sub-menu li {
	display: none;
}

.mh-cm-v2 .et_mobile_menu .menu-item-has-children .sub-menu .mh-cm-v2-show-menu-items {
	display: block;
}
  
.mh-cm-v2 .nav li li {
  padding: 0;
}
  
.mh-cm-v2 .et_pb_menu .et_mobile_menu,
.mh-cm-v2 .et_mobile_menu {
  padding: 0;
  border-width: 2px;
	border-radius: 5px;
}
  
.mh-cm-v2 .et_pb_menu .et_mobile_menu a,
.mh-cm-v2 .et_mobile_menu a {
  padding: 12px 20px;
}
  
.mh-cm-v2.et_pb_menu .et-menu-nav li.mega-menu ul.sub-menu {
  border-width: 2px;
  border-radius: 5px;
  padding: 10px 20px;
  width: 100%;
}
  
.mh-cm-v2 .nav li.mega-menu li {
  border-bottom: none;
}
  
.mh-cm-v2 .et-menu-nav li.mega-menu li>a {
  width: 140px !important;
}
  
.mh-cm-v2.et_pb_menu .et-menu-nav li.mega-menu ul.sub-menu a {
  padding: 12px 0 !important;
}
  
@media screen and (min-width: 981px) {
.mh-cm-v2 .et-menu > .menu-item-has-children > .sub-menu:before {
  font-family: ETmodules;
  position: absolute;
  right: 20px;
  top: -17px;
  font-size: 30px;
}
  
.mh-cm-v2 .et-menu > .menu-item-has-children.mega-menu > .sub-menu:before {
  content: '';
}
  
.mh-cm-v2.et_pb_menu .et-menu-nav li ul.sub-menu li ul.sub-menu {
  left: 200px !important;
  top: 0;
}
  
.mh-cm-v2.et_pb_menu .et-menu-nav li.mega-menu ul.sub-menu li ul.sub-menu {
  left: 0 !important;
  padding: 0;
}}
  

.fomv1-row {
  display: flex !important; 
  align-items: center;
} 
 
@media screen and (min-width: 480px) and (max-width: 980px) {
.fomv1-column-1 {
    flex: 1;
  	margin-bottom: 0px !important;
} 
  
.fomv1-column-2 {
    flex:2;
}}
  
@media screen and (max-width: 479px) {  
.fomv1-column-1 {
    flex: 1;
  	margin-bottom: 0px !important;
} 
  
.fomv1-column-2 {
    flex:1;
}} 
  
/* ###  Style scroll bar ### */

#style-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 0px;
}

#style-scrollbar::-webkit-scrollbar {
  width: 10px;
}

#style-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

/*End menu opmaak*/


.footer-bottom a{
    color:#D9F92A;
    font-weight:600;
    text-decoration:underline;
    text-underline-offset:3px;
}