/*!
Theme Name: GM_underscores_new
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 2.0.0
Tested up to: 8.5.3
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gm_underscores_new
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

GM_underscores is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Fonts
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
	- Slider
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
 @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700&display=swap'); 
 @import url('https://fonts.googleapis.com/css?family=Merriweather+Sans&display=swap'); 

/* Normalize
--------------------------------------------- */

.svg-email-protection {
  width: 180px;
  height: 24px;
  vertical-align: middle;
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	 line-height: 1.15;
	-text-size-adjust: 100%; 
}

@media screen and (max-width: 800px){
html, body { overflow-x: hidden; }
body { position: relative; }

}



/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: 600;
	color: #404040;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */


/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}


/* Box sizing
--------------------------------------------- */



/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; */
	font-family: 'Raleway', Helvetica, Arial, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Merriweather Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

h2 {
	font-size: 1.5em;
	margin: 0.67em 0;
}


p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}






/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 2em;

}

ul {
	/* list-style: disc; */
	list-style-type: none;
}

ol {
	/* list-style: decimal; */
	list-style-type: none;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	/* margin: 0 1.5em 1.5em; */
	margin-bottom: 0;
	margin-left: 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* img {
	height: auto;
	max-width: 100%;
}
*/ 
figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #C81920; /* darkened from #ED1C24 for WCAG AA contrast (5.81:1 vs 4.38:1) */
	text-decoration: none;
}

a:visited {
	color: #C81920;
}

a:hover,
a:focus,
a:active {
	color: #C81920; /* was plain red (#FF0000), which failed AA at 4.0:1 */
}

