/*
Theme Name: AGE Scuola Amica
Author: Luca Perlo - Giga Comunicazione | Realizzazione e posizionamento siti web
Author URI: http://www.gigacomunicazione.com/
Description: Tema dell'Associazione genitori - Scuola amica.
Version: 2.0
*/

html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Noto Sans', sans-serif, Arial, Verdana;
	margin: 0;
	padding: 0;
	background: #ebebeb;
	color: #303030;
	height: 100%;
	width: 100%;
}
a, a.visited, a.link{
	color: #00ada7;
	text-decoration: underline;
}
a:hover{
	color: #303030;
}

#header{
	border-bottom: 1px solid #ebebeb;
	background: #fff;
	width: 100%
}
#logo{
	text-align: center;
	padding: 1em 0;
}
img{
	max-width: 100%
}
#logo img{
	max-width: 50% !important;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.container{
	width: 85%;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}
.mobile-menu{
	display: none;
}
nav{
	width: 100%;
	background: #fff;
}
#main-menu{
	text-align: center;
	background: #fff;
}
#main-menu ul{
	margin: 0;
	padding: 0;
}
#main-menu ul li{
	list-style: none;
	display: inline-block;
	margin-right: 20px;
	position: relative;
}
#main-menu ul li:last-child{
	margin-right: 0;
}
#main-menu ul li a{
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 1em 0;
}
#main-menu li ul{
	visibility: hidden;
	background: #ffffff;
	text-align: left;
	padding: 7px 0px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 120%;
	width: 300px;
	z-index: 999;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	filter: alpha opacity(0);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#main-menu li:hover > ul{
	visibility: visible;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	filter: alpha opacity(100);
	top: 100%;
}
#main-menu li ul li{
	text-indent: 20px;
	display: block;
	width:100%;
}
#main-menu ul li a:hover, #main-menu ul li.current_page_item a, #main-menu ul li.current_page_item ul li a:hover{
	color: #00ada7;
}
#main-menu ul li.current_page_item ul li a{
    color:#505050;
}

.slideshow img{
	width: 100%;
	height: auto;
}
/* ====== ARTICOLI ====== */
.article{
	display: table;
	width: 100%
}
.content h2.titolone{
	font-size: 36px;
	font-family: 'Roboto', sans-serif;
}
.ricerca{
	border-bottom: 1px solid #ebebeb;
}
.ricerca h2 a{
	font-size: 28px;
	color: #303030;
	text-decoration: none;
}
.ricerca h2 a:hover{
	color: #00ada7;
}
h2.title-ricerca{
	text-align: left !important;
	font-size: 26px;
	margin-bottom: 0;
}
.post, .content, .ricerca{
	margin-bottom: 1.5em;
	background: #fff;
	padding: 1em 2em 2em 2em;
}
.post h2.titolone, .content h2.titolone, .ricerca h2.titolone{
	text-align: center;
}
.post h2 a{
	text-decoration: none;
	text-transform: uppercase;
	color: #303030;
}
.post h2 a:hover{
	color: #00ada7;
}
.post-meta{
	font-style: italic;
	font-size: 14px;
	color: #959595;
	text-align: center;
	margin-bottom: 3em;
	display: block;
}
.post img{
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.post-meta .data{
	color: #00ada7;
}
.post-meta span.autore:after{
	content: '-';
	margin: 0 5px;
	color: #959595;
}
.post .metaslider{
	margin-left: auto;
	margin-right: auto;
}
/* === SOCIAL BUTTON === */

div.social-sharing.ss-social-sharing{
	padding: 3em 0 !important;
}

.read{
	height: 30px;
	background: #00ada7;
	color: #ebebeb;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	margin: 2em 0;
	padding: 0;
	width: 25%;
	transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-webkit-transition: all ease-out .4s;
	display: block;
	font-size: 14px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	
}
.read:hover{
	background: #303030;
	color: #ebebeb;
	transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-webkit-transition: all ease-out .4s;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

h3.archive-title{
	text-transform: capitalize;
	font-size: 18px;
	margin: 3em 0 0 0;
}
.archivi{
	margin: 1em 0;
}
.archivi li{
	list-style: none;
	display: inline-block;
	margin: 1em 0
}
.archivi li a{
	padding: 0.5em 1em; 
	background: #00ada7;
	color: #ebebeb;
	text-decoration: none;
}
.archivi li a:hover{
	background: #303030;
}
.column{
	display: inline-block;
	vertical-align: top;
	margin: 1em 0;
}
/* ====== COLONNA WIDGET ====== */
.column.left{
	width: 66%;
	padding: 0;
	margin-right: 3%;
}
.column.right{
	width: 30%;
	float: right
}
.column.right div{
	padding: 1.5em 2em;
	background: #fff;
	margin-bottom: 2em
	
}
.column.right h3, .footer h3{
	font-size: 120%;
	font-weight: 400;
	border-bottom: 1px solid #ebebeb;
	position: relative;
	margin-top: 0;
	margin-bottom: 21px;
	padding-bottom: 7px;
	font-family: 'Roboto', sans-serif;
	
}
.column.right h3:after, .footer h3:after{
	position: absolute;
	bottom: -1px;
	width: 90px;
	background: #00ada7;
	display: block;
	height: 1px;
	content: "";
}

.column.right ul{
	margin: 0;
	padding: 0;
}
.column.right ul li{
	list-style: none;
	margin-bottom: 5px;
}
.column.right .page_item_has_children ul{
	margin: 0;
	padding: 0;
}
.column.right .page_item_has_children ul li{
	margin: 5px 0 5px 20px;
	list-style: circle;
	padding: 0;
}
/* WP CALENDAR */
div#calendar_wrap.calendar_wrap{
	width: 100%;
	margin: 0;
	padding: 0;
}
table#wp-calendar{
	width:100%;
	border: 1px solid #ebebeb;
	border-spacing: 0;
	border-collapse: collapse;
	color: #505050;
	font-size: 14px
}
table#wp-calendar caption{
	background: #00ada7;
	color: #ebebeb;
	text-transform: uppercase;
	padding: 10px 0;
}
table#wp-calendar thead tr th, table#wp-calendar tfoot tr td{
	padding: 10px 0;
}
table#wp-calendar tbody tr{
	margin: 0;
	padding: 0;
}
table#wp-calendar tbody tr td{
	border: 1px solid #ebebeb;
	text-align: center;
	margin: 0;
	padding: 10px;
}
table#wp-calendar tfoot #prev{
	text-align: right;
}
table#wp-calendar tfoot #prev a{
	text-decoration: none;
}
/* WP SEARCH */
#searchform{
	margin: 0;
	padding: 0;
	width: 100%
}
#searchform div{
	margin: 0;
	padding: 0;
	width: 100%
}
#searchform div label{
	display: none;
}
#searchform div input{
	height: 30px;
	width: 70%;
}
#searchsubmit{
	height: 35px !important;
	margin: 0;
	padding: 0;
	width: 24% !important;
	background: #00ada7;
	border: 1px solid #00ada7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	font-family: 'Roboto', sans-serif;
	font-size: 100%;
	color: #ebebeb;
}
#searchsubmit:hover{
	background: #303030;
	cursor: pointer;
	border: 1px solid #303030;
}

