/* DO NOT EDIT */
@media (min-width: 720px) {	

/*        2 x 320        */


#header, #headervert {	}

			
	#headervert { width:30%; float:left; height:100%;} /* vertical layout */
	#mainvert { width:70%; float:right; height:90%; }
	#footervert { width:70%; float:right; height:10%;  }
	
	

/* layout */


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

  .columnv { float: left; }
  .columnvx { float: right;  width: 50%; min-width:320px;}
  
  .columnv.full { width: 100%;  min-width:320px; }
  
  .columnv.two-thirds { width: 100%; min-width:320px;  }
  .columnv.third { width: 100%; min-width:320px;  } 
   
  .columnv.half { width: 100%; min-width:320px;  }

  .columnv.threefour { width: 100%; }
  .columnv.fourth { width: 100%;  } 
  .columnv.fourthfix { width: 25%; min-width:20px;} /* thinkfestive fix */

  .columnv.fourfifth { width: 100%; }
  .columnv.fifth { width: 100%; }
  
  .columnv.main { width: 50%; min-width:320px; }  
  .columnv.rbox { width: 50%; min-width:320px; float: right; }
  .columnv.mainw { width: 100%; min-width:320px; }  
  .columnvx.rboxw { width: 100%; min-width:320px; float: none; }

  
  .columnv.flow-opposite { float: right; }   
  
  .nested    {  }
  .nestedw    { width: 50%; min-width:320px;  float: left;}
      
  .nestedvert   {  margin:0px; padding:0px;} /* vertical layout */

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



	
.toplogo { width: 400px; height: 135px; background-size:400px 270px;}
.toplogo a{ width: 400px; height: 135px; background: url(/wp-content/themes/xdp_vf/images/toplogo.png) 0 0 no-repeat; background-size:400px 270px;}
.toplogo a:hover{width: 400px; height: 135px; background: url(/wp-content/themes/xdp_vf/images/toplogo.png) 0 -135px no-repeat; background-size:400px 270px;}


  .toplogox { float:left;}
  .topmenu { display:block;  float:right;}


.hidmobile {display:inline-block;}


.rowphoto {max-width:640px; width:100%;}


/* off canvas  */

.burger {display:none;}

#main-nav:target {
  width: 0%; 
}

#main-nav:target + .page-wrap {
  width: 100%; margin-right:0px;
}

#main-nav:target + .page-wrap .main-header {
  width: 100%;
  left: 0%;
}


#main-nav {display:none;}
#container { /* float:left; width:100%;*/}



}






















/* DO NOT EDIT */
@media (min-width: 990px) {	

/*        3 x 320        */


/* layout */



  .columnv { float: left; }
  .columnvx { float: right;  width: 37.5%; min-width:320px;}
  
  .columnv.full { width: 100%; }
  
  .columnv.two-thirds { width: 66.666%; min-width:600px; }
  .columnv.third { width: 33.333%; min-width:310px;  }
  
  .columnv.half { width: 50%; }
  
  .columnv.threefour { width: 74%;  }
  .columnv.fourth { width: 25%;    } 
  .columnv.fourthfix { width: 25%; min-width:20px;} /* thinkfestive fix */  

  .columnv.fourfifth { width: 80%; }
  .columnv.fifth { width: 20%; }
  
  .columnv.main { width: 62.5%; min-width:560px; } 
  .columnv.rbox { width: 37.5%; min-width:320px; float: right; } 
  .columnv.mainw { width: 62.5%; min-width:560px; }
  .columnvx.rboxw { width: 37.5%; min-width:320px; float: right; } 
  
  .columnv.flow-opposite { float: right; }   
  
  .nested    {   }  
  .nestedw    {  width: 100%; min-width:320px; float: right;   }



  .column { float: left;  }  
  .column.full { width: 98%; }
  .column.two-thirds { width: 64.6%; }
  .column.half { width: 48%; }
  .column.third { width: 31.3%; }
  .column.fourth { width: 22.95%; }
  .column.flow-opposite { float: right; } 
  .column.two-thirds300 { width: 63%; }
  .column.third300 { width: 32.9%; min-width:300px;}



.upcode {margin-left:-1.7em;display:inline-block; float:left}


}


  
  
  

/* off canvas  */























/* DO NOT EDIT */
@media (min-width: 1350px) {	

/*        4 x 320        */



/* layout */



  .columnv { float: left; }
  .columnvx { float: right; display:inline-block; width: 55%; min-width:640px; }
  
  .columnv.full { width: 100%; }
  
  .columnv.two-thirds { width: 66.666%; }
  .columnv.third { width: 33.333%; }
  
  .columnv.half { width: 50%; }

  .columnv.threefour { width: 75%; }
  .columnv.fourth { width: 25%; }

  .columnv.fourfifth { width: 80%; }
  .columnv.fifth { width: 20%; }
  
  .columnv.main { width: 45%; min-width:560px; } 
  .columnv.rbox { width: 55%; min-width:640px;  } 
  .columnv.mainw { width: 45%; min-width:560px; }
  .columnvx.rboxw { width: 55%; min-width:640px; } 
  
  .columnv.flow-opposite { float: right; } 
    
  .nested    {  float: left; width: 50%; }     
  .nestedw    {  float: left; width: 50%;  }      
  .nestedr, nestedr2    {   float: right; width: 100%; }  


}












/* DO NOT EDIT */
@media (min-width: 1510px) {	

/*        5 x 320        */



/* layout */



  .columnv { float: left; }
  .columnvx { float: right; display:inline-block; width: 45%; min-width:640px; }
  
  .columnv.main { width: 55%; min-width:760px; }
  .columnv.rbox { width: 45%; min-width:640px;  }
  .columnv.mainw { width: 55%; min-width:760px; }
  .columnvx.rboxw { width: 45%; min-width:640px;  }
  
  
  
  
}