a:focus {
	outline: 2px solid #C81920;
	outline-offset: 2px;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/* generic flex - align top left */

  .flex-container-top-left {

    display: flex;
    
    justify-content: flex-start; 
    align-items: flex-start; 
    /* flex-flow: wrap; */  
    flex-wrap: wrap; 
    align-content: flex-start;

    /* background-color: #bbdefb; */
    width: 100%;
    padding: 15px;
    gap: 5px;
  }

  .flex-container-top-left > div{
   	background: #F1F1F1;
  /*   border: 3px solid #ffcc80; */
    border-radius: 4px; 
    padding: 8px; 
    margin: 5px;
  }

/* 3 over 1 grid for top of page call outs volunteer pages*/

.top_grid_parent {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-column-gap: 5px;
grid-row-gap: 5px;
font-weight: 500;

}

.top_grid_div_1 { /* grid-area: 1 / 1 / 2 / 2; */
text-align: center;
background-color: #F1F1F1;
margin: 10px;
padding: 20px;
border-radius: 4px;
/* border: 1px solid #222222; */

 }
.top_grid_div_2 { /* grid-area: 1 / 2 / 2 / 3; */
text-align: center;
background-color: #F1F1F1;
margin: 10px;
padding: 20px;
border-radius: 4px;
/* border: 1px solid #222222; */

 }
.top_grid_div_3 { /* grid-area: 1 / 3 / 2 / 4; */
text-align: center;
background-color: #F1F1F1;
margin: 10px;
padding: 20px;
border-radius: 4px;
/* watermark */
background-image: url('/wp-content/themes/gm_underscores/images/50_50_GM_grid_shield.png');
background-repeat: no-repeat; 
background-position: right bottom; 
overflow: hidden;
 }


/* subject grid horizontal, for groups of contacts on a page */

.subject_grid_parent {
display: grid;
/* repeat(auto-fill, minmax(150px, 1fr)); */
 /* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */
 align-self: end;
grid-column-gap: 2px;
grid-row-gap: 2px;
font-weight: 400;
/* font-size: 0.75em; */
float: right;
border-radius: 4px;
padding: 2px;
/* margin: 2px; */
margin-left: 20px;
margin-right: 30px;
margin-bottom: 20px;
background-color: #606060;

}

@media screen and (max-width: 800px){

.subject_grid_parent { font-size: 0.75em; margin-left: 0px; margin-right: 0px;}

}



/*  for 1 contact on a page */

.subject_grid_div_1 {  

/* grid-area: 1 / 1 / 2 / 2; */
/* display: inline-block; */
/* text-align: center; */
background-color: #F1F1F1;
margin: 4px;
margin-right: 2px;
padding: 5px;
border-radius: 4px;
/* border: 1px solid #222222; */
overflow: hidden;
 }
 
.subject_grid_div_1 img { 
border-radius: 4px; 
display:block;
}
 
.subject_grid_div_2 {  
grid-area: 1 / 2 / 2 / 2; 
/* display: block; */
/* text-align: center; */
background-color: #F1F1F1;
margin: 4px;
margin-left: 2px;
padding: 10px;
border-radius: 4px;
/* watermark */
background-image: url('/wp-content/themes/gm_underscores/images/100_100_GM_grid_shield_corner.png');
background-repeat: no-repeat; 
background-position: right bottom; 
overflow: visible;

 }
 
 

  
  /* subject grid vertical stacked */

.subject_grid_v_parent {
display: grid;
/* justify-content: center; */
/*  align-self: end; */

grid-template-columns: 200px;

grid-column-gap: 2px;
grid-row-gap: 2px;
font-weight: 400;
float: left;
border-radius: 4px;
padding: 2px;
/* margin: 2px; */
/* margin-left: 10px; */
background-color: #606060;
/*
 > * {
    grid-area: 1 / 1;
  }
*/
}

.subject_grid_v_div_1 {  

/* grid-area: 1 / 1 / 2 / 2; */
/* display: inline-block; */
/* text-align: center; */
/* align-self: center; */
background-color: #F1F1F1;
margin: 4px;
margin-bottom: 2px;
padding: 5px;
border-radius: 4px;
/* border: 1px solid #222222; */
overflow: hidden;

 }
 
.subject_grid_v_div_1 img { 
border-radius: 4px; 
display:block;
margin:auto;
width: 100%;
height: 100%;
}
 
.subject_grid_v_div_2 {  
/* grid-area: 1 / 2 / 2 / 2; */
/* display: block; */
/* text-align: center; */
font-size: 0.875em;

background-color: #F1F1F1;
margin: 4px;
margin-top: 2px;
padding: 5px;
padding-bottom: 15px;
border-radius: 4px;
/* watermark */
background-image: url('/wp-content/themes/gm_underscores/images/100_100_GM_grid_shield_corner.png');
background-repeat: no-repeat; 
background-position: right bottom; 
overflow: visible;
/* width: 200px; */

 }

/* for multiple vertical_stacks */
.subjects_container_h {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
row-gap: 8px;
column-gap: 8px;
}


/* 404 page */


.page-text {
	
	margin: auto;
	width: 70%;
	padding: 30px;
	padding-bottom: 100px;
  
	z-index: -1000;
	text-align: center;
	}

.page-text a {
	color: red;
	text-decoration: none;
}

.page-text a:hover {
  text-decoration: underline;
}

.page-text img {
  width: 150px;
  height: 150px;
}


/* Employee Dir */

.results-wrap {
clear: both;
display: flow-root;
}

.e_d_box_body {
        /* height: 400px; */
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        /* background-color: red; */
        
    }
    .e_d_box_body>* {
         flex: 0 1 0; 
        /* background-color: blue; */
        margin: 5px;
        margin-bottom: 0px;
        margin-top: 0px;
        border:0px;
        font-size: 90%;
        flex-basis: content;

    }

.e_d_box_body a {
        font-size: 80%;
        }
        
.e_d_box_body img {
         
        }
        
.e_d_box_top {
        /* height: 400px; */
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
       /* background-color: yellow; */
    }
    .e_d_box_top>* {
        flex: 1 1 5px;
       /* background-color: green; */
        margin: 5px;
        margin-bottom: 0px;
        margin-top: 0px;
        border:1px;
      /* flex-basis: 33.3333%; */
    }
    

.e_d_box_top div h2 {
 color: #404040;
 /* font-family: 'Raleway', Arial, "Helvetica Neue", Helvetica, sans-serif; */
 font-family: 'Merriweather Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.e_d_box {
        height: 400px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        /* background-color: yellow; */
    }
    .e_d_box>* {
        flex: 1 1 60px;
       /* background-color: green; */
        margin: 10px;
        border:1px;
     /* flex-basis: 50%; */
    }


.e_d_box:nth-last-of-type(1) .e_d_container:nth-last-of-type(1) {

	      /* background-color: #F8F9F9;  */
	     /* flex-shrink: 2; */
  flex-grow: 55;
  flex-basis: 0px;
  min-width: 0px;
  /* flex-shrink: 25; */
	     
	    }
	    
	    
	    
/* one item */
.e_d_box:nth-last-of-type(1) .e_d_container:nth-last-of-type(1) {
/* -or- li:only-child { */
    flex-grow: 52;
}

/* two items */
.e_d_box:nth-last-of-type(1) .e_d_container:nth-last-of-type(2) {
    flex-grow: 25;
}

/* three items */
.e_d_box:nth-last-of-type(1) .e_d_container:nth-last-of-type(3) {
    flex-grow: 20;
}


	    


/* 4444444444444444444444444444 */    
    
    
    .e_d_box_body_4 {
       
        
    }
    .e_d_box_body_4 > div {
      

    } 
    
    .e_d_box_4 {
   
        
    }
    
    
    .e_d_box_4 > div {
   
     
     
     
    } 






.e_d_box_body_4 a {
        font-size: 80%;
        }
        
.e_d_box_body_4 img {
         
        }
        
.e_d_box_top_4 {
       
    }
    .e_d_box_top_4>* {
    
    }
    
    .e_d_box_top_4 div h2 {
 color: #404040;
 /* font-family: 'Raleway', Arial, "Helvetica Neue", Helvetica, sans-serif; */
 font-family: 'Merriweather Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}




/*employee directory top links */
a.top_link {
  color: red;
  text-decoration: none;
}

/* target <a> tags that have .top_link class */
a.top_link:visited, a.top_link:link, a.top_link:hover, a.top_link:active {
  color: red;
  text-decoration: none;
  margin: auto;
}	

a.top_link:hover {
  text-decoration: underline;
}

.top_link a:visited {
text-decoration: none;
}



  /* 4444444444444444444444444444 */  
  
  
  
  
  

/* search icons. see home page icons for more settings */


.search-result-icon {
  font-family: 'Material symbols rounded';
  vertical-align:middle;
  font-size: 22px;
  padding-right: 5px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}



.employee-search-icon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;   /* Preferred icon size */
  display: inline-block;
  line-height: 1;
vertical-align: middle;

}


 /* style the auto-complete response */
	    li.ui-menu-item { font-size:12px !important; text-align: left}
	    
	    #lastname {
	    width: 250px;
	    }
	    
	    /*.ui-autocomplete{
	    width:100%;
	    }*/


		.e-d-wrap {
		/* height:650px; */
		width: 100%;
		margin:20px auto;
		margin-top: 20px;
		}
		
		.results-wrap {
		width:410px;
		margin:0 auto;
		margin-top: 20px;
		
		}
		.results-left_col {
		display: none;
   		float:left;
   		width:172px;
   		height:228px;
   		background-color: white;
   		z-index: 100;
		}
		.results-right_col {
		display: none;
		margin-left: 1px;
		text-align: left;
		padding: 10px;
		padding-left: 15px;
		padding-top: 25px;
		float:right;
		width:204px;
		height: 202px;
		border-style:solid;
			border-width: 0px;
		border-color: #D8D8D8;
		background-color: transparent;
		border-left-style: none;
		z-index:-1;
		/* background-image:url("<?php bloginfo('template_directory'); ?>/employee_directory/images/gm_back_blank.png"); 
		background-repeat:no-repeat;
		background-position:right top;
		margin-bottom: 20px; */
		}
		
		.results-other {
		display: none;
		float: left;
		text-align: left;
		padding: 10px;
		padding-left: 15px;
		width:384px;
		height: 217px;
		border-style:solid;
		border-width: 1px;
		border-color: #D8D8D8;
		background-color: white;
		margin-bottom: 20px;
		}	
		
		.results-wrap p {
  		 padding-left: 10px;
  		 font-size: 12px;
  		 font-family: 'Raleway', Arial, "Helvetica Neue", Helvetica, sans-serif;
		}
		
		p { /* font-size: 12px; */
		font-family: 'Raleway', Arial, "Helvetica Neue", Helvetica, sans-serif !IMPORTANT;}
		
		
		#e-d-column {
		overflow: hidden;
    	position: relative;
    	width: 100%;
		}
		
		
		
		/* 3. Content Area */


.left{float:left;width:420px;}
.right{float:right;width:120px;}
.center{margin:0 auto;width:100px;}

