/* General style modifications to parent theme */

/* Default and small screens */


/* Remove background color on the page body added by the Twentytwenty theme. */
body {
	background-color:transparent;
}

/* Fix font sizes */
main#site-content, .entry-content {
	font-size:0.9em;
}

/* Fix word breaking and wrapping rules */
*,
*::before,
*::after {
	word-break: normal;
	word-wrap: normal;
}

/* Fix left- and right- aligned images on full-page template view to enable them to take up a reasonable amount of space. (The default parent theme 'narrow' template shrinks-down floated images to fit them in the margins). */
body.page-template-template-full-width .alignleft,
body.page-template-template-full-width .alignright {
    max-width: 50% !important;
}

/* Modify default link colors */
a {
	color:#006633;
}

/* Modify links colors for mobile menu */
.modal-menu a {
	color:#006633;
}

/* Fix color of links in footer widget areas */
.footer-widgets a {
	color:#006633;
}

/* Fix color of links in entry headers */
.entry-header a {
	color: #006633 !important;
}

/* Style blockquotes */
blockquote {
	border-color:#006633;
}

/* Style pull quotes */
.wp-block-pullquote:before {
	color:#006633;
}

/* Style captions */
.entry-content figcaption {
    background-color: #232525;
    color: white;
    margin-top: 0;
    padding: 1.25em;
}
.entry-content figcaption, .wp-caption-text {
    font-size: 1.4rem;
}

/* Style code */
code {
	color:#595855;
}

/* Set default color for main content area */
main#site-content {
	color: #333;
}

/* Fix colors, generally */
/* Only apply this to the main content area, to avoid affecting header and footer, which have differently-colored backgrounds */
main#site-content .color-accent,
main#site-content .color-accent-hover:hover,
main#site-content .color-accent-hover:focus,
main#site-content .has-accent-color,
main#site-content .has-drop-cap:not(:focus)::first-letter,
main#site-content .wp-block-button.is-style-outline {
    color: #006633;
}
/* Apply this also to the sidebar areas */
.sidebar .color-accent,
.sidebar .color-accent-hover:hover,
.sidebar .color-accent-hover:focus,
.sidebar .has-accent-color,
.sidebar .has-drop-cap:not(:focus)::first-letter,
.sidebar .wp-block-button.is-style-outline {
    color: #006633;
}

/* Style buttons */
/* Only apply this to the main content area, to avoid affecting header and footer, which have differently-colored backgrounds */
main#site-content button,
main#site-content .button,
main#site-content .faux-button,
main#site-content .wp-block-button__link,
main#site-content .wp-block-file .wp-block-file__button,
main#site-content input[type="button"],
main#site-content input[type="reset"],
main#site-content input[type="submit"] {
	background-color:#006633;
	color:white;
}
/* Apply this also to the sidebar areas */
.sidebar button,
.sidebar .button,
.sidebar .faux-button,
.sidebar .wp-block-button__link,
.sidebar .wp-block-file .wp-block-file__button,
.sidebar input[type="button"],
.sidebar input[type="reset"],
.sidebar input[type="submit"] {
	background-color:#006633;
	color:white;
}
/* And to the parent theme footer widget areas */
.footer-widgets-wrapper button,
.footer-widgets-wrapper .button,
.footer-widgets-wrapper .faux-button,
.footer-widgets-wrapper .wp-block-button__link,
.footer-widgets-wrapper .wp-block-file .wp-block-file__button,
.footer-widgets-wrapper input[type="button"],
.footer-widgets-wrapper input[type="reset"],
.footer-widgets-wrapper input[type="submit"] {
	background-color:#006633;
	color:white;
}

/* Fix text color for outline style */
main#site-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
    color: inherit;
}
/* Apply this also to the sidebar areas */
.sidebar .is-style-outline .wp-block-button__link:not(.has-text-color) {
    color: inherit;
}

/* Fix background color for outline style */
main#site-content .is-style-outline .wp-block-button__link {
    background-color: transparent;
}
/* Apply this also to the sidebar areas */
.sidebar .is-style-outline .wp-block-button__link {
    background-color: transparent;
}

/* Style website header area */
header#site-header {
	min-height:14em;
	background-color:transparent; /* Remove background color on the site header added by the Twentytwenty theme. */
	background-repeat:no-repeat;
	background-size: 200%;
	background-position: top center;
}

header#site-header:before {
	content: '';
	display:block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:linear-gradient(180deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 30%);
	z-index:1;
}

/* remove excess padding from above the site logo, title */
.header-inner {
	padding-top: 0.5em;
}

/* Style header icons for small screens (search and menu) */
.header-inner .toggle {
	align-items: flex-start;
	padding: 2rem;
	z-index: 3;
}

