/*
Theme Name: Village Arts Twenty Seventeen
Template: twentyseventeen
*/

/* Force single column layout on pages */
@media screen and (min-width: 48em) {
    .has-sidebar:not(.error404) #primary {
        width: 100%;
    }
}

header.entry-header, div.site-info {
	display: none !important;
	}
	
a.custom-logo-link {
	padding-right: 8px;
	padding-top: 18px;
	clear: both;
    display: block;	
	}	

.entry-content :is(h1, h2, h3, h4) {
	font-family: Georgia,"Bitstream Charter",serif;
	clear: both;
    display: block;
    width: 100%;
	}
	
.header-link :is(a, a:hover, a:active) {
    text-decoration: none !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    color: #ffffff;  
}

section#recent-posts-2 a {
    text-decoration: none !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
}

section#recent-posts-2 a:is(:hover, :active) {
    box-shadow: -2px 0 0 0 #535353 !important;
    padding-left: 3px;
    font-weight: bold;
}
	
h1.header-link {	
	text-align: center !important;
	}
	
h1.site-title {
	font-size: 3.5rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    margin-top: 30px;
    margin-bottom: 20px !important;	
	}
	
/* 1. Apply margin to all H1s by default */
h1 {
    margin-bottom: 40px !important;
}

/* 2. If an H1 is followed by another H1, remove the margin from the first one */
h1:has(+ h1) {
    margin-bottom: 0 !important;
}
	
.entry-content h1 {
	background-color: #535353; /* Light grey */
    padding: 10px 20px;       /* Adds space so the text doesn't touch the edges */
    color: #ffffff;              /* Ensures the text is readable */
    text-align: right;
    font-size: 2.1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.entry-content h2 {
	padding: 0px;
	}
	
div.entry-content {
    max-width: 640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%; /* Ensures it shrinks on small mobile screens */
}	

img.alignnone {
	margin-top: 45px;
	}
	
p.site-description {
	opacity: 1.0;
	font-size: 1.2rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);	
	}
	
/* Targets text, email, and URL fields */
.grunion-field-wrap:has(input[type="text"]),
.grunion-field-wrap:has(input[type="email"]),
.grunion-field-wrap:has(textarea) {
    margin-bottom: 20px !important;
}

.navigation-top {
	font-size: 1.05rem;
	}