/* DO NOT EDIT */



/* layout */


	html { margin:0; padding:0; min-height:100vh;   scroll-behavior: smooth;}
	body { margin:0; padding:0; min-height:100vh; }
	strong { font-weight:700;}

	#container { width:100%; min-height:100%; position:relative;  } /* ! padding-bottom = footer height */
			
	#header { width:100%; display:block; }
	#main {background:#fff;}
	#footer {  width:100%; min-height:100px; }	




  *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

  .clearfix:before,
  .clearfix:after {content: " "; display: table; clear: both; }
  .clearfix {  *zoom: 1; }


  .columnv   {  padding: 10px; margin: 0px; }
  .columnvx  {  padding: 0px; margin: 0px; } /* nested layout */

  .columnvert   {  padding: 10px; margin: 0px; } /* vertical layout */

  .nested    { padding: 10px; margin: 0px;   }
  .nestedr    { padding: 10px; margin: 0px;   }
  .nestedr2    { padding: 0px; margin: 0px;   }  
  .nestedw    { padding: 10px; margin: 0px; width:100%; display:inline-table; }
  
  .nestedvert   {  margin:0px; padding:0px;} /* vertical layout */
  
  .column   {  padding: 1rem; margin: 1%; }
  



/* sprites */


.toplogo {display:inline-block; float:left;}
.toplogo a{display:inline-block; }
.toplogo a:hover{}


.toplogoav {display:inline-block; float:left;}
.toplogoav a{display:inline-block; }
.toplogoav a:hover{}

.toplogox { float:none; margin:0 auto;}
.topmenu { display:none;}




/* common */

	
.cst {text-align:center;}	
.jst {text-align:justify;}
.lst {text-align:left;}	
.rst {text-align:right;}
	
	
	
.roundedge {

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
   border-radius: 4px;
	
	}	
	
.roundedge15 {
    -webkit-border-radius: 15px ;
  -moz-border-radius:  15px;
   border-radius: 15px;
	
	}
	
.roundedge20 {
    -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
   border-radius: 20px;
	
	}		
	
.roundedge4xx {
    -webkit-border-radius: 15px 0px  0px 5px  ;
  -moz-border-radius:  15px 0px  0px 5px  ;
   border-radius:   15px 0px  0px 5px  ;
	
	}	


.shadow { 

	-moz-box-shadow:     1px 2px  15px rgba(0,0,0,0.15);  
	-webkit-box-shadow:  1px 2px  15px rgba(0,0,0,0.15); 
	 box-shadow:         1px 2px  15px rgba(0,0,0,0.15);
	 }


.boxshadowvertical {		

	 /* first top , second bottom*/
	
	 box-shadow: 		inset 0px  10px 11px -10px rgba(0,0,0,0.6), 
	 					inset 0px -10px 11px -10px rgba(0,0,0,0.6);	
						
    -moz-box-shadow:	inset 0px  10px 11px -10px rgba(0,0,0,0.6), 
	 					inset 0px -10px 11px -10px rgba(0,0,0,0.6);	
						
    -webkit-box-shadow: inset 0px  10px 11px -10px rgba(0,0,0,0.6), 
	 					inset 0px -10px 11px -10px rgba(0,0,0,0.6);

 }	


.boxshadowtop {		

	
	 box-shadow: 		inset 0px  10px 11px -10px rgba(0,0,0,0.6);	
						
    -moz-box-shadow:	inset 0px  10px 11px -10px rgba(0,0,0,0.6);	
						
    -webkit-box-shadow: inset 0px  10px 11px -10px rgba(0,0,0,0.6);

 }	


.boxshadowbottom {		

	
	 box-shadow: 		inset 0px -10px 11px -10px rgba(0,0,0,0.6);	
						
    -moz-box-shadow:	inset 0px -10px 11px -10px rgba(0,0,0,0.6);	
						
    -webkit-box-shadow: inset 0px -10px 11px -10px rgba(0,0,0,0.6);

 }	


	



/* fixes */


.hidmobile {display:none;}



#vftag{ width: 160px; height:30px; border:none ; float:right; padding:25px;}
#vftag a{ width: 160px; height:30px;  background: url(/wp-content/themes/xdp_vf/images/vftag.png) 0px 0 no-repeat; float:right; background-size:160px 60px; }
#vftag a:hover{ background: url(/wp-content/themes/xdp_vf/images/vftag.png) 0px -30px no-repeat; background-size:160px 60px; }


