/*
Theme Name: savidya Theme
*/

	body { margin:0px; background-color:#000; font-family:verdana; }
	a    { color: #000; outline:0px; text-decoration:none;  }
	div  { overflow:auto; margin:auto }
	
	div.admin { text-align:center; overflow:hidden; display:none; width:100% }
	textarea { width:550px; padding:30px; font-family:chalkduster; border: 1px solid black; overflow:auto; font-size:18px }
	
	body.page { background:url(img/sfondo_1.png); background-position:center; background-repeat:repeat-y; background-size:100% auto}
	header { height:157px; overflow:hidden }
	div#logo { float:left; }
	
	header { position:relative; width:100%; }
	#banner{ background-image:url(img/banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:bottom; border-bottom:2px solid grey}
	div.banner { background-color:#94679A }
	div#titolo_small { float:left; height:75px; font-family:prakrta, verdana; font-size: 48px; text-align:left; margin:10px; }
	
	.menu-menu-1-container { position:absolute;  z-index:100 }
	.menu { list-style-type:none; font-family:prakrta; font-weight:bold; display:block;}
	.menu-item { font-family:prakrta; font-weight:bold; display:inline; font-size: 22px; margin:0 15px}
	.menu_savidya { position:absolute; right:15px; top:3px }
	
	div.page { font-size:20px; background-color:#a07aad; width:640px; padding:40px 20px; text-align:left; background-color:#94679A;  background-image:url(img/sfondo_2.png); background-repeat:repeat-y; margin:auto }
	div#titolo  { font-size:30px; margin-bottom:40px; font-family:prakrta; font-weight: bold;  text-align: center; width:100%;}
	
	div.slideshow { display:none }
	
	div.body, div#lang { font-family:Chalkduster; overflow:hidden }
	
	.wp-video { margin-bottom:25px; overflow:hidden }
	.mejs-mediaelement { overflow:hidden !important; }
	.mejs-container { background-attachment:fixed !important; }

@media screen and (max-width: 679px)
{
	div.page { box-sizing:border-box !important; width:100% !important; font-size:19px;  }
	div#titolo { text-align:left; font-size:27px }
	iframe { width:100% !important; }
	textarea { width:85%; padding:20px; }
	div.body img { width:100% }
}


@media screen and (max-width: 599px)
{
	#banner { height:130px }
	div#logo { width:100%; text-align:center; margin:10px 0 }  
	div#titolo_small { width:100%; float:none; padding:0; margin:0; text-align:center; font-size:42px; height:60px }
	iframe { height:280px !important; }
}

@media screen and (max-width: 399px) 
{  
	iframe { height:210px !important; } 
	div#logo  { padding-left:10px }
	div#titolo_small { text-align:left }
}