/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.5.1645155334
Updated: 2022-02-17 19:35:34

*/

/* - Global */
:root {
	--primary-nav--font-size: calc(0.70 * var(--global--font-size-base));
	--global--spacing-vertical: 16px;
}
body { line-height: 1.25; font-size: 14pt; background-color: #f4f4f4; }
table { font-size: 12pt; }
.tx-whi { color: #ffffff; }
.tx-purp { color: #a000a0; }
.fnt-sz-150 { font-size: 150%; }
.fnt-sz-125 { font-size: 125%; }

/* - Header */
.site-header { max-width: 100%; padding-top: 1em; padding-bottom: 0.5em; }
.site-header > .site-logo { text-align: left; width: 20%; margin-left: 5%; padding-bottom: 12px; }
#masthead { background-color: #045840 ; } 
#masthead .site-logo .custom-logo {  max-width: 200px; max-height: 250px;  }
.site-branding .site-title { display: none; }
.site-branding .site-description { color: #ffffff; margin-left: 24px; margin-top: -24px; 
	font-size: 1.5rem; }
#site-navigation { position: static; left color: #ffffff;  
	margin-top: -24px; margin-left: 2%; margin-righu: 2%; width: 95%; }
#site-navigation  .primary-menu-container { margin: 0 2%; }
.primary-navigation a { color: #ffffff; background-color: #006868; }
.primary-navigation a:link { color: #ffffff; background-color: #006868; }
.primary-navigation a:visited { color: #ffffff; }
.primary-navigation a:hover { background-color: #50a0a0; }
#site-navigation li > a:focus { background-color: #50a0a0; }
.primary-navigation li:hover { background-color: #50a0a0; }
.primary-navigation .primary-menu-container > ul > .menu-item {  
	margin: 0 3px; border-radius: 4px; }
/* .primary-navigation .primary-menu-container > ul > .menu-item:hover {  
	#50a0a0; } */
.primary-navigation .primary-menu-container > ul > .menu-item > a { 
	padding-left: 0.5em; padding-right: 0.5em; border-radius: 4px; }
.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
	width: 1.0em; background-color: #006868; }
.primary-navigation > div > .menu-wrapper { justify-content: center; }  
.primary-navigation > div > .menu-wrapper .sub-menu-toggle { color: #ffffff; }
.primary-navigation .sub-menu .menu-item > a { padding: 0.5em 0.5em; font-size: 0.8rem;}
.primary-navigation .sub-menu .menu-item > a { background-color: #285840; }
.primary-navigation .sub-menu .menu-item > a:hover { background-color: #50a0a0; }

/* - Footer */
aside.widget-area { display: block; background-color: #045840; 
	max-width: none; padding-top: 0; margin-top: 0.5rem; }
aside.widget-area > section { margin-top: 1em; margin-bottom: 1em; 
	margin-left: auto; margin-right: auto; max-width: 95%; }
/*
.footer-top-visible .footer-nav-widgets-wrapper { margin-top: 2rem; }
.footer-inner .footer-widgets-outer-wrapper { padding: 8px 0; }
.footer-widgets-wrapper { display: block; width: 94%; margin-left: 2%; }
.footer-widgets-wrapper .footer-widgets { width: 100%; margin-left: 0; margin-right: 0; }
*/
table#foot-tbl { margin: 1em auto; }
table#foot-tbl th { border: none; }
table#foot-tbl td { border: none; }
table#foot-tbl td ul { margin-bottom: 1em; }
table#foot-tbl .td-ctr { text-align: center; }
table#foot-tbl strong { color: #d0d0ff; }
table#foot-tbl a { color: #ffffff; }
table#foot-tbl a:hover { background-color: #6490bc; }
div.site-info { display: none; }
footer#colophon { display: none; }

/* - Hide comments */
div#comments { display: none; }

/* - Title on Home page */
#post-5137 header { display: none; }


/* - Title on other pages */
.entry .entry-title:before { display: none; }
.entry .entry-title { font-size: 2.5rem; color: #045840; font-weight: bold; }
.entry .entry-header { color: #045804; text-align: center; }
.page .entry .entry-header { margin: 24px 10% 18px 10%;  
	padding-bottom: var(--global--spacing-vertical); border-bottom: solid 2px #688c68; }

/* - Content in center */
.entry > .entry-content { margin: 0 5%; max-width: min(90%, 1024px); padding: 0 8px; }
.entry > .entry-content > .home-intro { 
    margin: 16px 5% 16px 5%; padding: 0; width: 90%;
    color: #045804;
}
.page .home-intro a { color: #5c84b8; }
.page .home-intro a:visited { color: #5c84b8; }
/* - 20th anniv notice on Home page */
.entry .entry-content .home-notice { font-size: 125%; color: #bc6c30; background-color: #e8f0e8;
     margin: 16px 5% 8px 5%; padding: 0; max-width: 100%;
}
.entry .entry-content .home-notice a:hover { background-color: #e0ffe0; }

.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width {
    max-width: 100%; 
    margin-left: auto;
    margin-right: auto;
}

.entry .entry-content > .home-banner {
    color: #800080; background-color: #e8e8e8; margin: 0 2% 0 2%; width: 95%;
    text-align: center;
}
.page .home-banner img { max-width: 940px; margin-left: auto; margin-right: auto;}
.home-banner-overlay { text-align: center; }
.home-banner-overlay a { color: #106010; }
.home-banner-overlay a:visited { color: #106010; }
.home-banner-overlay a:hover { color: #ffffff; background-color: #3490b8; }
.entry .entry-content #home-slider { color: #2020ff; background-color: #f4e4a8;
    margin: 8px 5% 0 5%; width: 90%; max-width: 90%; }

.entry .entry-content .wp-block-nextend-smartslider3 {
    margin: 20px 5%; width: 90%; max-width: 90%;
}
.wp-block-columns:where(.has-background) { padding: 1em 1em; }

.site-content { max-width: 1135px; margin-left: auto; margin-right: auto; }
.entry .entry-content #home-tbl { margin-left: 5%; width: 90%;
    max-width: 90%; text-align: center; }
#home-tbl table { margin-left: auto; margin-right: auto; }
#home-tbl .ht-1a { color: #800080; background-color: #b7bfe0; }
#home-tbl .ht-1b { color: #2020ff; background-color: #f4e4a8; }
#home-tbl tr { height: 4em; }

.entry .entry-content .home-2-col { margin-left: 5%; width: 90%;
    max-width: 90%; }
.home-2-col > .wp-block-column { background-color: #ffffff; padding: 6px; border-radius: 12px; }
.home-2-col-l .wp-image-1960 { width: 50%; margin-left: 25%; }
.home-2-col-r img.alignleft { max-width: 33%; }

.entry .entry-content > ul { max-width: 90%; margin: 16px 0; }
.entry .entry-content ul li { line-height: 150%; }
.entry .entry-content > div { max-width: 90%; }
.entry .entry-content > hr { margin-top: 1em; margin-bottom: 1em; }
.entry .entry-content > h5 { max-width: 90%; margin: 0 0 16px 0; color: #045804; }
.entry .entry-content > h4 { max-width: 90%; margin: 16px 0 24px 0; color: #045804; }
.entry .entry-content > h3 { max-width: 90%; margin: 16px 0 24px 0; color: #045804; }
.entry .entry-content > h2 { max-width: 90%; margin: 16px 0 24px 0; color: #045804; }
.entry .entry-content > h1 { max-width: 90%; margin: 16px 0 24px 0; color: #045804; }
.entry .entry-content > h2:before { display: none; }
.entry .entry-content > p.no-top { margin-top: 0; }
.entry .entry-content > p.no-bot { margin-bottom: 0; }
.entry .entry-content > p { max-width: 90%; margin: 0 0 1em 0; line-height: 1.3em; }
.entry .entry-content a { color: #007c90; }
.entry .entry-content a:hover { background-color: #f0e8dc; }

.site-main { padding-bottom: 0.5rem; }
.site-main > article { margin-bottom: 0.5rem; }

p#wi-links { margin: 8px 0; }

.wh-on-grn { color: #ffffff; background-color: #045804; }
.inverse { color: #ffffff; background-color: #045804; }

blockquote em { font-style: normal; }

p.clear1 { color: #f4f4f4; background-color: #f4f4f4; }
p.invis { display: none; }
p.hide-me { display: none; }
div.hide-me { display: none; }
/* - Center stuff in a paragraph */
p.tx-ctr { text-align: center; }

/* - Inverse coloring on Newsletter page */
#post-5129 h3.inverse { color: #ffffff; background-color: #045804; }

/* - Closer spacing of links on events page */
div.event-list h4 { margin: 0.5rem 0; }

/* - Uniform spacing of lists on sponsors page */
div.dv-sponsors h4 { color: #1C7038; text-decoration: underline; margin: 0.66em 0; }
div.dv-sponsors p { margin: 0.15em 0; }

/* - Set picture size on Newlstter page */
img.wp-image-5474 { width: 25%; margin: 0 2%; }
img.wp-image-5475 { width: 25%; margin: 0 2%; }

/* - Vert space below last picture on Board page */
img.wp-image-4021 { margin-bottom: 8px; }

/* - Links in 20th-anniv page  */
.post-5576 .entry-content p a { background-color: #dcffd0; text-decoration: underline; }
.post-5576 .entry-content p a:hover { text-decoration: none; }
/* - Photos on 20th Anniv celeb page */
#post-5576 .wp-block-column { margin-left: 4px; margin-right: 4px; }
#post-5576 #dv-ann-20-top { width: 100%; padding-top: 4px; }
#post-5576 #dv-ann-20-top a img.alignnone { margin: 5px 2px; }
#post-5576 #dv-ann-20-top a .wp-image-3703 { width: 31%; }
#post-5576 #dv-ann-20-top a .wp-image-3435 { width: 24%; }
#post-5576 #dv-ann-20-top a .wp-image-3419 { width: 12%; }
#post-5576 #dv-ann-20-top a .wp-image-3430 { width: 28%; }

/* Contact-us form */
input[type=text] { border: 4px solid #045840; padding: 4px; }
input[type=number] { border: 4px solid #045840; padding: 4px; }
input[type=email] { border: 4px solid #045840; padding: 4px; }
textarea.wpcf7-textarea { border: 4px solid #045840; padding: 4px; }
/* form.wpcf7-form input[type=submit].wpcf7-submit  { background-color: #045840; } */
/* span.wpcf7-spinner  { background-color: #045840; } */
input[type=submit]:not(:hover):not(:active):not(.has-background) { 
	color: #e8e8e8; background-color: #045840; border-radius: 8px;}
input[type=submit]:hover { color: #e8e8e8; background-color: #50a0a0; border-radius: 8px; }

/* - Building Villages page */
#bv-small-map {width: 50%; }

/* - Older person celeb section on Home page */
table.dno-border { border: hidden; } 
table.dno-border td { border: hidden; }