.content-box-round {
float:left;
width:700px;
padding:10px;
  margin: 25px auto;
  border-style:solid;
border-width: 2px;
border-color: white;
  background: white;
  /* border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 5px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 5px rgba(0,0,0,0.3); */
  position: relative;
  /*z-index: 99;*/
}

.content-box-round p {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    /*line-height: 100%;*/
    /* font-family: 'Raleway', Arial, "Helvetica Neue", Helvetica, sans-serif; */
    color: #404040;
	font-family: 'Merriweather Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}


.e-d-table td h1, .e-d-table td h2, .e-d-table td h3 { font-family: 'Merriweather Sans', Arial, "Helvetica Neue", Helvetica, sans-serif; color: #404040;}

.e-d-table td {

font-size: 90%;
width: 33.3%;

}

.e-d-table td strong {

font-size: 100%;

}

/* .e-d-table td h1 {font-size: 23px; line-height: 25px; margin-bottom: 5px; color:black; }
.e-d-table td h2 {font-size: 20px; line-height: 25px; margin-bottom: 5px;  color:black;}
.e-d-table td h3 {font-size: 18px; line-height: 25px; margin-bottom: 5px; color:black;}
.e-d-table td h4 {font-size: 15px; line-height: 20px; margin-bottom: 5px; color:black;} */


/* END Employee Dir */


/* Misc. tables from old site */

table.volunteers {
border-collapse: collapse;
border-width: 0 0 1px 1px;
    border-style: solid;
      border-color: #ccc;
}
table.volunteers td, th {

    border-color: #ccc;
 /* text-align: left; */
  line-height: 15px;
  padding: 10px;
  border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
}
table.volunteers th {
  background: #BE1E2D;
  border-color: white;
  color: white;
  text-align: center;
}

table.volunteers tbody td:nth-child(3)  { text-align: center }
table.volunteers tbody td:nth-child(4)  { text-align: center }
table.volunteers tbody td:nth-child(5)  { text-align: center }



/* Board Pages */
.boardMinutes { width: 100%;}
.boardMinutes table { margin: 0px; border-collapse: collapse; text-align: left; width: 100%; table-layout: fixed; } .boardMinutes {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.boardMinutes table td, .boardMinutes table th { padding: 3px 10px; }.boardMinutes table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #A3A3A3; } .boardMinutes table thead th:first-child { border: none; }.boardMinutes table tbody td { color: #7D7D7D; border-left: 1px solid #DBDBDB;font-size: 12px;border-bottom: 1px solid #E1EEF4;font-weight: normal; }.boardMinutes table tbody .alt td { background: #EBEBEB; color: #7D7D7D; }.boardMinutes table tbody td:first-child { border-left: none; }.boardMinutes table tbody tr:last-child td { border-bottom: none; }
.collaboration table { border-collapse: collapse; text-align: left; width: 100%; } .collaboration {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.collaboration table td, .collaboration table th { padding: 3px 10px; }.collaboration table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #BE1E2D), color-stop(1, #BE1E2D) );background:-moz-linear-gradient( center top, #BE1E2D 5%, #BE1E2D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; color:#FFFFFF; font-size: 15px; font-weight: bold; } .collaboration table thead th:first-child { border: none; }.collaboration table tbody td { color: #7D7D7D; font-size: 12px;font-weight: normal; }.collaboration table tbody td:first-child { border-left: none; }.collaboration table tbody tr:last-child td { border-bottom: none; }
.collaboration table tfoot td div { border-top: 1px solid #8C8C8C;background: #BE1E2D;}.collaboration table tfoot td div a { color:#FFFFFF;} .collaboration table tfoot td { padding: 0; font-size: 12px; font-weight: 800; } .collaboration table tfoot td div{ padding: 3px; padding-left: 10px; padding-right: 10px; text-align: right;}


/* Outer flex container */
.board-flex-container {
  display: flex;
  justify-content: center;     /* horizontally center */
  align-items: center;         /* vertically center */
  padding: 5px;
}

/* Flex item block */
.board-flex-item {
  display: flex;
  flex-direction: column;
  align-items: center;         /* center image + caption */
  text-align: center;
  max-width: 100%;
}

/* Image styling */
.board-image {
  width: 100%;
  height: auto;
  border-radius: 5px;         /* rounded corners */
  object-fit: cover;
  /* box-shadow: 0 6px 18px rgba(0,0,0,0.15); */
}

/* Optional caption */
.board-caption {
  margin-top: 0.75rem;
  font-size: 1rem;
  color: #4b5563;
}


.flex-rows-board {
  --gap: 2rem;
  --text-max: 640px;     /* optional: limit text width for readability */
  --media-min: 280px;    /* ensures images don’t shrink too small */
 /*  display: grid; */
  gap: var(--gap);       /* vertical spacing between rows */
}

/* Each row: text left, image right */
.row-board {
  display: flex;
  gap: var(--gap);
  align-items: center;          /* vertically align text & image */
}

/* Columns */
.col-board {
  flex: 1 1 0;
  min-width: 0;                 /* prevents overflow from long words */
}

/* Text column */
.text-board {
  max-width: var(--text-max);
}

/* Media column: keep images nicely contained */
.media-board {
  flex: 0 1 44%;                /* image column takes ~44% width */
  min-width: var(--media-min);
  margin: 0;
}

.media-board img {
  display: block;
   width: 300px; 
  height: clamp(200px, 250px, 300px); /* responsive height bounds */
  object-fit: cover;                  /* consistent crop */
  border-radius: 5px;
}



/* Responsive: stack on narrow screens */
@media (max-width: 800px) {
  .row-board {
    flex-direction: column;     /* text above, image below */
    align-items: stretch;
  }
  .media-board { flex-basis: auto; }
  .media-board img {
    height: clamp(200px, 50vw, 360px);
  }
}

/* Utility: hide-only-for-visual users (keeps captions accessible) */
.sr-only-board {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; border: 0; padding: 0; margin: -1px;
}

/* END board pages */


/* end misc tables */


/* logo sheet */

.flex-container-LS {

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
}

.flex-items-LS {
text-align: center;
background-color: #F1F1F1;
margin-bottom: 10px;
padding: 10px;
border-radius: 4px;

display: block;

  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}

.flex-items-LS img{
padding: 10px;
}

.flex-items-LS a{
padding: 10px;
}



/* FOOTER sheet ---------------------------- */


.footer-basic-address {

    width: 100%; /* now sits inside .footer-basic, which is already 98% wide */
  /* padding:10px; */
  color:#ffffff;
  background-color:#C81920; /* darkened from #ED1C24 for WCAG AA contrast with white text */
  margin: 0;
	border-radius: 4px 4px 0px 0px; 
	font-family: 'Raleway', Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
	font-weight: 500;
}

.footer-basic-address p {
	padding:10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.footer-basic-address .material-icons-round {
  font-family: 'Material Icons Round';
  font-weight: normal;
  font-style: normal;
  font-size: 10px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding: 0 5px 0 5px;
}

.footer-basic-address a {

color:inherit;
  text-decoration:none;
  /* opacity:0.8; */
  color: white;
  }
  
  .footer-basic-address a:visited {
    color: white;
    text-decoration:none;
}


.footer-basic {

    width: 98%;
    margin-left: auto;
    margin-right: auto;
  padding:0 0 40px; /* red address bar is now the first child, so no top padding */
  color:#4b4c4d;
  background-color:#282d32;
  margin-top: 5px;
	border-radius: 4px;
	font-family: 'Raleway', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.footer-basic ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:18px;
  line-height:1.6;
  margin-bottom:0;
}

.footer-basic li {
display: inline-block;
  padding:0 10px;
}

.footer-basic ul a {
  color:inherit;
  text-decoration:none;
  /* opacity:0.8; */
  color: white;
  font-size: 15px;
}

.footer-basic ul a:hover {
  opacity:1;
  color: white;
  text-decoration:none;
}

.footer-basic ul a:link {
	color: white;
    text-decoration:none;
}

.footer-basic ul a:visited {
    color: white;
    text-decoration:none;
}

.footer-basic .copyright {
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:#aaa;
  margin-bottom:0;
}

/* Footer buttons  --------------------------------------------- */

/* Style buttons */
.footer_btn {
  box-sizing: border-box; /* width:100% + padding no longer overflows the <li> */
  background-color: #606060; /* #D8D8D8; */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 10px 8px; /* Some padding */
  text-align: center;
  font-size: 15px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
  width: 100%;
  display: block;
  max-width: 100%; /* ensures the button doesn't overflow the container */
  font-family: 'Raleway', Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
}

a.footer_btn {
  color: white;
  text-decoration: none;
}

a.footer_btn:visited, a.footer_btn:link, a.footer_btn:hover, a.footer_btn:active {
  color: white;
  text-decoration: none;
}

/* Darker background on mouse-over */
.footer_btn:hover {
  background-color: #C81920; /* darkened from #ED1C24 for WCAG AA contrast with white text */
  color: white;
}

/* Visible keyboard focus (white ring so it shows against the dark footer) */
.footer_btn:focus {
  outline: 3px solid #ffffff;
  outline-offset: 2px;
}

.footer_btn > img {
vertical-align:middle;
padding: 2px;
padding-right: 8px;
}

.footer_btn a > img {
  vertical-align:middle;
  padding: 2px;
	padding-right: 8px;
}


/* .slides > li { margin-right: 500px;} */


/* for button icons see 'homepage button nav' ---------------- */
/*
.material-symbols-rounded 
.material-symbols-rounded > img
.material-icons
*/


.footer-button-nav li {
/* display: inline-block; */
  list-style-type: none;
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  width: 80%;
  padding: 5px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;

}
/* replaces the old 40px top padding of .footer-basic (nav only, not the nested ul) */
nav.footer-button-nav {
  margin-top: 40px;
}
.footer-button-nav ul{
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.footer-button-nav {
width: 90%;
  padding: 0;
  margin: 0;
  margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 800px){
  /* top button nav */
.footer-button-nav ul { flex-direction: column;flex-wrap:wrap-reverse; }
.footer-button-nav ul { width:80%;margin-left: auto;margin-right: auto; }
.footer_btn { width:100%; }
.footer-button-nav li { flex: 0 0 auto; }
}



/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/





/* Navigation
--------------------------------------------- */

#home_slider {


} 

/* Home Page Button Nav ---------------------------------------------------------------------------*/

/* Style buttons */
.btn {
  box-sizing: border-box; /* width:100% + padding no longer overflows the <li> */
  background-color: #606060; /* #D8D8D8; */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 10px 8px; /* Some padding */
  text-align: center;
  font-size: 15px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
  width: 100%;
  white-space: nowrap;
  display: block;
  max-width: 100%; /* ensures the button doesn't overflow the container */
  font-family: 'Raleway', Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: #C81920; /* darkened from #ED1C24 for WCAG AA contrast with white text */
  color: white;
}

/* Visible keyboard focus state for nav buttons (previously undefined, fell back to thin dotted) */
.btn:focus {
  outline: 3px solid #C81920;
  outline-offset: 2px;
}

a.btn {
  color: white;
  text-decoration: none;
} 

 .btn a{
  color: white;
  text-decoration: none;
} 
 .btn a > img {
  vertical-align:middle;
  padding: 2px;
	padding-right: 8px;
}

/* target <a> tags that have btn class */
a.btn:visited, a.btn:link, a.btn:active {
  color: white;
  text-decoration: none;
  margin: auto;
}

.btn > img {
vertical-align:middle;
padding: 2px;
padding-right: 8px;
}



/* .slides > li { margin-right: 500px;} */



/* icon: additional icons, info: https://www.tutorialspoint.com/ionic/ionic_icons.htm
available icons: https://ionic.io/ionicons/ */

.top-button-nav {
  padding: 0;
  margin: 0;
}
.top-button-nav ul{
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  justify-content: center;
}
/* Hides text visually but keeps it available to screen readers (used for "opens in a new tab") */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.top-button-nav ul {
  list-style: none;
  padding: 0;
}
.top-button-nav li {
/* display: inline-block; */
  list-style-type: none;
  /* button width */
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
/*
#grad .top-button-nav li .btn:hover {
  background-color: green;
  color: white;
      position: relative;
    z-index: 2;
}

#grad .top-button-nav li .btn:a {
  background-color: green;
  color: white;
      position: relative;
    z-index: 2;
}

#grad .top-button-nav li a:hover {
  background-color: blue;
  color: white;
      position: relative;
    z-index: 2;
}
*/
@media screen and (max-width: 800px){
  /* top button nav */
.top-button-nav ul { flex-direction: column;flex-wrap:wrap-reverse; }
.top-button-nav ul { width:100%;margin-left: auto;margin-right: auto; }
.btn { width:100%;border:2px; }
/* top button width */
.top-button-nav li { width: 50%; flex: 0 0 auto;}
} 


/* Home Page ---------------------------------------------------------------------------*/

hr.home {
	border: 0;
	width: 98%;
	height: 2px;
	margin: 10px;
    background: #ED1C24;
    background-image: linear-gradient(to right, #ffffff, #ED1C24, #ffffff);
}

.site-header {

margin : 0px;
height: 100%; 
overflow: visible;

}

.amazingslider-slider-1 {

z-index: -1;

}

#grad {
position: relative;
/* background-image: repeating-linear-gradient(white, #787878); */
background: #D6D6D6; 
padding-top: 15px;
width: 98%;
margin-left: auto;
margin-right: auto;
height: auto;

display: flex;
  justify-content: center;
  align-items: center;
  
  border-radius: 4px; /* 4 */
  z-index: 9; 
}
@media screen and (max-width: 800px){
  /* top button nav */
#grad { width: 98%; margin-top: 62px; /* make up for hidden title */  }
}


#container {
  display: table;
  margin: 0 auto;
  
  /* set to scroller width */
	width: 960px;
	
  /* background-color: grey; */
  /* position: absolute; */
bottom: 0px;

/* position: relative; */

}

@media screen and (max-width: 800px){
  /* top button nav */
#container { width: 400px; }
}









#home_bottom {
position: relative;
width: 98%;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
height: auto;
display: flex;
  justify-content: center;
  align-items: center;
  
  border-radius: 4px; /* 4 */
  /* z-index: -1; */

}

.home_body {
  width: 100%;
  display: flex;
  gap: 5px;
  flex-wrap: nowrap;
  justify-content: center;
  top: 500px;
  /*    z-index: -99; */
}
/* .home_body div:nth-of-type(1) {flex-grow: 2;} */
.home_body div:nth-of-type(2) {flex-grow: 1;}

.grow_h_l { 
/* background-image: repeating-linear-gradient(#eeeeee, white); */
width: 50%;
/* see page-home.php for background-image URL */
    /* background-image: url("/images/GM_home_background.png"); */
background-repeat: no-repeat;
   /* background-attachment: fixed; */
  background-position: center;
  background-size: 300px 150px;
  /* display: inline-block; */
  background-size: cover;
  /* background-size: contain; */
  background-color: #606060; /* #787878; */
  color: #ffffff;
  /* margin:auto auto; */
  
/* background-color: #eeeeee; */ /* #D8D8D8 */ 
border-radius: 4px; /* 4 */ 
/* flex-grow: 1; */
padding: 30px;
/* z-index: -1; */

 }
 
 .grow_h_l ul, ol {
    margin: 0 2em 1.5em 2em;
}
 
 .grow_h_r { 
 /* flex: 0 0 auto; */
 flex: 1;
/* background-image: repeating-linear-gradient(#eeeeee, white); */
/* background-color: #ffffff; */ /* #D8D8D8 */ 
border-radius: 4px; /* 4 */ 
/* flex-grow: 1; */
 padding: 15px;
 /* match first line of page title */
 padding-top: 35px;
 flex-direction: row;
 padding: 30px;

 }
 
 

 
 @media screen and (max-width: 800px){
  /* top button nav */
.home_body { flex-direction: column-reverse; }
.grow_h_r { width: 98%; padding: 10px;}
.grow_h_l { width: 98%; padding: 10px 5px 10px 10px;}
.grow_h_l ul, ol {  margin: 0px; }
}

 
 
 .secondary_body {
  width: 100%;
  display: flex;
  gap: 5px;
  flex-wrap: nowrap;
  justify-content: center;
}


/* body p text */
.entry-content p {
font-family: 'Raleway', Arial, "Helvetica Neue", Helvetica, sans-serif;

}

 /*.secondary_body div:nth-of-type(1) {flex-grow: 1;} */
 /* flex-grow? screwing up employ dir */
 /* .secondary_body div:nth-of-type(2) {flex-grow: 5;}  */


#secondary_container {
/* position: relative; */

width: 98%;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
height: auto;

display: flex;
  justify-content: center;
  align-items: center;
  
  border-radius: 4px; /* 4 */
flex-direction: row-reverse;
z-index: -1;
}


/* page body title  -------------------------*/
.secondary_body h1,h2 {
padding: 15px;
color: #404040; 
orphans: 2;
font-size: 1.5em;
}
/* page title above secondary navigation -------------------------*/
.grow_s_l h1,h2 {
padding: 15px;
color: white; 
orphans: 2;
font-size: 1.8em;
}
 
 .grow_s_l {
 width: 300px;
background-color: #6E6E6E; /* matches #second-vertical-menu (darkened from #787878 for AA contrast) */
border-radius: 4px; /* 4 */ 
/* flex-grow: 1; */
/* padding: 15px; */
flex-direction: row;
 }
 
 
 
 .grow_s_r { 
 /* flex: 0 0 auto; */
 flex: 1;
/* background-image: repeating-linear-gradient(#eeeeee, white); */
background-color: #ffffff;  /* #D8D8D8 */ 
border-radius: 4px; /* 4 */ 
/* flex-grow: 1; */
 padding: 15px;
 /* match first line of page title */
 padding-top: 35px;
 flex-direction: row;
 }



@media screen and (max-width: 800px){
  /* top button nav */
.home_body { flex-direction: column; }
.secondary_body { flex-direction: column; }
.grow_s_l { width: 100%;}
}


/* Title ---------------------------------------------------------------------------*/


.site-title-home {
display: block;
	color: #606060;
	background-color: transparent;
	margin-top: 25px;
	text-align: center;
  
  	/* padding-top: 5px; */
  	padding-bottom: 0px;
  	/* padding-bottom: 0px; */
  	margin-left: auto;
  	margin-right: auto;
  
  	/* border: 1px solid #ddd; */
  	text-align: center;
  	/* display: inline-block; */
	width: 98%;
	/* margin-left: 14px; */
	    z-index: -1;
}

.site-title-home > h1 {

	font-size: 2em;
	/* margin-top: 150px; */
	/* margin-left: 30px; */
	text-align: center;


}

.site-title-home > img {
	width: 600px;
	padding-bottom: 25px;
}

.site-title-menu-responsive {display:none;}


.text-overflow-center {
    margin-left: -100%;
    margin-right: -100%;
    text-align: center;
}


/* Main (top) Site Menu ---------------------------------------------------------------------------*/

#responsive-menu-logo {display:none}

#menu .menu-logo {
	/* see header.php for background-image URL */
    background-image: url(/wp-content/themes/gm_underscores/images/logo_top_menu_logo.png);
    background-repeat:no-repeat;
    background-position: center bottom;
    overflow: visible;
  	width:162px;
  	height:145px;
    margin: 0 0 0 5px; /* The amount of space you want before the image */
    padding: 0 0 0 5px; /* The amount of space you want to allocate for this image */
}

/* #menu .menu-logo div.site-title-home {
    margin: 0 auto;
}
*/

/* for gradient background */
#menu-box {
	width: 98%;
  	/* red nav bar */
	background-image: repeating-linear-gradient(white, #787878);
	color: #FFF;
	position: relative; /* sticky; */
	/* red bar, adjust with... */
	top: 10px;
	height: 105px;
	border-radius: 0px 0px 0px 0px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 75px;
	font-family: 'Merriweather Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
	/* text-align: center; */
	border-bottom: solid;
	border-bottom-color: white;
	border-bottom-width: 3px;
	}






#menu {
	width: 100%;
  	/* red nav bar */
	background: #C81920; /* darkened from #ED1C24 for WCAG AA contrast with white text */
	color: #FFF;
	position: absolute;
	/* red bar, adjust with... */
	top: 90px;
	height: 47px;
	border-radius: 0px 0px 4px 4px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: 'Merriweather Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
	z-index: 500;
	/* text-align: center; */
	}
#menu ul, #menu li {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	 white-space: nowrap;
    
}
#menu ul {
	margin-top: -98px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: end;
	-ms-flex-align: end;
	align-items: end;
  
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
  
	justify-content: space-between;
	list-style: none;
	padding-left: 0;
  	border-radius: 0px 0px 4px 4px;
}

