/*!
Theme Name: Metodo Theme
Theme URI: http://underscores.me/
Author: Metodoadv
Author URI: https://metodoadv.com/
Description: Tema personalizzato per Metodo

================================
SOLO PER RESPONSIVE
================================
*/


/*--------------------------------------------------------------
## Media Query - based on Uikit
--------------------------------------------------------------*/
@media (min-width: 1601px) {
	html {
		font-size: 18px;
	}
}

@media (max-width: 1600px) {
	body {
		font-size: 16px;
	}
	#megamenu-gen ul.menu li.menu-item a {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	section.cat_list div.cat_card div.txt {
		font-size: 1.3rem;
		line-height: 1.3rem;
	}
}

@media (max-width: 1200px) {
	body {
		font-size: 14px;
	}
	iframe {
		width: 100%;
		padding: 0.5rem;
	}
	section.hbanner div.contrelative {
		width:100%;
		aspect-ratio: 10/4;
		position: relative;
	}
	section.hbanner div.conttext-left, section.hbanner div.conttext-right {
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		padding: 5rem;
	}
}

@media (max-width: 960px) {
	body {
		font-size: 14px;
	}

	header img.logo {
		width: 180px;
	}

	.hamburger {
		display: block;
		position: relative;
		height: 18px;
		width: 30px;
		margin-top: -10px;
		border: none;
		padding: 0;
		outline: none!important;
		background: transparent;
		transition: all 0.3s;
		cursor: pointer;
	}

	#primary-menu {
		display: none;
	}

	/*.hamburger.open .bar1 {
		top: 8px;
		transform: rotate(45deg);
	}

	.hamburger.open .bar2 {
		opacity: 0;
	}

	.hamburger.open .bar3 {
		top: 8px;
		transform: rotate(-45deg);
	}*/
 
	.modal-menu.show { 
		transition: opacity .4s ease-in-out;
		opacity: 1;
		z-index: 4;
	}
	section.hbanner div.contrelative {
		width:100%;
		aspect-ratio: 20/14;
		position: relative;
	}
	body.page-template-homepage .main-banner div.container {
		aspect-ratio: 16 / 24;
	}
	.main-banner div.container {
		aspect-ratio: 16 / 16;
	}
	.main-banner div.container div.text-container {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 3%;
	}
	body.page-template-homepage .main-banner div.container div.text-container {
		position: absolute;
		top: 9rem;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 3%;
	}
	body.page-template-homepage .main-banner div.container div.text-container h1 {
		font-size: 3rem;
		line-height: 3rem;
	}
	section.hbanner div.conttext-left, section.hbanner div.conttext-right {
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		padding: 3rem 2rem 0 2rem;
	}
	section.hbanner div.titolo {
		font-size: 2rem;
		line-height: 2rem;
	}
	section.hbanner div.testo {
		display: none;
	}
	.main-banner div.container div.scroll-it .scrontainer {
		display: none;
	}
	.main-banner div.container div.breadcrumbs-container {
		display:none;
	}
	body.single-post .main-banner div.container {
		aspect-ratio: 25 / 25;
	}
	.main-banner div.container div.text-container h1 {
		font-size: 2rem;
		line-height: 2rem;
	}
	body.page-template-page-fabbriche .main-banner div.container div.text-container h1,
	body.post-type-archive-progetti .main-banner div.container div.text-container h1 {
		font-size: 1.7rem;
		line-height: 1.7rem;
	}
	section.accordion li div.uk-accordion-content {
		font-size: 1.125rem;
		padding: 0 1rem 2rem;
	}
	section.accordion li a.uk-accordion-title {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	body.postid-556 section.accordion,
	body.postid-877 section.accordion {
		padding: 0;
	}
	section.progetti div.proj_card_cont {
		max-width:100%;
	}
	section.progetti .uk-slider a.btn-previous {
		position: absolute;
		top: calc(50% - 2.5rem);
		left: -0.5rem;
		padding: 0.5rem;
		color: #56565a;
	}
	section.progetti .uk-slider a.btn-next {
		position: absolute;
		top: calc(50% - 2.5rem);
		right: -0.5rem;
		padding: 0.5rem;
		color: #56565a;
	}
	.main-banner div.container div.text-container .titoletto {
		font-family: "Overpass";
		font-size: 1rem;
		line-height: 1rem;
		color: #f6bd00;
		text-align: left;
		text-transform: uppercase;
	}
	section.prod-menu ul.left {
		display: none;
	}
	section.prod-menu ul.right li {
		/*width: 50%;*/
	}

	section.prod-menu ul li.filtra {
		float:none;
	}
	section.prod-menu {
		padding: 0.5rem 0.5rem;
		background-color: #56565a;
		height: 72px;
		position: sticky;
		top: 0px;
		z-index: 4;
	}
	section.prod-menu .btn-yellow {
		background-color: #f6bd00;
		font-size: 0.9375rem;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
		color: #56565a;
		transition: all .3s;
		border-radius: 0;
		padding: 11px 9px 9px 9px;
		border: 0;
	}

	section.prod-menu ul.right li.right_first {
		padding-top: 3px;
	}
	section.prod-menu ul.right li.right_second {
		padding-left: 2rem;
	}

	section.descrizione h2, section.vantaggi h2, section.galleria h2, section.progetti h2, 
	section.highlights h2, section.dati-tecnici h2, section.ausiliari h2, section.testolibero h2,
	section.blocco_testo_img h2, body.page-template-page-azienda section.boxgialli h2,
	section.video h2, body.single-post h2, section.privacy-cookie h2 {
		font-family: "Overpass";
		font-size: 2rem;
		line-height:2rem;
		text-transform: uppercase;
		/*border-left: 5px solid #f6bd00;*/
		border-left: 0;
		padding-left: 1rem;
		margin-bottom: 1rem;
		color: #56565a;
		position: relative;
	}
	section.galleria h2 {
		color: #ffffff;
	}
	section.form h2 {
		font-size: 1.5rem;
		font-family: "Overpass";
		text-transform: uppercase;
		border-left: 0;
		padding-left: 1rem;
		margin-bottom: 1rem;
		color: #56565a;
		position: relative;
	}
	section.descrizione h2::before, section.vantaggi h2::before, section.galleria h2::before, section.progetti h2::before, section.highlights h2::before, section.dati-tecnici h2::before, section.ausiliari h2::before, section.testolibero h2::before, section.blocco_testo_img h2::before, body.page-template-page-azienda section.boxgialli h2::before, section.form h2::before, section.video h2::before, body.single-post h2::before, section.privacy-cookie h2::before {
		border-left: 5px solid #f6bd00;
		height: 100%;
		width: 20px;
		content: " ";
		display: inline-block;
		height: calc(100% + 3px);
		padding-top: 0;
		padding-bottom: 0;
		position: absolute;
		left: 0;
		top: -5px;
		bottom: 0;
	}
	section.descrizione .desc_titolo {
		font-family: "Overpass";
		font-weight: 300;
		font-size: 2.0rem;
		line-height: 2.25rem;
		text-transform: uppercase;
	}
	section.blocco_testo_img h3 {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	body.page-template-page-service section.blocco_testo_img .riga,
	body.page-template-page-fabbriche section.blocco_testo_img .riga {
		margin-bottom: 5rem;
	}

	section.dati-tecnici .grey {
		background-color: #eaeaea;
		padding: 7rem 1rem;
	}

	section.news-container div.news div.newstext {
		padding: 0 0 0 30px;
	}

	span.videoarrow {
		font-size: 9rem;
	}

	section.form div.grey {
		background-color: #eaeaea;
		padding: 3rem 1rem;
	}
	body.page-template-page-contatti .main-banner div.container {
		aspect-ratio: 10 / 7;
	}
	body.single-post section.prod-menu p {
		font-size: 0.7rem;
		text-transform: uppercase;
		color: #ffffff;
	}
	section.yellovideo div.yellow {
		background-color: #f6bd00;
		padding: 0.5rem;
	}
	section.yellovideo div.yellow div.overlay div.yel_guarda {
		font-size:1.5rem;
		text-transform: uppercase;
		padding-left:3rem;
	}
	section.yellovideo div.yellow div.overlay div.yel_video a.play-button span {
		color: #ffffff;
		font-size: 5rem;
		padding-right:1rem;
	}
	body.single-post section.prod-menu p.txt {
		margin-top: 3px;
	}
	section.galleria .uk-slider a.btn-previous {
		position: absolute;
		top: 50%;
		left: 0;
		width: 3rem;
		height: 3rem;
		padding: 0.5rem;
	}
	section.galleria .uk-slider a.btn-previous span,
	section.galleria .uk-slider a.btn-next span {
		font-size: 2rem;
	}
	section.galleria .uk-slider a.btn-next {
		position: absolute;
		top: 50%;
		right: 0;
		width: 3rem;
		height: 3rem;
		padding: 0.5rem;
	}
	section.progetti div.uk-slider-container a.btn-previous span,
	section.progetti div.uk-slider-container a.btn-next span {
		font-size:2rem;
	}
	section.hbanner div.link {
		padding: 2rem 0;
		position: absolute;
		bottom: 0;
	}
	section.hbanner .flex-center {
		display: flow-root;
	}
	section.hbanner div.conttext-left div.content {
		height: calc(100% - 2rem);
	}
	body.page-template-page-richinfo .main-banner div.container {
		aspect-ratio: 10 / 7;
	}
	body.page-template-page-service section.descrizione {
		padding-bottom:0;
	} 
	body.page-template-page-service section.box_racconta_progetto {
		padding-top: 0;
	}
	
	footer div.social div.titolo {
		display:inline-block;
		margin-right:0;
	}

	footer .social a:first-of-type {
		padding-left: 1rem;
	}
	footer .social a:last-of-type {
		padding-right:0;
	}
}

@media (max-width: 640px) {}

@media (max-width: 400px) {
	section.prod-menu ul.right li a.btn-yellow {
		font-size: 0.7rem;
	}
	section.prod-menu ul.right li a {
		font-size: 0.9rem;
	}
}

@media (max-width: 300px) {}