/*!
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) {
	html {
		font-size: 16px;
	}
	header ul#primary-menu li {
		margin: 0 0.7rem;
	}
}

@media (max-width: 1200px) {
	html {
		font-size: 14px;
	}
	.hamburger {
		display: block;
	}
	.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;
	}
}

@media (max-width: 960px) {
	html {
		font-size: 15px;
	}

	.logo {
		width: 13vw;
	}

	#primary-menu {
		display: none;
	}
	
	footer ul.social-icons {
		padding-bottom: 7px;
	}
	footer .footer_grid a.mappa {
    padding-top: 10px;
	}
	section#lista_marchi .marchio_container p {
		font-size: 1rem;
	}
	section#lista_marchi .marchio_container .dettagli span {
		font-size: 1rem;
	}
	section#lista_marchi .marchio_container .sottotitolo {
		font-size: 1rem;
	}
	section#form-contatti .darkbackground {
		padding: 5rem 3rem;
	}
	section#testo-img h2 {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	section#home_banner .slider_container .slide_cont .slide_text_cont {
		padding: 2rem;
	}
	section#home_banner .slider_container .slide_cont .slide_text_cont .titolo h1 {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	section#home_banner {
		padding: 2rem 1rem;
	}
	section#page_banner .banner_textcont .btn_container a.btn_red {
		font-size: 1rem;
	}
	section#page_banner .banner_textcont .btn_container a.btn_trans {
		font-size: 1rem;
	}
	section#lista_marchi ul.uk-tab li.ulfirst {
		padding-left: 30px;
	}
	section#lista_marchi ul.uk-tab li.ulblock {
		padding-left: 0;
	}
	body.single-marchi section#marchio_nav ul li {
		margin-right: 0;
	}


}

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

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

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