#footer{
	background: #202020;
	width: 100%
}
#footer .footer{
	display: inline-block;
	padding: 3em 1em;
	width: 32%;
	color: #ebebeb;
	vertical-align: top;
}
.footer h3{
	border-bottom-color: #303030;
}	
#bottom{
	background: #000;
	color: #fff;
	padding: 1em 0;
	text-align: center;
	margin: 0;
}
#bottom a{
	color: #ebebeb;
}
#bottom a:hover{
	color: #00ada7;
}
/*====== MEDIA QUERY SMARTPHONE PORTRAIT ======*/
@media screen 
and (min-width : 320px) 
and (max-width : 736px){
	
	iframe{
		max-width: 95%;
		height: auto;
	}
	#footer, .footer{
		width: 95% !important
	}
	#main-menu{
		display: none;
	}
	#main-menu.show{
		display: block;
	}
	#main-menu ul li{
		padding: 0;
		margin: 0 0 0 5px;
		display: block;
		width: 100%;
		text-align:left;
	}
	#main-menu ul li a{
		margin: 0;
		padding: 5px 0px;
		text-transform: uppercase
	}
	#main-menu li:hover > ul{
		visibility: visible;
		position: relative;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha opacity(100);
		top: 100%;
	}
	.nav{
		position: relative;
	}
	.mobile-menu{
		position: absolute;
		right: 30px;
		top: 50px;
		display: block;
	}
	.mobile-menu i{
		font-size: 24px;
	}
	.mobile-menu:hover{
		cursor: pointer;
	}
	.article{
		display: block;
		width: 99%
	}
	h1,h2,h3,h4,h5,h6{
		font-size: 120%
	}
	
}
@media screen and (min-width : 320px) and (max-width : 1170px){
	body, html{
		margin: 0;
		padding: 0;
		display: block;
	}
	a{
		word-break: break-word	
	}
	#header, nav{
		width: 99%;
		margin-left: auto;
		margin-right: auto;
	}
	#logo{
		text-align: left
	}
	.container{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
	}
	.post{
		padding: 10px;
	}
	#main-menu.show{
		display: block;
	}
	#main-menu{
		display: none
	}
	#main-menu ul li{
		padding: 5px 0;
		margin: 0 0 0 5px;
		display: block;
		width: 100%;
		text-align:left;
	}
	#main-menu ul li a{
		margin: 0;
		padding: 5px 0px;
		text-transform: uppercase
	}
	.mobile-menu{
		position: absolute;
		right: 30px;
		top: 50px;
		display: block;
	}
	.mobile-menu i{
		font-size: 24px;
	}
	.column.left{
		display: block;
		width: 99%;
		padding: 0;
	}
	.column.right{
		float: none;
		width: 99%
	}
	#footer{
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
	}
	.read{
		width: 50%
	}
	.footer{
		width: 90% !important;
		display: block;
		margin: 0;
		padding: 0;
	}
}