#menu li {
	/* float: left; */
	display: inline-block;
	position: relative;
	/* width: 20%; */
	min-width: 10%;
}

#menu .menu-logo a { 
	/* width:162px; */
	min-width: 162px;
  	height:145px;
  	display: inline-block;
  	}

#menu .menu-logo a:hover {   	
  	text-decoration: none;
  	background: none;
	}
  	
#menu a {
	display: block;	
	line-height: 47px;
	padding: 0 14px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
}
#menu a.dropdown-arrow:after {
	content: "\25BE";
	margin-left: 5px;
}
#menu li a:hover {
	color: #FFFFFF;
	background: #606060;
	z-index: 500;
}
#menu input {
	display: none;
	margin: 0;
	padding: 0;
	height: 47px;
	width: 100%;
	opacity: 0;
	cursor: pointer
}
#menu label {
	display: none;
	line-height: 40px;
	text-align: center;
	position: absolute;
	left: 35px
}
/* hamberger */
#menu label:before {
	font-size: 1.6em;
	content: "\2261"; 
	margin-left: 20px;
}
#menu ul.sub-menus {
	display: none;
	height: auto;
	/* overflow: hidden; */
	/* width: 170px; */
	background: #444444;
	 position: absolute;
	display: none;
	margin-top: 0px;
	z-index: 500;
}

