/*
Theme Name: FAI
Theme URI: http://www.saporiti.com/fai/
Author: Argonavis
Author URI: https://www.argonavis.it/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reset */
*,*::before,*::after{
	box-sizing:border-box;
}

/* Generale */
html{
	overflow-y: scroll;
}
body{
	margin: 0;
	padding: 20px 0;
	font-family: Roboto, sans-serif;
	font-size: 76%;
}
@media (min-width: 1024px) {
	body:not(.home){
		padding-top: 50px;
	}
}
a{
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}
img{
	border: 0;
	max-width: 100%;
	height: auto;
}
h1{
	margin: 0 0 15px;
}
p{
	margin: 15px 0;
}
.container{
	margin: 0 auto;
	padding: 0 10px;
	max-width: 1280px;
}

/* Layout */
.layout-sidebar{
	float: left;
	width: 200px;
}
.layout-container{
	overflow: hidden;
}
@media (min-width: 1024px) {
	.layout-container{
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}
	.layout-sidebar{
		float: none;
		flex-grow: 1;
		max-width: 200px;
		min-width: 200px;
	}
	.layout-main{
		flex-grow: 2;
	}
}

/* Header */
.logo-fai,.logo-saporiti{
	display: none;
}
.logo img{
	width: 75%;
}
@media (min-width: 1024px) {
	.logo-fai,.logo-saporiti{
		display: block;
	}
	.logo-main{
		display: none;
	}
	.logo{
		padding-right: 10px;
	}
	.logo-fai{
		padding-top: 7px;
	}
	.logo img{
		width: auto;
	}
	.logo-fai img{
		width: 65%;
	}
}

/* Menù */
#main-nav{
	float: right;
	font-size: 1.5rem;
}
#main-nav-button{
	width: 30px;
	height: 30px;
	background: #FFF url("images/nav/hamburger.svg") no-repeat center center;
	background-size: cover;
	border: 1px solid #000;
	border-radius: 3px;
}
.main-nav-open #main-nav-button{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	background-image: url("images/nav/close.svg");
}
.admin-bar .main-nav-open #main-nav-button{
	top: var(--wp-admin--admin-bar--height);
}
#main-nav nav{
	display: none;
}
#main-nav.main-nav-open nav{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 8;
	background: #FFF;
}
.admin-bar #main-nav.main-nav-open nav{
	top: var(--wp-admin--admin-bar--height);
}
#main-nav nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#main-nav nav a{
	display: block;
	padding: 15px 5px;
}
@media (min-width: 1024px) {
	#main-nav{
		float: none;
		font-size: inherit;
	}
	#main-nav-button{
		display: none;
	}
	#main-nav nav{
		display: flex;
		justify-content: space-between;
	}
	#main-nav nav ul{
		display: flex;
		justify-content: space-between;
		gap: 10px;
	}
}
@media (min-width: 1280px) {
	#main-nav nav ul{
		gap: 10px;
	}
}
.menu-item-close a{
	background: #FFF url("images/nav/close.svg") no-repeat center center;
	background-size: contain;
}

/* Contenuto */
#main-container{
	margin-top: 30px;
}
@media (min-width: 1024px) {
	#main{
		margin-top: 5px;
	}

/* Home page */
#front-page-link{
	display: flex;
	width: 100%;
	height: 100vh;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5rem;
}
#front-page-link span{
	display: block;
	padding: 0 30px;
	text-align: center;
}
.front-page-fai img{
	width: 30%;
}
.front-page-text img{
	width: 75%;
}
.front-page-saporiti img{
	width: 40%;
}

/* Pagine */
.page-title{
	margin-bottom: 15px;
}
.page-title h1,.page-title h2{
	margin: 0;
}
.page-title h2{
	font-weight: normal;
}
@media (min-width: 1024px) {
	.page-two-columns{
		display: flex;
		flex-wrap: wrap;
		gap: 100px;
	}
	.page-two-columns-column{
		width: calc(50% - 50px);
	}
	.page-content-with-footer{
		display: flex;
		flex-direction: column;
	}
	.page-content-with-footer .page-content-footer{
		margin-top: auto;
	}
	.page-two-columns .page-footer{
		flex-basis: 100%;
	}
}