/*
Theme Name: Parrocchia Galliate
Theme URI: https://www.parrocchiagalliate.it/
Description: Tema sviluppato per il sito www.parrocchiagalliate.it, basato su Bootstrap
Version: 1.2.3 [24/11/2018]
Author: Marco Azzari
Author URI: https://azzari.dev/
*/

@media all {
    a { -webkit-transform: none; }
}

/* helper */
.nopadding { padding: 0; }
.nomargin { margin: 0 !important;  }
.alignright { float: right; margin-left: 10px; }
.alignleft { float: left; margin-right: 10px; }
img { max-width: 100%; height:auto; }

/* testata */
header { background-color: #f5f6fa; }

/* marquee in testa */
.scroll-container { height: 135px; margin: 27px 0; overflow: hidden }
.scrollimgs:after {
	content: "";
	position: absolute;
	left:0;
	top:0;
	width: 25px;
	height: 100%;
	display: inline-block;
	background: -moz-linear-gradient(left, rgba(245,246,250,1) 0%, rgba(245,246,250,0) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(245,246,250,1) 0%,rgba(245,246,250,0) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(245,246,250,1) 0%,rgba(245,246,250,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6fa', endColorstr='#00f5f6fa',GradientType=1 ); /* IE6-9 */
}
.chimage { height: 135px; float: left; margin-left: 5px; }
.chtext { height: 135px; background: #f5f6faaa; width: 100%; display: none; font-size: 14px; text-align: center; padding-top: 55px; font-weight: bold; }
.chtext a { color: #2f3640; }
.chimage:hover .chtext { display: block; }

/* contenuto */
.main-page { margin-top: 3rem; margin-bottom: 3rem; }
.main-logo img { width: 180px; margin: 0.5rem 0; }
.main-title { display: flex; flex-direction: column; justify-content: center; }
.main-title .blog-title { font-size: 2.65em; margin-bottom: 0.5rem; font-weight: 700; line-height: 1.1em; }
.main-title .lead { font-size: 1.25em; line-height: 1.35em; margin-bottom: 0; }
.main-title .blog-title a { color:#343a40; }

.landing-page { margin-top:0; }
.landing-page-image { margin-bottom:3rem;}

.post-header { margin-bottom:2rem; }
.post-excerpt p { margin: 0; }
.post-img { width: 180px; float: right; margin-left: 10px; margin-bottom: 20px; }
.readmore { margin-bottom: 1rem; margin-top: 0.1rem; }
.div-line, .pages-navigation { margin: 20px; border-bottom: 1px dashed #e5e5e5; }

aside > div { margin-bottom:1.5rem; }

.grid-subpages { display: grid; grid-template-columns: 1fr 1fr 1fr; gap:1rem; margin:2rem 0; }
.grid-subpages .post-grid-element { height: 15rem; background-position: center; background-size: cover; position: relative; }
.grid-subpages .post-grid-overlay { width: 100%; height: 100%; display: flex; background: rgb(0 0 0 /.3); }
.grid-subpages h2 { position:absolute; top:50%; width:100%; padding:0 1rem; font-size:2rem; z-index:9999; transform: translateY(-50%); text-align: center; font-weight: 500; }
.grid-subpages h2 a { color:white; width:100%; display:block; }

/* home */
.section-title { position:relative; font-size:2rem; margin:1rem 0 1.5rem; width:100%; display: flex; line-height: 2.5rem; height: 3rem; align-items: center; }
.section-title span { display:inline-block; white-space: nowrap; z-index: 10; background-color: white; padding-right:1rem; }
.section-title::after { content:""; flex:1 0 auto; border-top:2px solid #343a40; height:0.5rem; border-bottom:2px solid #343a40; margin-top:12px; }
.home-arts { background-color: #f5f6fa; border: 1px solid #e5e5e5; padding: 1rem 1.5rem; margin: 2rem 0 3rem; }
.home-arts .section-title span { background-color: #f5f6fa; }
.home-arts h2 { margin: 0 0 0.5rem; }
.home-arts img { width: 180px; }
.home-arts a { color: #343a40; }
.home-art { margin: 10px 0; text-align: center; }
.home-date { margin-bottom: 8px; font-size:0.8rem; }
.bacheca .post:not(:last-child) { border-bottom:1px solid #ccc; margin-bottom: 2rem; padding-bottom: 1rem; }

/* footer */
footer { border-top: 1px solid #e5e5e5; text-align: center; padding-top: 5px; }
footer a { color: #343a40; }

/* calendar widget */
.widget_calendar { float: left; margin-left: 5px; }
#wp-calendar { width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 0; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #332; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:4px; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* azz-latest-posts-shortcode */
.azz-latest-posts-shortcode { list-style: none inside; padding-left: 0; }
.azz-latest-posts-shortcode h2 { font-size:1.2rem; }
.azz-latest-posts-shortcode h2 a { color:#343a40; }
.azz-latest-posts-shortcode time { font-size: 0.85rem; font-style: italic; }
.azz-latest-posts-shortcode p { font-size:0.85rem; }

/* azz-latest-posts-landing */
.azz-latest-posts-landing { list-style: none inside; padding-left: 0; display:grid; justify-content: start; align-items: start; gap: 2rem; justify-items: start; grid-template-columns: 1fr 1fr 1fr 1fr; }
.azz-latest-posts-landing li { flex: 1 0 25%; }
.azz-latest-posts-landing li h2 { font-size:1.6rem; }
.azz-latest-posts-landing li time { font-size:0.8rem; }
.azz-latest-posts-landing li p { font-size:1rem; }

@media (max-width: 770px) {
	.side-title { display: none; }
	.main-logo img { width: 30vw; }
	.main-title { font-size: 2.8vw; padding-left: 0; }
	.post-img { max-width: 100%; max-height: 100%; margin: 10px 0; }
	.azz-latest-posts-landing { grid-template-columns: 1fr; }
	.post-header h1 { font-size: 8.6vw; }
}