/* do not display tertiary links */
#menu ul.sub-menus li ul li a {
	 display: none; 
	/* display: block;
	color: red;
	padding-left: 20px; */
}


#menu ul.sub-menus li {
	display: block;
	width: 100%;
	z-index: 500;
	/* z-index: 1000 !important; */
}
#menu ul.sub-menus a {
	color: #FFFFFF;
	font-size: 14px;
	text-align: left;
	z-index: 500;
}
#menu li:hover ul.sub-menus,
#menu li:focus-within ul.sub-menus {
	display: block;
	z-index: 500;
}

/* Visible keyboard focus for menu links (white ring on the red/gray menu) */
#menu a:focus {
	outline: 3px solid #ffffff;
	outline-offset: -3px;
}
/* logo link sits on a light background, so use a dark ring */
#menu .menu-logo a:focus {
	outline: 3px solid #C81920;
	outline-offset: 0;
}
#menu ul.sub-menus a:hover{
	background: #606060;
	color: #ffffff;
	z-index: 500;
}


/* shift right sub-menus left so text is not cut off */
/* hard coded to menu item number */

/* @media only screen and (max-width: 1480px) { */
#menu ul #menu-item-1257 ul.sub-menus {
        margin-left: -60px;
        background-color: #444444;
    }
/* } */
    
