/* MOBILE MENU TRIGGER */ 
#menu-button{
	width:100px;
	height:100px;
	position: fixed;
	top:0px;
	display: block;
	left:20px;
	z-index:999999;
	transition: left 500ms, right 500ms;
	-webkit-transition: left 500ms, right 500ms, top 300ms;
	-moz-transition: left 500ms, right 500ms, top 300ms;
	-ms-transition: left 500ms, right 500ms, top 300ms;
	-o-transition: left 500ms, right 500ms, top 300ms;
	}
	#menu-button.fixed{
		top:0px;
		}

	body.nav-active #menu-button{ 
		/*left: calc(100% - (100px + 80px + 20px)); */
		/* 100% - 80px right + 20px extra */
		}

.menu-button a.trigger{
	display:inline-block;
	height:100%;
	width:100%;
	}

.menu-button .trigger:before,
.menu-button .trigger:after,
.menu-button .trigger span{

	content:"";
	width: 32px;
	height:3px;
	background-color:#224933;
	position:absolute;
	top:58%;
	left:50%;
	margin:0 0 0 -16px;

	/* transition */
	transition: all 500ms;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms; 
	transform-origin:center;
	-webkit-transform-origin:center;
	-moz-transform-origin:center;
	-ms-transform-origin:center;
	-o-transform-origin:center;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);

	/* border radius */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;

	/* shadow */
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);


	}
.menu-button.fixed .trigger:before,
.menu-button.fixed .trigger:after,
.menu-button.fixed .trigger span{
	background-color:#FFF;
	}

.menu-button .trigger::after{ margin:-11px 0 0 -16px; }
.menu-button .trigger::before{ margin:11px 0 0 -16px; }

.menu-button .trigger.active::after{
	margin:0 0 0 -16px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	background-color:#ceab52;
	width:35px;
	height:4px;
	}

.menu-button .trigger.active::before{
	margin:0 0 0 -16px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	background-color: #ceab52;
	width:35px;
	height:4px;
	}

.menu-button .trigger.active > span{ opacity:0; }
.menu-button .trigger > span{ opacity:1; }	
	

/* Menu's */

#rdg_design__main_menu{ 
	/*border:1px solid red;*/
	background-color:transparent;
	position: fixed;
	z-index: 9999;
	left:0;
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	-webkit-transition: padding 300ms, background-color 300ms, left 500ms, width 500ms;
	-moz-transition: padding 300ms, background-color 300ms, left 500ms, width 500ms;
	-ms-transition: padding 300ms, background-color 300ms, left 500ms, width 500ms;
	-o-transition: padding 300ms, background-color 300ms, left 500ms, width 500ms;
	transition: padding 300ms, background-color 300ms, left 500ms, width 500ms;
	top:0px;

	}

#rdg_design__main_menu.fixed{ 
	padding-top:0px;
	padding-bottom:0px;
	background-color:#224933;
	}

#rdg_design__main_menu > .child{ 
	/*border:1px solid red;*/
	width:calc(100% - 60px);
	max-width:1200px;
	margin: 0 auto;
	height:130px;
	}
#rdg_design__main_menu.fixed > .child{ 
	height:100px;
	}

#rdg_design__main_menu.fixed{ 
	height:100px;
	}
#rdg_design__main_menu.fixed > .child > .logo{ 
	height:90px;
	}
#rdg_design__main_menu.fixed > .child > .logo > a{ 
	background-position: center 12px;
	height:90px;
	background-size: auto 110px;
	}

#rdg_design__main_menu > .child > .mobile{ 
	width:calc((100% - 150px) / 2);
	height:100%;
	float:left;
	/*border:dotted 1px white;*/
	}

#rdg_design__main_menu > .child > .logo{ 
	width:160px;
	height:100%;
	float:left;
	overflow:hidden;
	-webkit-transition: height 300ms;
	-moz-transition: height 300ms;
	-ms-transition: height 300ms;
	-o-transition: height 300ms;
	transition: height 300ms;
	/*border:dotted 1px white;*/
	}
#rdg_design__main_menu > .child > .logo > a{ 
	width:100%;
	height:100%;
	display: block;
	background-image: url(https://paardenbedrijfstraining.nl/wp-content/uploads/2024/09/logo-pbt-negatief.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	
	-webkit-transition: height 300ms, background-position 300ms;
	-moz-transition: height 300ms, background-position 300ms;
	-ms-transition: height 300ms, background-position 300ms;
	-o-transition: height 300ms, background-position 300ms;
	transition: height 300ms, background-position 300ms;

	}

