/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 959px) {
	
	header {
		height:auto;
	}
	
	header img.logo { width:120px;margin-top:0.5em}
	nav+* {
		position: relative;
	}
	#edito img, .onenews img {display:block;text-align:center ! important;margin:0 auto ! important;}
	
	#loginmodal {width:90%;}
	p.login-remember {margin-left:0em ! important;}

	/*.w960p {width:100%}*/
	
	#menu {
		height: auto;
		width: 100%;
		display:block;
		padding:0;
		background-color:white;
	}
	.menu-wrap { border:0; }

	/** #menu ul.sub-menu {opacity:1;width:100%;z-index:1;position: relative;} */ /** display sub-menu */ 
	#menu ul.sub-menu {width:100%;}
	#menu li,.sub-menu li {
		display: block;
		width: 100%;
		float: none;

	}

	/* Theming opened nav */
	nav ul {
		/* maximum height */
		max-height: 25em;
		/* translate with hardware acceleration */
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: max-height .4s;
		transition: max-height .4s;
		will-change: max-height;
		/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav a {
		display: block;
		padding: 1.2rem;
		text-decoration: none;
		border-bottom:1px solid #ccc;
		width: 100%;
		text-align: center;
	}
	nav a:hover,nav a:focus,nav a:active {
		background: #eee;
	}

	/* Theming closed nav */
	nav.is-closed ul {
		max-height: 0;
		overflow: hidden;
	}

	/* Global styling nav button */
	nav>button {
		display: block;
		position: absolute;
		top: 1rem;
		right: 1rem;
		z-index: 1;
		height: 3.5rem;
		width: 3.5rem;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, right top, from(#0F8DF9),
			to(#0F8DF9)), -webkit-gradient(linear, left top, right top, from(#0F8DF9),
			to(#0F8DF9)), -webkit-gradient(linear, left top, right top, from(#0F8DF9),
			to(#0F8DF9));
		background-image: -webkit-linear-gradient(left, #0F8DF9, #0F8DF9),
			-webkit-linear-gradient(left, #0F8DF9, #0F8DF9),
			-webkit-linear-gradient(left, #0F8DF9, #0F8DF9);
		background-image: linear-gradient(to right, #0F8DF9, #0F8DF9),
			linear-gradient(to right, #0F8DF9, #0F8DF9),
			linear-gradient(to right, #0F8DF9, #0F8DF9);
		background-position: center top, center, center bottom;
		background-repeat: no-repeat;
		-webkit-background-size: 3.5rem .9rem;
		background-size: 3.5rem .9rem;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-transition: .2s;
		transition: .2s;
	}

	/*  Removing Firefox's dotted outline on button */
	nav>button::-moz-focus-inner {
		border: 0;
	}

	/* Theming opened nav button */
	nav:not (.is-closed ) >button {
		-webkit-transform: rotate(180deg) translateZ(0);
		transform: rotate(180deg) translateZ(0);
		background-position: center, center, center;
	}

	#printer {display:none}

	#contactform label, #loginmodal label {text-align:left;}
	.textfield, .shorttextfield, textarea, .tinytextfield,textarea#body {
		width:100% ! important;
	}
	.label-leftmargin { margin-left: 1em !important;}
	
	#anchor-comments {display:block;}
	
	header div.tools {display:block;}
	
	.error:before,.confirmed:before,.info:before {background:none;content:"";}
	.error, .confirmed, .info {padding: 1em;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}