@media screen and (max-width: 800px){

#menu-box {  background-image: repeating-linear-gradient(white, white); margin-left: 0px; margin-bottom: 10px; }



	#menu {/* position:relative;display:block; top:80px;*/ position: absolute;
	top: 103px;
	height: 47px;
	border-radius: 0px 0px 4px 4px;
	margin-top: 5px;
	margin-left: 5px;
	width: 100%;
	z-index: 99;
	}
	#menu a {text-align: left; }
	#menu ul {background:#111;position:absolute;top:138px;right:0;left:0;z-index:3;height:auto;display:none;border-radius: 0px 0px 4px 4px;}
	#menu ul.sub-menus {width:100%;position:static;}
	#menu ul.sub-menus a {padding-left:30px;}
	#menu li {display:block;float:none;width:auto;}
	#menu li:last-child a:hover {border-radius: 0px 0px 4px 4px;}
	/* un-shift right sub-menus left so text is not cut off */
	#menu ul #menu-item-214 ul.sub-menus {margin-left: 0px;}
	
	
	#responsive-menu-logo {display:block;float:none;position:relative;width:auto;top:10px;left:10px;}
	/* #responsive-menu-logo {width:100px; height:100px;} */
	#menu .menu-logo {display:none;}
	/* .site-title-home {display: none;} */
	 .site-title-home > img { display: none;}
	
	 nav { padding-top: 0px; } 
	
	
	.site-title-menu-responsive > img { width: 280px;}
	.site-title-menu-responsive {display: block;float:none;position:relative;
	 top: -65px; 
	color: #606060;
	/* margin-top: 145px; */
	text-align: center;
  
  	padding: 10px;
  	padding-top: 0px;
  	margin-left: 110px;
  
  	/* border: 1px solid #ddd; */
  	text-align: left;
  	display: inline-block;
	width: 98%;
	/* margin-left: 14px; */
	}	
	
	#menu input, #menu label {position:absolute;top:0;left:0;display:block;}
	#menu input {z-index:2}
	#menu input:checked + label {color:white}
	/* replace hamberger with x */
	#menu input:checked + label:before {content:"\00d7";}
	#menu input:checked ~ ul {display:block}
	#menu input:focus + label {outline: 3px solid #ffffff; outline-offset: -3px;}
	
	/* end menu item */
	#menu ul #menu-item-1257 ul.sub-menus {
        margin-left: 0px;
    }
    
}