#rdg_design__main_menu > .child > .logo > a img{ 
	display:none;
	}

#rdg_design__main_menu > .child > .menu,
#rdg_design__main_menu > .child > .quick{ 
	display:none;
	}


#rdg_design__main_menu > .child > .menu{ 
	position: fixed;
	top:0px;
	left:-100%;
	bottom:0; 
	right:0;

	display: block;
	width: 100%; 
	margin: 0px;
	height: 100%;
	float:none;
	/*border:dotted 1px yellow;*/
	font-family: effra, sans-serif !important;
	background-color:#224933;
	padding: 130px 40px 40px 40px;
	-webkit-transition:left 500ms, width 500ms;
	-moz-transition:left 500ms, width 500ms;
	-ms-transition:left 500ms, width 500ms;
	-o-transition:left 500ms, width 500ms;
	transition:left 500ms, width 500ms;
	max-height: 100vh;
	overflow: auto;
	background-image: url(https://paardenbedrijfstraining.nl/wp-content/uploads/2023/01/menu-bg.jpg);
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
	}

	.nav-active #rdg_design__main_menu > .child > .menu{ 
		left:0px;
		}


	#page-container{ left:0px !important; transition: left 500ms !important; position: relative;}
	.nav-active #page-container,
	.nav-active #rdg_design__main_menu{
		left:100% !important;
		}

#rdg_design__main_menu > .child > .menu > ul{ 
	margin: 0 auto;
	max-width: 500px;
	}

/* GENERIEK */

#rdg_design__main_menu > .child > .menu ul{ 
	}

#rdg_design__main_menu > .child > .menu ul li{ 
	position: relative;
	}
#rdg_design__main_menu > .child > .menu ul li a{ 
	display: block;
	padding:5px 10px;
	color:#FFF;
	}

#rdg_design__main_menu > .child > .menu ul li ul{ 
	padding-left:10px;
	margin-bottom:10px;
	}

#rdg_design__main_menu > .child > .menu ul li ul li ul{ 
	}

