/**
 * (./) mobile.css
 * (by) cousot stéphane @ http://www.ubaa.net/
 * (cc) some right reserved
 *
 * Locus Sonus Lion wiki design
 * Additional design for small device/screen
 * version 0.1
 *
 *
 * -------------------------------------------------------------------------------------------------
 *
 *  THIS CODE ARE RELEASED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE
 *  @ http://creativecommons.org/licenses/by/4.0/
 *
 * -------------------------------------------------------------------------------------------------
 */


@media only screen and (max-device-width: 780px)
{
	body
	{
		padding: 0;
		/*font-size: 14px;*/
	}

	#container
	{
		padding: 0 10px;
	}

	main
	{
		margin-top: 10px;
	}

	article
	{
		width: 100%;
	}

	nav
	{
		z-index: 1000;
		position: fixed;
		top: 0;
		right: 0;
		width: 30px;
		height: 100px;

		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABT1JREFUeAHtnc3LVVUUxu3Dr4rURMtZkyjL6GNQIjRQjAbqoCAiHEcQNAkhpEEzZw0i+heiQQ3MGtgoCY3A6EOjBhEvWSiRaKWhldnzQAf04vHs8757S2ud34KH+9579lnvXr+17rnn7r3PuYsWYRCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQCA2gZXq/gvSPumY9Kd0QfpJel/yNrfBkhFYonhekX6TLg7IbXZLiyUsAYG1iuETaSjxs9sPap81CeKfdAi3Kfqvpdnklj4/qn1XTZpg4OCvU98/kEqT3ddur3zYFxaMwDPqb19Sx77+ZLDYJ99dv2OPVCyAz+WLo0CgsnqoYvK7o8WGQPEXd/X64paxGm5u0N0WPht0c5zLrAVwzzgMRa3XF7UK1ihrAaxokIeUI4RZC+BcgwJo4bNBN8e5zFoAc+MwFLX+vqhVsEZZC+BQgzy08Nmgm7g0gaXSSan7CrfQx5/lK+XkUNYjwHkl7A2plr0uR3/Vcoafa0PgFv2bOWmh7/7v5OMmCQtI4BH1+Q9pvkVwVvs+HDBuunwJga36+3dpbBF4YciWS/zwZ2ACHhn8VCotAi8guTtwvHT9CgR8wvuUtF/yWsDZYvBJnrd56jfrybFCu9ymOsV5szDcK90hOdnHJa8c8mc+BgEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIhOYIrrAbwG4AnpQel26QbphORLwL0gxGsDsIQE7lNM70q+K9jsaqDuube5jReLYEkI+Cj3suQlX12ihx7ddpc0xSOkws5jTuCb0lDC+7b74hKKIHA9+J3fl9zS118KHP+ku+7P/DGH/b6C8ApilogHLCWfzPUldezrbweMf9Jd9le9q53tjy2Av+VvTUaiWS+A8Pf8mrF5rOBxCiAOAQ/y1Dbfei6d1XyX/J/geISvtvljJZ1lLQAfsrECAlkLwGP7tS3lHEHWAvDETm1r4bN2H/H3H4F1eqz5NdADSquhG4tAzYGgt2KFTm9NwFO6NYaCz8vPXXaIxSPgKd2xo36z7V+MFzY97gh4KtdTurNJLX3+mvZlOrijGfTRCfSU7pXuC9RXCD7s+51P8gUhi3lK17N6ntjpS7zPGXzCN5nP/ClWuGf1PLHjsf1ueNeDPP6e/6F0UsIgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACkQlMcT2A87VSul/q1gP4QpKvpF8lLCmBGxXXTulj6R9pdlWQryM4ID0rcWmZIGSyBxTMF9Js0vuef6a2GzIBmHIs2xT8fH4/+Iz2830GsMAEHlPfvcK3750+9Po57fto4Pgn3fUViv5HaSjJQ9vn5MM/RY8FI7BH/R1Kbun2V4PFPvnuLheBUxUL4Bf5WjJ5qoEAbK+Y/O4osTVQ/MVdzXqDiI3FBMobbipvGqdl1gK4s0EKWvhs0M1xLrMWwNJxGIpaLytqFaxR1gI43SAPPqlMZ1kL4NsGmfqmgU9cNiLgK3+7s/daj+sb9RW3DQh4mtvTu7WSf7hBH3HZmMDTFQtgR+O+4r4BAR8F9kkLPQq8Ix9TXTjTIC3X1uUq/buj0nyL4Evt60klLDAB3xLmoDS2CD7SPtwdVBAy2GIF4R+Q8pq/oULwGILvL+glZFgyAj6cPy+9Jx2TfFcw6wdpr/ScdKuEQQACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAgbAE/gWRusxIMXCHWAAAAABJRU5ErkJggg==');
		background-repeat: no-repeat;
		background-position: 0 34px;
		background-size: 30px;
		filter: invert(1);

		-webkit-transition: width 1s, height 0.3s, background-color 1s;
		-moz-transition: width 1s, height 0.3s, background-color 1s;
		-o-transition: width 1s, height 0.3s, background-color 1s;
		transition: width 1s, height 0.3s, background-color 1s;
	}

	nav > div,
	nav > ul
	{
		display: none;
	}

	nav.overlay > div,
	nav.overlay > ul
	{
		display: inherit;
		padding-bottom: 20px;
	}

	nav:hover,
	nav.overlay
	{
		background-color: rgba(255,255,255,0.95);
	}

	nav.overlay
	{
		position: fixed;
		padding: 16px 10px 0px 24px;
		width: calc(100% - 34px);
		height: 100%;
		overflow-y: auto;
	}

	nav.overlay div.lang
	{
		background: url('../img/locusonus-vitae.png') no-repeat;
		background-size: auto 52px;
		background-position: -1px 8px;
		padding-top: 64px;
	}

	nav.overlay div.lang,
	nav.overlay #search,
	nav.overlay ul
	{
		padding-left: 12px;
	}

	nav.overlay div.lang a,
	nav.overlay div.lang a:hover
	{
    	color: black;
	}

	nav.overlay input.search:focus
	{
		width: calc(100% - 66px);
	}

	nav.overlay input.search
	{
		background-color: rgba(30, 144, 255, 0.5);
	}

	nav.overlay ul.menu
	{
		padding: 3px 0px;
	}

	nav.overlay li.menu-item,
	nav.overlay li.submenu-item
	{
		padding: 10px 0;
	}

	#edit,
	#links
	{
		display: none;
	}

}