/* Secondary (left-side) Site Menu ---------------------------------------------------------------------------*/


#second-vertical-menu {
  width: 100%; 
  /* position:relative; */
 background-color: #6E6E6E; /* darkened from #787878 for WCAG AA contrast with white text (5.1:1) */
 padding-bottom: 50px;
 /* radius the bottom */
 border-radius: 4px;
 z-index: 50;
 
}

#second-vertical-menu ul { 
overflow: auto;
margin-right: 20px;
}


 #second-vertical-menu ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  margin-left: 20px;
}

#second-vertical-menu ul.sub-menus {
  list-style-type: none;
  padding: 0px;
  margin-left: 0px;
 background-color: #6E6E6E;
  overflow: hidden;
}

#second-vertical-menu ul.sub-menus:hover {
/* cursor: pointer; */
 /* background-color: #ffffff; */
  color: #606060;
  /* margin-right: 20px; */
 

}

#second-vertical-menu a {
/* background-color: green; */ 
 color: white; 
 display: block; 
 padding: 12px;
 padding-left: 15px;
text-decoration: none;

/* margin-right: 20px; */

}


#second-vertical-menu a:hover {
    background-color: #ffffff; 
  color: #606060; /* was #787878 (4.41:1 on white); now passes AA */
}



#second-vertical-menu ul.sub-menus a {
display: inline-block;
margin-left: 20px;

margin-right: 20px;

}

#second-vertical-menu ul.sub-menus div {
background-color: #6E6E6E;
}


#second-vertical-menu ul.sub-menus div a {
width: 75%;
}

#second-vertical-menu ul.sub-menus a:hover {
  /* background-color: #ffffff; */
  color: #606060;
  /* margin-right: 20px; */
}


#second-vertical-menu ul.sub-menus li a:hover  {
/* background-color: blue; */
/* color: green; */
}


/* make the sub-menu link full with (clickable) */
#second-vertical-menu ul li ul li a { 
display:block;
z-index: 100;
width:100%;
height:inherit;
}

#second-vertical-menu li {
border-top: 1px solid rgba(255,255,255,0.2);
margin-right: 20px;
}

#second-vertical-menu ul li ul li {
border-top: 1px solid rgba(255,255,255,0.2);
margin-right: 0px;
}

/* apply line to the last li on the menu, end padding */

#second-vertical-menu ul li ul li:last-child {
border-bottom: 0px solid rgba(255,255,255,0.2);
}

#second-vertical-menu li:last-child {
border-bottom: 1px solid rgba(255,255,255,0.2);
    }


/* Visible keyboard focus: white ring on the gray menu, matching the hover look */
#second-vertical-menu a:focus {
  outline: 3px solid #ffffff;
  outline-offset: -3px;
  background-color: #ffffff;
  color: #606060;
}

.offscreen-toggle-icon {
	display: block;
	width: 100%;
	background-image:none;
}


/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	/* margin: 1.5em 0 0; */
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}



/* -- content page for News POSTS -- */

.entry-title {

}

.entry-title a {

text-decoration: none;

}


.news-container {
	display: block;
	width: 100%;
	margin: 0 auto;
    border: 1px solid #e5e7e1;
	border-radius: 4px;
    background-color: #F5F5F5;
    padding-top: 10px;
	}
   
.box-news {
	
	/* image */
	display: block;
	display: flex;
	flex-basis : 0;
	padding: 20px;
	padding-bottom: 10px;
	padding-top:10px;
}

.box-news > * {
  /* no image */
  
  /* padding: 20px; */
	padding-bottom: 10px;
}

.box-news-content {
display: block;
/* flex-basis: 100%; */
width: 100%;
padding: 20px;
 padding-bottom: 10px;
 padding-top: 10px;
}

.box-news-bottom-row {
	margin: auto;
    width: 90%;
    padding: 20px;
    padding-top: 15px;
    vertical-align: middle;
    border-top: 1px solid #e5e7e1;
}

.box-news-bottom-row p {
margin: 0px;
}


.post-published p {
margin: 0px;
}



.secondary_body_post {
  width: 100%;
   display: flex; 
   flex-direction: column;
  gap: 5px;
  flex-wrap: nowrap;
  justify-content: center;
  /* background-color: yellow; */
  
}

#secondary_container_post {
/* position: relative; */

width: 80%;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
height: auto;

 /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  
  border-radius: 4px; /* 4 */
/* flex-direction: row-reverse; */
z-index: -1;

/* background-color: green; */

}


/* posts page body title  -------------------------*/

/*
.secondary_body_post h1,h2 {

color: #ED1C24; 
orphans: 2;
font-size: 1.5em;
padding: 0px;
}


.posts h3 {

color: #ED1C24; 
orphans: 2;
font-size: 1.5em;
padding: 0px;
}

.posts h3 a:hover {

text-decoration: underline;

}
*/
.single_post_image {

float: right;
vertical-align: top;
border: 0px;
margin: 5px 5px 10px 10px;
}


/* .page-links { color: blue; position: absolute; bottom: 0; } */
.post-navigation { /* background-color: green; */ margin-top: auto; display: flow-root; flex-direction: row-reverse;}

/* .nav-links { background-color: blue; display:block;} */


.nav-title-right {margin: 5px;  float: right;}

.nav-title-left {margin: 5px; float: left;}



/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
/* .gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-caption {
	display: block;
} */

/* GALLERY */

.gallery:after {content:"";display:table;clear:both;}

img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}


.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}


.gallery figure {float:left; margin:0 2% 1em 0;}


.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}


.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}


.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}


.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}


.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}


.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}


.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}


.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}


.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}


@media (max-width:767px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
	.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
}


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/


@media (max-width: 800px) {
    #slider {
    /* width: 300px; */
        /* display: none; */
    }
}



/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Prevent WP admin bar and sticky header overlap */
.wpadminbar {
  top: 32px !important;
}