#rdg_design__main_menu > .child > .menu ul li ul li a{ 
	color:#FFF;
	}

	/* SPECIFIEK */

		/* - Level 0 */
		#rdg_design__main_menu > .child > .menu > ul > li { 
			border-bottom:2px solid rgba(0,0,0, 0.1);
			}

		#rdg_design__main_menu > .child > .menu > ul > li:last-child { 
			border-bottom:none;
			}

		#rdg_design__main_menu > .child > .menu > ul > li > a{ 
			font-family: effra, sans-serif !important;
			font-weight: 900;
			font-size:20px;
			text-transform: uppercase;
			padding: 8px 10px;
			color:#FFF;

			}

		/* - Level 1 */
		#rdg_design__main_menu > .child > .menu > ul > li > ul > li{ 
			border-bottom:2px dotted rgba(0,0,0, 0.1);
			}

		#rdg_design__main_menu > .child > .menu > ul > li > ul > li:last-child { 
			border-bottom:none;
			}

		#rdg_design__main_menu > .child > .menu > ul > li > ul > li > a{ 
			font-family: effra, sans-serif !important;
			font-weight: 400;
			font-size:18px;
			color:#ceab52;
			}

		/* - Level 2 */
		#rdg_design__main_menu > .child > .menu > ul > li > ul > li > ul > li > a{ 
			font-family: effra, sans-serif !important;
			font-weight: 200;
			font-size:16px;
			font-style: italic;
			padding: 5px 10px;
			line-height: 1.4em;
			}


	@media only screen and (min-width: 490px) {
		
	}
	
	@media only screen and (min-width: 600px) {
		#rdg_design__main_menu > .child > .menu{ 
			left:calc(-100% - 100px);
			width: 90%; 
			width: calc(100% - 100px); 
			}
		
		#page-container{ }
		.nav-active #rdg_design__main_menu,
		.nav-active #page-container{ 
			left:calc(100% - 100px) !important;
			}
		
	}
	@media only screen and (min-width: 768px) {
		#rdg_design__main_menu > .child > .menu{ 
			left:calc(-700px);
			width: 700px; 
			}
		
		.nav-active #rdg_design__main_menu,
		.nav-active #page-container{ 
			left:700px !important;
			}

	}
	@media only screen and (min-width: 950px){
		
	}
	
	@media only screen and (min-width: 1200px){
		
		#menu-button{
			top:40px;
			display: none;
			}
		
		.nav-active #page-container{ left:0px !important;}
		#rdg_design__main_menu{ 
			padding-top:10px;
			padding-bottom:10px;
			left: 0px !important;
			}
		
		.nav-active #rdg_design__main_menu{ 
			left: 0px !important;
			}
		#rdg_design__main_menu > .child{ 
			width:95%;
			height:130px;
			}
		#rdg_design__main_menu.fixed > .child{ 
			height:100px;
			}
		
		#rdg_design__main_menu > .child > .mobile{ 
			display:none;
			}
		
		#rdg_design__main_menu > .child > .logo{ 
			width:200px;
			}
		
		#rdg_design__main_menu > .child > .menu{ 
			display: block;
			position: relative;
			background-color:transparent;
			width:calc(100% - (200px + 30px) - ( 150px) ); /* - (width logo + marge) - (width c2a )*/
			margin-left:30px;
			height:100%;
			float:left;
			/*border:dotted 1px yellow;*/
			font-family: effra, sans-serif !important;
			font-weight: 200;
			max-width: none;
			left:0 !important;
			padding:0;
			border:none;
			overflow: visible;
			background-image: none;
			-webkit-transition: none;
			-moz-transition: none;
			-ms-transition: none;
			-o-transition: none;
			transition: none;
			}

		#rdg_design__main_menu > .child > .quick{ 
			display:block;
			width: 150px; /* - (width logo + marge) - (width c2a )*/
			height:100%;
			float:right;
			/*border:dotted 1px yellow;*/
			font-family: effra, sans-serif !important;
			}

		
		/* ------ MENU ------ */
		
			/* GENERIEK */

			#rdg_design__main_menu > .child > .menu ul{ 
				margin:0;
				padding:0;
				z-index: 99999;
				width:100%;
				max-width:none;
				}

			#rdg_design__main_menu > .child > .menu ul li{ 
				position: relative;
				}

			#rdg_design__main_menu > .child > .menu ul li ul{ 
				position: absolute;
				top:100%;
				left:0px; 
				width:270px;
				padding: 20px 20px;
				box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.1);
				}

			#rdg_design__main_menu > .child > .menu ul li ul li ul{ 
				position: absolute;
				top:-20px;
				left:calc(100% - 20px); 
				width:270px;
				}

			#rdg_design__main_menu > .child > .menu ul li ul li a{ 
				color:#124d5e;
				padding:8px 9px;
				border-bottom: 1px solid rgba(0,0,0,0.05);
				width:100%;
				line-height: 1em;
				display: block;
				}
			#rdg_design__main_menu > .child > .menu ul li ul li:last-child a{ 
				border-bottom: none;
				}
			#rdg_design__main_menu > .child > .menu ul li ul li:hover > a{ 
				background-color:#f3f3f3;
				}
			#rdg_design__main_menu .current_page_item > a,
			#rdg_design__main_menu .current-menu-parent > a{
				font-family: effra, sans-serif !important;
				font-weight: 900;
			}
			/* SPECIFIEK */

				/* - Level 0 */
				#rdg_design__main_menu > .child > .menu > ul{ 
					display: -webkit-box;
					display: -webkit-flex;
					display: -moz-flex;
					display: -ms-flexbox;
					display: flex;
					justify-content: center;
					height:100%;
					}

				#rdg_design__main_menu > .child > .menu > ul > li{ 
					width:auto;
					display: -webkit-box;
					display: -webkit-flex;
					display: -moz-flex;
					display: -ms-flexbox;
					display: flex;
					border-bottom: none;
					}

				#rdg_design__main_menu > .child > .menu > ul > li > a{ 
					font-family: effra ,sans-serif !important; 
					font-weight: 400;
					padding: 0 15px; 
					padding-top:50px;
					font-size: 18px;
					line-height: 1em;
					text-transform: uppercase;
					display: block;
					color:rgba(34,75,135,1);
					color:rgba(255,255,255,0.8);
					-webkit-transition: color 300ms, padding 300ms;
					-moz-transition: color 300ms, padding 300ms;
					-ms-transition: color 300ms, padding 300ms;
					-o-transition: color 300ms, padding 300ms;
					transition: color 300ms, padding 300ms;
					height:100%;
					display: -webkit-box;
					display: -webkit-flex;
					display: -moz-flex;
					display: -ms-flexbox;
					display: flex;
					 -webkit-box-align: center;
					-ms-flex-align: center;
					-webkit-align-items: center;
					-moz-align-items: center;
					align-items: center;
					letter-spacing: 1px;
					}
				#rdg_design__main_menu.fixed > .child > .menu > ul > li > a{ 
					padding-top:0px;
					}
				#rdg_design__main_menu > .child > .menu > ul > li.werkenbij > a{ 
					color:#224933;
					font-style:italic;  
					}

				#rdg_design__main_menu > .child > .menu > ul > li:hover > a{ 
					color:#ceab52;
					}
				#rdg_design__main_menu.fixed > .child > .menu > ul > li:hover > a{ 
					color:#ceab52;
					}
				#rdg_design__main_menu.fixed > .child > .menu > ul > li.werkenbij > a{ 
					color:#ceab52;
					}

				#rdg_design__main_menu > .child > .menu > ul > li.werkenbij:hover > a{ 
					color:#000;
					}
				#rdg_design__main_menu > .child > .menu li >  a:first-child:nth-last-child(2) span:after { 
					content: ""; 
					position: relative; 
					display: inline-block;
					height: 8px; 
					width: 8px; 
					border-bottom: 2px solid #ceab52; 
					border-right: 2px solid #ceab52; 
					top: 50% ;
					right:5px;  
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					-ms-box-sizing: border-box;
					-o-box-sizing: border-box;
					box-sizing: border-box;
					transform:rotate(45deg);
					transform-origin: center;
					margin-left:10px;
					margin-bottom:0.2em;
					-webkit-transition: border-color 300ms, margin 300ms;
					-moz-transition: border-color-color 300ms, margin 300ms;
					-ms-transition: border 300ms, margin 300ms;
					-o-transition: border-color 300ms, margin 300ms;
					transition: border-color 300ms, margin 300ms;
					}
				#rdg_design__main_menu.fixed > .child > .menu li >  a:first-child:nth-last-child(2) span:after { 
					border-bottom: 2px solid #ceab52; 
					border-right: 2px solid #ceab52;
					}

					#rdg_design__main_menu > .child > .menu li:hover > a:first-child:nth-last-child(2) span:after { 
						border-left: 2px solid #224933; 
						border-top: 2px solid #224933; 
						border-bottom: 0px solid #224933; 
						border-right: 0px solid #224933; 
						margin-bottom:0em;
						}
					#rdg_design__main_menu.fixed > .child > .menu li:hover > a:first-child:nth-last-child(2) span:after { 
						border-left: 2px solid #ceab52; 
						border-top: 2px solid #ceab52; 
						border-bottom: 0px solid #ceab52; 
						border-right: 0px solid #ceab52; 
						margin-bottom:0em;
						}

					#rdg_design__main_menu > .child > .menu li ul li > a:first-child:nth-last-child(2) span:after,
					#rdg_design__main_menu > .child > .menu li ul li:hover > a:first-child:nth-last-child(2) span:after { 
						border-left: 0px solid #224933; 
						border-top: 1px solid #224933; 
						border-bottom: 0px solid #224933; 
						border-right: 1px solid #224933; 
						margin-bottom:0.05em;
						}

					/* - - Level 1 */
					#rdg_design__main_menu > .child > .menu > ul > li > ul{ 
						-webkit-transform: scaleY(0);
						-moz-transform: scaleY(0);
						-ms-transform: scaleY(0);
						-o-transform: scaleY(0);
						transform: scaleY(0);
						-webkit-transition: transform 300ms;
						-moz-transition: transform 300ms;
						-ms-transition: transform 300ms;
						-o-transition: transform 300ms;
						transition: transform 300ms;
						-webkit-transform-origin: top;
						-moz-transform-origin: top;
						-ms-transform-origin: top;
						-o-transform-origin: top;
						transform-origin:  top;
						background-color: #FFF;
						border-radius: 3px;
						}
					#rdg_design__main_menu > .child > .menu > ul > li:hover > ul{ 
						-webkit-transform:scaleY(1);
						-moz-transform:scaleY(1);
						-ms-transform:scaleY(1);
						-o-transform:scaleY(1);
						transform:scaleY(1);
						}

					/* Neutralize mobile stuff */
					#rdg_design__main_menu > .child > .menu > ul > li > ul > li{ 
						border-bottom:none;
						}
					#rdg_design__main_menu > .child > .menu > ul > li > ul > li > a{ 
						font-family: inherit !important;
						font-size:inherit;
						color:#ceab52;
						}
					#rdg_design__main_menu > .child > .menu > ul > li > ul > li:hover > a{ 
						color:#224933;
						}




						/* - - Level 2+ */
						#rdg_design__main_menu > .child > .menu > ul > li > ul > li > ul{ 
							-webkit-transform:scaleX(0);
							-moz-transform:scaleX(0);
							-ms-transform:scaleX(0);
							-o-transform:scaleX(0);
							transform:scaleX(0);
							-webkit-transition: transform 300ms;
							-moz-transition: transform 300ms;
							-ms-transition: transform 300ms;
							-o-transition: transform 300ms;
							transition: transform 300ms;
							-webkit-transform-origin: top left;
							-moz-transform-origin: top left;
							-ms-transform-origin: top left;
							-o-transform-origin: top left;
							transform-origin: top left;
							background-color:#FFF;
							border-radius: 3px;
							}
					#rdg_design__main_menu > .child > .menu > ul > li > ul > li:hover > ul{ 
						-webkit-transform:scaleX(1);
						-moz-transform:scaleX(1);
						-ms-transform:scaleX(1);
						-o-transform:scaleX(1);
						transform:scaleX(1);
						}
					#rdg_design__main_menu > .child > .menu > ul > li > ul > li > ul > li > a{ 
						font-style: normal;
						}



				/* QUICK LINKS HEADER */
				#rdg_design__main_menu > .child > .quick > ul{ 
					display: -webkit-box;
					display: -webkit-flex;
					display: -moz-flex;
					display: -ms-flexbox;
					display: flex;
					height:100%;
					width: 100%;
					}

				#rdg_design__main_menu > .child > .quick > ul > li{ 
					width:100%;
					display: -webkit-box;
					display: -webkit-flex;
					display: -moz-flex;
					display: -ms-flexbox;
					display: flex;
					width: 100%;
					}

				#rdg_design__main_menu > .child > .quick > ul > li > a{ 
					font-size:17px;
					height:100%;
					display: -webkit-box;
					display: -webkit-flex;
					display: -moz-flex;
					display: -ms-flexbox;
					display: flex;
					 -webkit-box-align: center;
					-ms-flex-align: center;
					-webkit-align-items: center;
					-moz-align-items: center;
					align-items: center;
					text-align: right;
					width: 100%;
					padding-top:45px;
					-webkit-transition: padding-top 300ms, height 300ms;
					-moz-transition: padding-top 300ms, height 300ms;
					-ms-transition: padding-top 300ms, height 300ms;
					-o-transition: padding-top 300ms, height 300ms;
					transition: padding-top 300ms, height 300ms;

					}
				#rdg_design__main_menu.fixed > .child > .quick > ul > li > a{ 
					padding-top:0px;
					}
				#rdg_design__main_menu > .child > .quick > ul > li > a > span{ 
					text-transform: uppercase;
					letter-spacing: 2px;
					color:#000;
					-webkit-border-radius: 1px;
					-moz-border-radius: 1px;
					-ms-border-radius: 1px;
					-o-border-radius: 1px;
					border-radius: 1px;
					-webkit-transition: color 300ms, background-color 300ms;
					-moz-transition: color 300ms, background-color 300ms;
					-ms-transition: color 300ms, background-color 300ms;
					-o-transition: color 300ms, background-color 300ms;
					transition: color 300ms, background-color 300ms;
					display: block;
					padding:8px 20px;
					background-color:#ceab52;
					width: 100%;
					text-align: center;
					display: block;

					}
				#rdg_design__main_menu.fixed > .child > .quick > ul > li > a > span{ 
					color:#000;
					background-color:#ceab52;
					}
				#rdg_design__main_menu > .child > .quick > ul > li > a > span:hover{ 
					color:#FFF;
					background-color:#000;
					}		/* ------ MENU END ------ */
		
		
	}
	
	@media only screen and (min-width: 1350px){
		
	}
	
	@media only screen and (min-width: 1500px){

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

	}