/* Style the toggle-inner container (contains the search and menu icons) */
.toggle-inner{
	position: absolute; /* For small screens, force the toggle-inner container to be at the top (This is a fix for iOS (both Safari and Chrome) and arguably shouldn't be necessary.) */
	top: 1rem;
}

/* Give the search and nav toggle buttons smaller hitboxes */
.search-toggle, .nav-toggle {
	bottom: unset;
	height: 4em;
	width: 4em;
}

/* Ensure modal menu and search are always on top */
.menu-modal, .search-modal{
	z-index: 9999;
}

/* Style site title area */
.header-titles-wrapper .toggle-icon, .header-titles-wrapper .toggle-text {
	color:white !important;
}

/* Style site title area */
.header-titles-wrapper {
	max-width:100%; /* Ensure that site title can take up full width */
}

.header-titles {
	z-index:1;
}

/* Style site name */
div.site-name {
	color: white;
	font-weight: bold;
	font-size: 1.5em;
	font-family: "Open Sans", Verdana, Geneva, sans-serif;
	text-shadow: 3px 3px 4px black;
}

/* Style site name link */
div.site-name a {
	color: white;
	text-decoration: none;
}

/* Hide site description/tagline */
div.site-description {
	display:none;
}

/* Style main content area */
main#site-content {
	background-color: white;
}

/* Set font for main content area and sidebars */
article, .entry-content, .sidebar {
	font-family: "Open Sans", Verdana, Geneva, sans-serif !important;
}

/* Remove padding before main page content */
.post-inner {
	padding-top:0;
}

/* Style entry header area */
header.entry-header {
	padding-top: 2rem !important;
	padding-bottom:3rem !important;
	margin-bottom: 2em;
	background-color:#eff0e7 !important;
}

/* Style all entry titles */
h1.entry-title {
	margin-top:0.25em;
	font-family: 'Roboto Slab', Palatino Linotype, Palatino, serif;
	letter-spacing: 0.025em;
}
/* Style entry title color for titles for single post pages and multiple post pages */
h1.entry-title, h2.entry-title {
	color: #42413f;
}
/* Style entry title for pages only */
article.page h1.entry-title {
	text-align:left;
}

/* Style entry content */
.entry-content {

}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 58rem;
}

/* Style entry content headers */
/* h2 */
.entry-content h2 {
	color: #006940;
	font-size:4rem;
}
/* h3 */
.entry-content h3 {
	color: #004c2e;
	font-size:3.5rem;
}
/* h4 */
.entry-content h4 {
	color: #004c2e;
	font-size:3rem;
}

/* Basic widget styling */
li.widget {
	list-style-type: none;
	clear: both; /* ensure that if a preceding widget contains a floated element, the subsequent widget will start below the floated item */
}

/* Fix widget fonts */
.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {
    font-family: inherit;
    letter-spacing: normal;
}

/* Style widget item titles in content areas */
div.entry-content li.widget h3.widget-title {
    margin:0 1em 0.5em;
    text-align: center;
    letter-spacing: 0.025em;
    padding: 20px 0px;
    font-family: 'Roboto Slab', serif;
    font-weight:bold;
    color:#006633;
}

/* Style content footer widget area */
.footer-widgets-outer-wrapper {
    border-bottom: none;
}

/* Hide parent theme footer menu */
nav.footer-menu-wrapper {
	display:none;
}

/* Style social media menu */
ul.social-menu {
	justify-content: center;
}

/* center the social media even if there is a parent theme footer menu (which we've hidden above, as ours appears in the lower site footer area) */
.has-footer-menu .footer-social {
    justify-content: center;
}

/* and ensure we're not adding extra padding even if there's a parent theme footer menu (which we've hidden above, as ours appears in the lower site footer area) */
.has-footer-menu .footer-social-wrapper {
	margin-left:1rem !important;
}

/* Style search menu icons */
.social-icons a {
	/* background-color: #006633; - background color set in custom color schemes css files */
}

/* Style WordPress cover block */
.wp-block-cover.has-background-dim:not(.has-background-gradient):before {
	display:none; /* The parent theme has a full page overlay which doesn't work for our child theme, so we hide it. */
}

/* Homepage customizations */
/* Hide page title for home page */
body.home.singular header.entry-header {
	display:none;
}

/* Hide post separators on homepage */
body.home .post-separator {
	display:none;
}

/* Blog page customizations */
/* Add bottom margin to articles */
body.blog article {
	margin-bottom:3em;
}
/* But not on the last article */
body.blog article:last-of-type {
	margin-bottom:0em;
}

/* Archive page customizations */
/* Hide category archive page headings */
body.category header.archive-header {
	display:none;
}