/* Revert CSS style of target element and its children */                       
    .reset-style, .reset-style * {
        all: revert;
    }
      
    
.ics-calendar dl.events dt.time {

border-left: 4px solid rgba(255,0,0,1);

}
/* home page Cal inherited a href color, change this */
#home_calendar h4,h3 { color:#606060; }

/* Whole calendar widget is clickable via ONE real link ("View full calendar").
   The link's ::after stretches over the widget; any links inside the calendar stay on top. */
#home_calendar {
  position: relative;
  cursor: pointer;
}
#home_calendar a {
  position: relative;
  z-index: 1;
}
#home_calendar a.calendar-more-link {
  position: static;
  z-index: auto;
  color: #606060;
  font-weight: 600;
  text-decoration: underline;
}
#home_calendar a.calendar-more-link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#home_calendar a.calendar-more-link:focus {
  outline: none;
}
/* keyboard focus ring around the whole calendar */
#home_calendar a.calendar-more-link:focus::after {
  outline: 3px solid #C81920;
  outline-offset: 2px;
}
.calendar-more { margin: 10px 0 0; }

a.blue_link:visited {
text-decoration: underline;
  color: blue; /* Replace with your desired override color */
  font-size: 1.17em; /* Replace with your desired font size */
  font-weight: bold;
}

a.blue_link:hover {
text-decoration: underline;
  color: blue; /* Replace with your desired override color */
  font-size: 1.17em; /* Replace with your desired font size */
  font-weight: bold;
}													

a.blue_link {
text-decoration: underline;
  color: blue; /* Replace with your desired override color */
  font-size: 1.17em; /* Replace with your desired font size */
  font-weight: bold;
}

/* Staff contact form ([staff_contact]) -----------------------------------------------------------*/
.gm-sc { max-width: 40em; }
.gm-sc h2 { color: #404040; padding: 0; font-size: 1.5em; }
.gm-sc-field { margin: 0 0 1.25em; }
.gm-sc-field label { display: block; font-weight: 600; margin-bottom: 0.35em; color: #202020; }
.gm-sc-req, .gm-sc-req-note { font-weight: 400; color: #404040; }
.gm-sc-field input[type="text"],
.gm-sc-field input[type="email"],
.gm-sc-field textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  font-size: 1rem;
  font-family: inherit;
  color: #202020;
  background: #ffffff;
  border: 2px solid #606060;
  border-radius: 4px;
}
.gm-sc-field input:focus,
.gm-sc-field textarea:focus {
  outline: 3px solid #C81920;
  outline-offset: 2px;
}
.gm-sc-has-error input,
.gm-sc-has-error textarea { border-color: #A4161A; border-width: 3px; }
.gm-sc-error { margin: 0 0 0.35em; color: #A4161A; font-weight: 600; }
.gm-sc-label { font-weight: 700; }
.gm-sc-errors {
  border: 3px solid #A4161A;
  background: #fff5f5;
  color: #202020;
  padding: 1em 1.25em;
  margin: 0 0 1.5em;
}
.gm-sc-errors h3 { margin: 0 0 0.5em; font-size: 1.1em; color: #A4161A; }
.gm-sc-errors ul { margin: 0; padding-left: 1.25em; }
.gm-sc-errors a { color: #A4161A; text-decoration: underline; }
.gm-sc-success,
.gm-sc-notice {
  border: 3px solid #1B5E20;
  background: #f2faf2;
  color: #202020;
  padding: 1em 1.25em;
  margin: 0 0 1.5em;
}
.gm-sc-notice { border-color: #606060; background: #f5f5f5; }
.gm-sc-success p:first-child { margin-top: 0; }
.gm-sc-success p:last-child { margin-bottom: 0; }
.gm-sc-button {
  min-height: 44px;
  padding: 10px 24px;
  font-size: 1rem;
  font-weight: 600;
  font-family: inherit;
  color: #ffffff;
  background: #606060;
  border: 2px solid #606060;
  border-radius: 4px;
  cursor: pointer;
}
.gm-sc-button:hover { background: #C81920; border-color: #C81920; }
.gm-sc-button:focus { outline: 3px solid #C81920; outline-offset: 2px; }
#gm-sc-focus:focus { outline: 3px solid #C81920; outline-offset: 2px; }


/* Page content area (.entry-content): accessibility fixes --------------------------------------------*/

/* 1. Headings the editors add (h2) were white on white: the bare "h2" in ".grow_s_l h1,h2" matches every h2 on the site.
      Give content headings the dark "page body title" look that was intended. */
.secondary_body .entry-content h2,
.secondary_body_post .entry-content h2 {
  color: #404040;
  padding: 15px;
  font-size: 1.5em;
}

/* 2. Links inside text must not rely on color alone (red vs dark gray is only 1.8:1). Underline them. */
.entry-content :is(p, li, td, dd, blockquote) a:not(.btn):not(.wp-block-button__link) {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* 3. Lists keep their bullets/numbers, and with them their list meaning (the site-wide reset removes them).
      Limited to lists the editors write, so menus and plugin lists are not affected. */
.entry-content > ul,
.entry-content ul.wp-block-list { list-style-type: disc; }
.entry-content > ol,
.entry-content ol.wp-block-list { list-style-type: decimal; }
.entry-content > ul ul,
.entry-content ul.wp-block-list ul { list-style-type: circle; }
.entry-content > ol ol,
.entry-content ol.wp-block-list ol { list-style-type: lower-alpha; }

/* 4. Images from the editor never wider than the page (on small screens they were being cut off) */
.entry-content img[class*="wp-image"],
.entry-content figure img {
  max-width: 100%;
  height: auto;
}


/* Home page mission / vision / core values (the white text already comes from .grow_h_l) -----------*/
.grow_h_l .home-mission {
  text-align: center;
  font-size: 1.2em;
}
/* real h2 headings (they follow the hidden page h1), sized like the old h3 */
.grow_h_l .entry-content h2 {
  color: #ffffff;
  font-size: 1.17em;
  padding: 2em 0 0 0;
  margin: 1.5em 0 0.5em;
}
.grow_h_l .entry-content .home-mission h2:first-child { margin-top: 0; }
.grow_h_l .entry-content ul.core-values {
  list-style: none;
  margin: 0;
  padding: 0;
}
.grow_h_l .entry-content ul.core-values li { margin: 1.5em 0 4em; }
.grow_h_l .entry-content ul.core-values strong { color:white; }