/*
Benvenuto nella funzione di personalizzazione dei CSS!

Per scoprire come funziona, consulta https://wp.me/PEmnE-Bt
*/
#page.hfeed.site {
	max-width: 90%;
/*padding: 5px;*/
}

/*#primary.content-area {
	width: 100%;
	padding: 0 293px;
}*/
.site-main .entry-content .display-posts-listing .listing-item {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	min-height: 170px;
}

.site-description {
	font-size: 2.5em;
}

.site-title a {
	font-size: 1.5em;
}

#primary-menu {
	font-size: 1em;
	white-space: nowrap;
}

.entry-content, .entry-summary {
	text-align: justify;
}

.entry-title {
	text-align: center;
}

.post-thumbnail img {
	margin-left: auto;
	margin-right: auto;
}

.site-header .header-image {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#tertiary.widget-area-footer {
	margin-left: auto;
	margin-right: auto;
	display: table;
	width: auto;
}

.has-double-sidebar .widget-area {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.site-content a, .widget-area-footer a, .site-title a:active, .site-title a:focus, .site-title a:hover {
	color: #fc0500;
}

.widget_calendar tbody a {
	background: #fc0500;
}

@font-face {
	font-family: "Looney Tunes Tilt BT V2";
	src: ;
	src: ;
}

.site-description {
	color: #ff0000;
	text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px 0 0 #000, 0 1px 0 #000, -1px 0 0 #000, 0 -1px 0 #000;
	font-family: "Looney Tunes Tilt BT V2";
}

.site-title {
	color: #ffbd00;
	text-shadow: -2px 2px 2px black, 2px 2px 2px black, 2px -2px 0 black, -2px -2px 0 black;
}

.site-title a:hover {
	color: #ff0000;
	text-shadow: -2px 2px 2px black, 2px 2px 2px black, 2px -2px 0 black, -2px -2px 0 black;
}

/*
#primary.content-area #main.site-main {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	display: table;
}

.has-double-sidebar .left-sidebar, .has-double-sidebar .right-sidebar, .left-sidebar-2, .right-sidebar-2 {
	width: 200px;
}

.has-double-sidebar .content-area {
	width: auto;
	margin-left: 220px;
	margin-right: 220px;
}

.site-logo-link, .site-logo-link img {
	height: 516px;
	max-height: 100%;
	max-width: 100%;
	width: 542px;
}
*/
.site-branding {
	background-image: url('https://massilosa.com/wp-content/uploads/2024/02/siena-skyline-blu-scuro.fw_-2.png');
	background-position: left bottom;
/* Center the image */
	background-repeat: repeat-x;
/*background-size: content;*/
	background-size: 50% 100%;
	margin-top: 0;
	padding-top: 0;
}

img.site-branding, a.site-logo-link {
	height: 0;
	width: 0;
	visibility: hidden;
}

/*
div#primary.content-area {
box-shadow: 0 0 15px 0px #000;
  clip-path: inset(0px -15px 0px -15px);
	padding: 0 10px;
	max-width: 50%;
	width: auto;
	margin-left: 25%;
	margin-right: 25%;
}
div.right-sidebar, div.left.sidebar {
	min-width: 293px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
*/
/* on mobile */
@media screen and (max-width: 500px) {
	.site-description {
		font-size: .9em;
		text-align: center;
		float: left;
	}
	
	.site-title a {
		font-size: .63em;
		text-align: center;
	}
	
	.site-branding {
		background-image: url('https://massilosa.com/wp-content/uploads/2024/02/sienaskyline_blu.opaco_.fw_.png');
		background-position: left bottom;
	/* Center the image */
		background-repeat: repeat-x;
	/*background-size: content;*/
		background-size: 100% 95%;
		margin-top: 0;
		padding-top: 0;
		width: 100%;
		text-align: center;
	}
	
	img.site-branding, a.site-logo-link, img.site-logo.attachment-colinear-logo {
		height: 0;
		width: 0;
		visibility: hidden;
		z-index: -9999;
		float: left;
	}
	
	.site-title {
		color: ffbd00;
		text-shadow: -1px 1px 1px black, 1px 1px 1px black, 1px -1px 0 black, -1px -1px 0 black;
		text-align: center;
	}
	
	.site-title a:hover {
		color: #ff0000;
		text-shadow: -1px 1px 1px black, 1px 1px 1px black, 1px -1px 0 black, -1px -1px 0 black;
		text-align: center;
	}
	
	.site-description {
		text-shadow: -.5px .5px .5px black, .5px .5px .5px black, .5px -.5px 0 black, -.5px -.5px 0 black;
		color: #ff0000;
	}
	
	.has-menu .site-title, div.site-branding {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	div.site-branding > * {
		vertical-align: top;
		vertical-align: text-top;
		display: inline-block;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.site-title {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	button.menu-toggle {
		top: 5px;
		right: 5px;
		position: absolute;
		float: right;
		display: block;
		padding: 0;
		margin: 0;
		background: transparent;
		color: black;
		box-shadow: 0 0 0 2.3px black inset;
	}/*
						div#primary.content-area {
						box-shadow: 0 0 0 0 #000;
						  clip-path: inset(0 0 0 0);
							margin-left: auto;
							margin-right: auto;
							max-width: max-content;
							width: content;
						}
						*/
	/* on mobile */
	
}