#vftags{ width: 160px; height:30px; border:none ; margin:auto; padding:25px;}
#vftags a{ width: 160px; height:30px;  background: url(/wp-content/themes/xdp_vf/images/vftag_s.png) 0px 0 no-repeat; float:right; background-size:160px 60px; }
#vftags a:hover{ background: url(/wp-content/themes/xdp_vf/images/vftag_s.png) 0px -30px no-repeat; background-size:160px 60px; }


@media (max-width: 720px) {	
#vftag{ width: 25px; }
#vftag a{ width: 25px; background: url(/wp-content/themes/xdp_vf/images/vftag.png) -47px 0 no-repeat;  background-size:160px 60px; }
#vftag a:hover{ background: url(/wp-content/themes/xdp_vf/images/vftag.png) -47px -30px no-repeat; background-size:160px 60px; }

#vftags{ width: 25px; }
#vftags a{ width: 25px; background: url(/wp-content/themes/xdp_vf/images/vftag_s.png) -47px 0 no-repeat;  background-size:160px 60px; }
#vftags a:hover{ background: url(/wp-content/themes/xdp_vf/images/vftag_s.png) -47px -30px no-repeat; background-size:160px 60px; }

}
	

/*
@media print {
  a[href]:after {
    content: " (" attr(href) ") ";
  }
}
*/


    .printshow {display: none;}

@media print {

    .printhide {display: none;}
    .printshow {display: block;}
    
}




/* accordion */



.ac-container{
	width: 400px;
	margin: 0px ;
	text-align: left;
}

.ac-container label{

	padding: 0px;
	position: relative;
	z-index: 0;
	display: block;
	height: 20px;
	cursor: pointer;
	color: #000;
	line-height: 20px;
	font-size: 19px;
	background:#ccc;


}
.ac-container label:hover{
	background: #ddd;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #ff0;

}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '+';
	position: absolute;
	width: 20px;
	height: 20px;
	right: 5px;
	top: 5px;
	background: #468dc9;
	
}



.ac-container input{
	display: none;
}

.ac-container article{


	margin:0px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 0;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	 transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	 
}
.ac-container article p{

	margin:0px;
	padding: 0px;

	
}
.ac-container input:checked ~ article{
	

	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	 transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

}
.ac-container input:checked ~ article.ac-small{
	
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}












#primary_nav_wrap
{
	margin-top:35px
}

#primary_nav_wrap ul
{
	list-style:none;

}


.pnavpseuda {
	display:block;
	text-decoration:none;
	font-weight:700;
	line-height:32px;
	padding:5px 15px
}

#primary_nav_wrap ul a
{
	display:block;
	text-decoration:none;
	font-weight:700;
	line-height:32px;
	padding:5px 15px
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0px 0px 0px 0px ;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:rgba(255,255,255,0.98);
	padding:0;
    
    
	-moz-box-shadow: 1px 1px  15px rgba(0,0,0,0.1);  
	-webkit-box-shadow: 1px 1px  15px rgba(0,0,0,0.1); 
	 box-shadow: 1px 1px  15px rgba(0,0,0,0.1);
    
    /*     border:1px solid #ff0000; MARKER */
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px;
    font-size: 90%; 
      border-bottom:1px solid rgba(0,0,0,0.05); 
    /*    border:1px solid #faa000; MARKER */
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:15px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}









































/* off canvas  */




.burger { float:left; width:40px;}




.page-wrap {
	 min-width:320px;
  float: right;
  width: 100%;
  transition: width 0.3s ease;

}



.main-nav {overflow:hidden;
  position: fixed;
  top: 0;
  width: 0;
  height: 100%;
  background: #3B3B3B;
  overflow-y: auto;
  transition: width 0.3s ease;
}
.main-nav a {
  display: block;
  background: linear-gradient(#3e3e3e, #383838);
  border-top: 1px solid #484848;
  border-bottom: 1px solid #2E2E2E;
  color: white;
  padding: 15px;
}
.main-nav a:hover, .main-nav a:focus {
  background: linear-gradient(#484848, #383838);
}
.main-nav:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 34px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}



.close-menu {
  display: none;
}

#main-nav:target {
  width: 150px; 
}

#main-nav:target + .page-wrap {
  width: 100%; margin-right:-150px; 
}
#main-nav:target + .page-wrap .open-menu {
  display: none;
}
#main-nav:target + .page-wrap .close-menu {
  display: block;
}
#main-nav:target + .page-wrap .main-header {
  width: 100%; overflow:hidden;
  left: 150px; 
}