/*
Theme Name: MPASD By JonDev
Theme URI: https://www.JonDev.it/
Author: JonDev.it
Author URI: https://www.JonDev.it/
Description: MPASD è un Tema Responsive progettato per la Montagna Pistoiese ASD.
Version: 0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: MPASD
Tags: custom-colors, custom-background, custom-menu, custom-header, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
*/
@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;700&family=Roboto:ital,wght@0,400;0,700;0,900;1,400&display=swap&family=Heebo:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;700&family=Montserrat:wght@100;700&family=Roboto&display=swap');*/
:root{
	--main-color:#1E3265;/* Blu Logo */
	--main-color:#041D6C;
	--second-color:#00B8E5;/* Celeste Logo */
	--third-color:#F0F;/* Celeste Font */
	--fourth-color:#080;/* Verde erba giornalino */
	--main-y-space:1rem;
	font-size:14px;
}
	body{font-family:'Asap', sans-serif;margin:0;}
	a{text-decoration:none;color:inherit;}
	h1{font:32px 'Asap', sans-serif;}
	h2{font:20px 'Roboto', sans-serif;color:#222;}
	h3{font:18px 'Roboto', sans-serif;}
	h4{font:16px 'Roboto', sans-serif;}
	h5{font:14px 'Roboto', sans-serif;}
	h6{font:12px 'Roboto', sans-serif;}
	h1,h2,h3,h4,h5,h6{text-transform:uppercase;margin:0;}
	p,li{margin-bottom:10px;letter-spacing:0.2px;line-height:22px;}
	img{max-width:100%;}
	.flexbox{display:flex;flex-direction:column;}

	/************************ STILE STRUTTURA E PAGINA INIZIALE (Homepage) - MOBILE FIRST ************************/
	.golden{background-position:100px;color:transparent;background:linear-gradient(to top left,#462523 0,#CB9B51 22%,#F6E27A 45%,#F6F2C0 50%,#F6E27A 55%,#CB9B51 78%,#462523 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
	/*Stile barra orizzontale titoli*/
	.cs_section_title {float:none;overflow:hidden;position:relative;width:100%;}
	.cs_section_title:before, .cs_section_title:after {border-top:1px solid #e5e5e5;content:"";height:1px;left:100%;margin-left:10px;position:absolute;top:calc(1rem + 1px);width:7700px;}
	.cs_section_title:after {left:auto;margin-right:10px;}
	.cs_section_title h2 {display:inline-block;font-size:18px;position:relative;text-transform:uppercase;margin-bottom:0;}
	.cs_section_title h2:before {border-style:solid;border-width:1px 0 0 0;border-color:var(--second-color);content:"";height:1px;position:absolute;right:-70px;top:calc(1rem + 1px);width:60px;z-index:5;}
	.cs_section_title{margin-bottom:1rem;}

	.separator{float:left;margin-bottom:15px;position:relative;width:100%;}
	.divider1{float:left;position:relative;width:100%;}
	.divider1:before{border-top:1px solid #e5e5e5;content:"";height:1px;left:0px;position:absolute;top:0;width:100%;}
	.divider1:after{border-top:1px solid #ef2743;content:"";height:1px;left:0px;position:absolute;top:0;width:60px;border-top-color:var(--second-color);}

		#wrap > .flexbox h1,
		#wrap > .flexbox h2{color:var(--second-color)}
		#wrap > *:not(footer):not(.flexbox):not(nav):not(.sponsor):not(canvas):not(.swiper-container),
		#wrap > .sponsor > .StaticSponsor,
		#wrap > footer > *,
		#wrap > .flexbox > *{padding:40px 15px;}

		#wrap >.flexbox>.content>.image_gallery>div>*{text-align:center;}
		#wrap >.flexbox>.content>.image_gallery>div{margin-bottom:10%;}
		#wrap >.flexbox>.content>.image_gallery>div:last-child{margin-bottom:0}
			#topbar{position:relative;background-color:var(--main-color);display:flex;flex-direction:column;align-items:center;justify-content:space-between;}
			#topbar{background-image:url('https://www.montagnapistoieseasd.it/wp-content/themes/mpasd/img/Esportazione1.jpg');background-position:50%;background-size:cover;}

				.topbar-logo{max-height:200px;position:relative;font-family:'PT Sans Narrow',sans-serif;z-index:2;}
			#topbar > div:nth-child(2) {text-align:center;line-height:2rem;z-index:2;}
			#topbar > div:nth-child(2) > h1{font-weight:700;text-align:center;font-size:25px;-webkit-text-stroke: 1px #F2E681;}
			#topbar > div:nth-child(2) > img:nth-child(3){max-height:60px;}

			#topbar > div:nth-child(3){z-index:2;display:flex;justify-content:space-evenly;}
			#topbar > div:nth-child(3) > picture{width:25%;}

			#topbar:after{  content: ' ';
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-color:rgba(4, 29, 108,.3);
				/*background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;*/
				z-index:1;
			}
			/*
			#topbar > div > img:nth-child(3){max-height:14px;}*/
/*
				canvas {width:100%;position:absolute;top:0;right:0;bottom:0;left:0;}
			*/
			#cssmenu{color:#FFF;}
			#cssmenu:not(.small-screen) li:hover > ul > li	{max-height:80px;}
			#cssmenu ul ul li a								{width:100%;box-sizing:content-box;padding:20px;white-space:nowrap;}
			#cssmenu:not(.small-screen) li:hover > ul > li	{max-height:80px;}
			#cssmenu.small-screen .submenu-button			{width:48px;height:48px;}
			#cssmenu>ul>li:not(:last-child){border-right:1px solid rgba(0,0,0,0.1);}
			#cssmenu{background-color:var(--second-color);font-weight:400;z-index:2;}
			#cssmenu ul li ul{background-color:var(--second-color);}
			#cssmenu ul ul li{text-align:left;}
			#cssmenu > ul > li > a,
			#cssmenu ul ul li a{font-weight:700;text-transform:uppercase;}
			/*.swiper-wrapper{min-height:100vh;height:auto;}*/
				.swiper-slide{padding:0;}
				.swiper-slide > img{display:block}
				.swiper-slide > div{position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,.5);color:#FFF;z-index:1;padding:1%;font-weight:bold;font-size:24px;}

			.risultati > div:nth-child(2){display:flex;flex-direction:column;}
			.risultati > div > article{box-sizing:border-box;max-width:640px;margin-bottom:1rem;text-align:center;background-image: url('img/palla-da-calcio-erba-campo-pratino.jpg');background-position:center;color:#FFF;font-weight:bold;}
			.risultati > div > article > div{padding:1rem;background-color:rgba(0,0,0,.5);}
			.risultati > div > article h3{background-color:#FFF;color:#000;font-weight:bolder;padding:3% 0;margin-bottom:3%;}
			.risultati > div > article h4{font-weight:bold;font-size:14px;text-transform:revert;}
			.risultati > div > article p{font-size:35px;margin-bottom:revert;line-height:revert;}
			.risultati > div > article:last-child{margin-bottom:0;}
					.prossime_partite > div:nth-child(2){display:flex;flex-wrap:wrap;flex-direction:column;}
					.prossime_partite > div:nth-child(2) > article{box-sizing:border-box;border:1px solid var(--second-color);margin-bottom:1rem;text-align:center;}
					.prossime_partite > div:nth-child(2) > article > h3{font-size:15px;font-weight:bold;background-color:var(--second-color);color:#FFF;text-align:center;padding:.5rem 0;}
					.prossime_partite > div:nth-child(2) > article > p{background-color:#F9F9F9;margin:0;padding:1rem 0;}
					.prossime_partite > div:nth-child(2) > article > p > span{font-weight:400;}
					.prossime_partite > div:nth-child(2) > article > p > span{font-size:.7rem;}
				.StaticSponsor{background-color:#EDEDED;/*justify-content:space-between;*/}
				aside{background-color:var(--main-color);}
				aside .cs_section_title > h2{color:#FFF;}
				aside article section h4,
				aside article section p{color:#FFF}
				/*.StaticSponsor > a:hover > img,
				.StaticSponsor > a:active > img{display:block;-webkit-filter:grayscale(0) brightness(100%) contrast(100%);opacity:1;background-color:#CCC;}*/
				/*-webkit-filter:grayscale(100%) brightness(60%) contrast(10000000%);opacity:.3;*/
					.SponsorList{display:flex;flex-flow:column wrap;align-items:center;}
					.SponsorList > div{position:relative;margin-bottom:calc( 2 * var(--main-y-space));width:100%;max-width:330px;height:auto;}
					.SponsorList > div > a{display:block;width:100%;max-width:330px;max-height:330px;box-sizing:border-box;}
					.SponsorList > div > a > img{display:block;box-sizing:border-box;/*-webkit-filter:grayscale(100%) brightness(60%) contrast(100%);opacity:.5;*/width:calc(100%);height:auto;max-height:330px;}
			footer{background-color:#2C2C2C;color:#666;}
			footer .box{margin-bottom:calc(2*var(--main-y-space));}
			footer .box:last-child{margin-bottom:0;}
			footer .box.logo{text-align:center;}
			footer .box > ul{clear:both;list-style-type:none;}
			footer .box ul a{text-decoration:underline;}
			footer .box > :not(.widget_section_title){padding:2%;}
			footer h4{font-size:1.2rem;text-transform:uppercase;}
			footer > .colophon{text-align:center;line-height:22px;}
				.footer-content{background-color:var(--main-color);color:#FFF;}
						.widget_section_title {float:left;overflow:hidden;position:relative;width:100%;}
						.widget_section_title h4 {display:inline-block;font-size:16px;font-weight:700;margin:0px;position:relative;text-transform:uppercase;}
						.twitter-logo a {font-size:20px;font-weight:bold;text-transform:capitalize;}
						.widget_section_title:before, .widget_section_title:after {border-top:1px solid #dcdcdc;content:"";height:1px;left:100%;margin-left:10px;position:absolute;top:calc(1rem - 1px);width:7700px;}
						.widget_section_title:after {left:auto;margin-right:10px;}
						.widget_section_title h4:before {border-top:1px solid var(--second-color);content:"";height:1px;position:absolute;right:-70px;top:calc( 1rem - 1px);left:inherit;width:60px;z-index:5;}


.home_news .flexbox{direction:row;justify-content: space-between;}
.home_news .flexbox article{width:32%;box-sizing:border-box;text-align:center;padding:40px 20px;}
article.single_news_preview{border-radius:3px;border: 1px solid #ebebeb;box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.08);margin-bottom:4%;}

.sidebox_news > .single_news_preview{display:flex;direction:row;}
.sidebox_news > .single_news_preview > figure{margin:0;max-width:150px;}
.sidebox_news > .single_news_preview > figure > a,
.sidebox_news > .single_news_preview > figure > a > img,
.sidebox_news > .single_news_preview > figure > img{display:block;}
.sidebox_news > .single_news_preview {color:#FFF;}
.sidebox_news > .single_news_preview > section{flex:1;padding:5%;}

article section .title time{background-color: #2a2a2a;
border-radius: 3px;
color: #fff;
font-size: 12px;
font-weight: 400;padding: 4px 8px;line-height:22px;}
.content article section .title h4{font-size:22px;color:#222;text-transform: unset;}
.content article section .title p{color:#444;margin-top:.5rem;}
.content article section .title ul.post-categories{list-style:none;color:#CCC;}
.content article section .title .post_categories a{color:#CCC;font-weight:bolder;}

	/************************ STILE PAGINE ************************/
		/************************ PAGINE ************************/
.page h3	{font-weight:900;}
.page p		{margin-top:0;margin-bottom:revert;color:#444;}
		/************************ PAGINE SQUADRE ************************/
							.squadra{display:flex;flex-wrap:wrap;justify-content:space-between;}
							.squadra > img,
							.squadra > div{width:45%;margin-bottom:5%;text-align:center;}
		/************************ PAGINA SQUADRE ************************/



	.footer-2{background-color:var(--main-color);}
		.banner_contributo{background-color:#FFF;display:flex;flex-direction: column;}
		.banner_contributo > *{padding:5%;}
		.banner_contributo > .head{background-color:#FFF;text-align:right;}
		.banner_contributo > .body{background-color:#E6E6E6;color:#000;font-weight:700;font-size:16px;text-align:center;}

@media (min-width:460px){.banner_contributo > .body{font-size:22px;}}
@media (min-width:640px){.banner_contributo > .body{font-size:26px;}}
@media (min-width:1024px){.banner_contributo {max-width:1000px;margin:0 auto;}}


@media (min-width:480px){
			#topbar > div:nth-child(2) > h1{font-size:34px;}
}
@media (min-width:640px){
			#topbar{flex-direction:row;justify-content:space-evenly;}
				.topbar-logo{max-height:unset;max-width:200px;}
			#topbar > div:nth-child(3){flex-direction:column;}

			#topbar > div:nth-child(2) > h1{font-size:30px;line-height:30px;}
			.risultati > div > article h4{font-size:25px;}

			#topbar > div:nth-child(3) > picture{
				max-width:unset;
				width:60px;
			}
			#topbar > div:nth-child(3) > picture:nth-child(1){
				margin-bottom:50%;
			}
}
@media (min-width:720px){
			#topbar > div:nth-child(2) > h1{font-size:38px;line-height:38px;}
					.SponsorList{flex-flow:row wrap;justify-content:space-evenly;}
					.SponsorList > div{height:330px;max-height:330px;}
					.SponsorList > div > a{position:absolute;top:50%;transform:translateY(-50%);}
/*TABLET, FOOTER FLEXBOX 50% ROW*/
							.squadra > img,
							.squadra > div {width:32%;margin-bottom:2%;}
		#wrap >.flexbox > .content >.image_gallery {flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
		#wrap >.flexbox > .content >.image_gallery > div {margin-bottom:10%;width:23%;}
		#wrap >.flexbox > .content >.image_gallery > div:last-child {margin-bottom:0}
		#wrap >.flexbox > .content >.image_gallery > div>* {text-align:center;}
		#wrap >.flexbox > .content >.image_gallery > div>*>img {height:auto;}
}
@media (min-width:768px){
					.prossime_partite > div:nth-child(2){flex-direction:row;justify-content:space-between;}
					.prossime_partite > div:nth-child(2) > article{width:48%;}}
@media (min-width:960px){
			#topbar > div:nth-child(2) > h1{font-size:50px;line-height:50px;}
			#topbar > div:nth-child(2) > img:nth-child(3){max-height:80px;margin-top:10px;}
			.risultati > div:nth-child(2){flex-direction:row;justify-content:space-between;}
			.risultati > div > article{margin-bottom:0;}
			.risultati > div > article{width:30%;}
			.risultati > div > article > div{box-sizing:border-box;height:100%;}}
@media (min-width:1023px){
			#cssmenu ul ul li a{padding:10px 40px 10px 10px;white-space:nowrap;width:auto;}
					.SponsorList > div{max-width:200px;max-height:200px;}
							.squadra > img,
							.squadra > div{width:22%;margin-bottom:4%;}}
@media (min-width:1024px){
		#wrap > .flexbox,
		#wrap > footer > .flexbox{flex-direction:row}
		#wrap>*:not(footer):not(.flexbox):not(nav):not(.sponsor):not(canvas):not(.swiper-container-pointer-events),
		#wrap>.sponsor>.StaticSponsor,
		#wrap>footer>*,
		#wrap>.flexbox>*{padding:20px 15px;}
		#wrap > footer > .flexbox{justify-content:space-between;}

				.content, aside{box-sizing:border-box;}
				.content{width:67%}
				aside{width:33%}
		#wrap > footer > .flexbox .box{width:calc((100% - 6%)/3)}
					.SponsorList{gap:20px;}}
@media (min-width:1280){
			#topbar > div:nth-child(2) > h1{font-size:60px;}
}
@media (min-width:1366px){
			#topbar{justify-content:start;position:relative;}
			#topbar > div:nth-child(2){position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;}
			#topbar > div:nth-child(2) > h1{font-size:72px;line-height:72px;}
			#topbar > div:nth-child(3){position:absolute;right:40px;}
							.squadra > img,
							.squadra > div{width:18%;margin-bottom:2.5%;}}
@media (min-width:1600px){
			#topbar > div:nth-child(2) > h1{font-size:86px;}
		#wrap > .flexbox{flex-direction:row}
		#wrap>*:not(footer):not(.flexbox):not(nav):not(.sponsor):not(canvas):not(.swiper-container-pointer-events),
		#wrap>.sponsor>.StaticSponsor,
		#wrap>footer>*,
		#wrap>.flexbox>*{padding:40px 30px;}
				.content{width:70%}
				aside{width:30%}
.page h2{font:20px 'Roboto', sans-serif;text-transform:none;}
.page h3{font:18px 'Roboto', sans-serif;text-transform:none;margin-top:revert;}
	h4{font:24px 'Roboto', sans-serif;}
	h5{font:14px 'Roboto', sans-serif;}
	h6{font:12px 'Roboto', sans-serif;}
	p,li{font-size:14px;}

@media (min-width:1850px){
			#topbar > div:nth-child(2) > h1{font-size:92px;}}

							/*.squadra > img,
							.squadra > div{width:300px;margin-bottom:2.5%;}*/}