/* -- Normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css -- */
html {line-height: 1.15; -webkit-text-size-adjust: 100%; }body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b,strong {font-weight: bolder;}code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button,input {overflow: visible;}button,select {text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}
/* End Normalize */

/* Base considerations on this stylesheet are that all typographical and major layout 
	functions are set in rem values, with the base font set at 100% 
	(being a default of 16 unless otherwise specified) 
	The notable exeption to this is border and padding, which retain pixel sizing
*/

/* #######    VARIABLES     ####### */

/* Colors.  This is the color pallette for the site 
	use-case example with opacity: background-color: rgba(var(--dk-b), 0.9);  
	use-case example no opacity: background-color: var(--dk-b) ;  
	note: hex values do not support opacity (unless the opacity tag is used specifically?) */

:root {
--dk-b: 0, 0, 128; 		/* #000080 */
--med-b: 60,102,139; 	/* #3c668b */
--br-b: 5,64,172; 		/* #0540ac */
--slate-b: 101,149,190; /* #6595be */
--lt-b: 166,214,239; 	/* #a6d6ef */
--pale-b: 221,233,239;	/* #dde9ef */
--red: 201,55,43; 		/* #c9372b */
--orange: 250,151,1; 	/* #fa9701 */
--head-b: 71,69,150; 	/* #474596 */
}
/* END Colors */

/* #######    TYPOGRAPHY CSS   ####### */    
html {font-size: 18px}
body {
	font-size: 18px ;
	font-family: serif;
	font-size: 1rem; 
	color: rgba(var(--dk-b), 1.0);
	background-color: rgba(var(--pale-b), 1);
	}

h1 {
	font-family: sans-serif;
	font-size: 1.3rem;
	text-align: center;
	color: rgba(var(--head-b), 1.0);
	line-height: 1.7rem ;
	letter-spacing : .15rem ;
	font-weight: 800 ;		
}

h2 {
	font-family: sans-serif;
	font-weight: 700 ;
	font-size: 1.1rem;
	padding: 0 0 0 1rem;
	font-weight: 500 ;
}

h3 {
	font-family: sans-serif;
	font-size: 1rem;
	padding: 0  ;
	margin-left: 4rem ;
	font-weight: 500 ;
}

h4 {
	font-family: sans-serif;
	font-size: 1.1 rem ;
	line-height: 1.2rem ;
	text-align: center ;
	font-weight: 600 ; 		
}

article { margin: 0 10px ; }

article h4 {
	background-color: rgba(var(--dk-b), 0.1);
	padding: .5rem 2rem .5rem 2rem ;
	border-radius: 2rem ;
	margin: 2rem ;
	clear: both ;
}

article h3 {
	background-color: rgba(var(--dk-b), 0.1);
	padding: .5rem ;
	border-radius: 1rem ;
	margin: 1rem ;
	clear: both ;
}
 
article h2 {
	background-color: rgba(var(--slate-b), 0.1);
	padding: .5rem 1rem .5rem 1rem ;
	border-radius: 1rem ;
	margin: 1rem ;
	clear: both ;
}

article li {margin-bottom: .5rem ; ;}

article a {
	color: rgba(var(--dk-b), 1) ;
	fill: rgba(var(--br-b), 1) ;
	text-decoration: none;
	/* pointer arrow - blue */
	border-bottom: 1.5px dashed #6595be;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='-15 0 90 90'%3E%3Cg transform='translate(50 50) scale(0.69 0.69) rotate(75) translate(-50 -50)' style='fill:%236595be'%3E%3Cpath d='M36.684,11.921c-3.572-3.818-6.352-2.667-6.177,2.56l1.837,54.957c0.174,5.225,2.729,6.718,5.676,3.318l8.339-9.621 c0.072-0.087,0.157-0.167,0.234-0.25l6.317,20.027c0.622,1.969,2.69,2.934,4.598,2.144l9.99-4.137 c1.908-0.79,2.688-2.937,1.735-4.769l-9.693-18.628c0.113,0.004,0.229,0.002,0.34,0.011l12.699,0.908 c4.489,0.318,5.239-2.543,1.667-6.362L36.684,11.921z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat:no-repeat ;
	background-position:right center ;
	padding-right: 1.2rem ;
}

article a:hover  {
	/* pointer arrow - orange */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='-15 0 100 100'%3E%3Cg transform='translate(50 50) scale(0.69 0.69) rotate(75) translate(-50 -50)' style='fill:%23fa9701'%3E%3Cpath d='M36.684,11.921c-3.572-3.818-6.352-2.667-6.177,2.56l1.837,54.957c0.174,5.225,2.729,6.718,5.676,3.318l8.339-9.621 c0.072-0.087,0.157-0.167,0.234-0.25l6.317,20.027c0.622,1.969,2.69,2.934,4.598,2.144l9.99-4.137 c1.908-0.79,2.688-2.937,1.735-4.769l-9.693-18.628c0.113,0.004,0.229,0.002,0.34,0.011l12.699,0.908 c4.489,0.318,5.239-2.543,1.667-6.362L36.684,11.921z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat ;
	background-position: right center ;
	padding-right: 1.2rem ;
	color: rgba(var(--lt-b), 1) ;
	fill: rgba(var(--orange), .9) ;
	text-decoration: none ;
	background-color: rgba(var(--br-b), 1)
}

.site-announce {
	background-color:#ff7e7e ; 
	font-size: 1.1rem ; 
	padding: .25rem ; 
	border-radius: .5rem ; 
	text-align: center ;
}

.aside1 blockquote {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg transform='translate(50 50) scale(0.69 0.69) rotate(0) translate(-50 -50)' style='fill:%236595be'%3E%3Cpath d='M75.6,40.5c11,0,19.9,9,19.9,20c0,11-9,20-20,20s-20-9-20-20c0-22.1,17.9-40,40-40 C95.5,20.5,82.4,25.4,75.6,40.5z M45.5,60.5c0,11-9,20-20,20s-20-9-20-20l0,0c0-22.1,17.9-40,40-40c0,0-13.1,4.9-19.9,20 C36.6,40.5,45.5,49.5,45.5,60.5z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	color: rgba(var(--dk-b), 1) ;
	background-repeat: no-repeat ;
	background-position: left center ;
	margin-left: -1rem ;
}

.aside1 blockquote p {
	margin-left: 6rem ;
	font-size: 1.1rem ;
	font-weight: 400 ;
}

.aside1 blockquote h4{
	margin-left: 4rem ;
}

strong { font-size:1.1rem; margin: 3rem; }

.small {font-size: .75rem ; font-style: italic ;}

.spanner {display: inline-block ; } /* creates a block that doesn't allow the wrapped text to line-break */

.red-box {
	 color: rgb(var(--pale-b)) ;
	 background-color: rgba(var(--red), 0.9); 
	 margin: 1rem 1rem 2rem 1rem ; ;
	 padding: 1rem ;
	 border-radius: 3rem ;	
}
.red-box a {
	color: rgb(var(--pale-b)) ; 
}

.red-box a:hover {
	color: rgba(var(--dk-b), 0.9); 
	background-color: rgba(var(--orange), 0.2); 
}

.red-box h3 {text-align: center ;}

.main blockquote {
	background-color: rgba(var(--slate-b), 0.1); 
	margin: 1rem ;
	padding: 1rem ;
	border-width:  3px 3px 3px 20px ;
	border-color: rgba(var(--slate-b), 0.3); 
	border-style: solid ;
	border-radius: 1rem ;
	}

/* END Typography *
	
/* ##### IMAGE MANAGEMENT ##### */

article img { 
	margin: .5rem ;
	padding: .5rem ; 
	border-radius: 1.5rem ; 
}

/*Keeps text from squeezing into a narrow space beside an image*/
article p:before {
  content: "";
  width: 13rem ; /* NOT wider */
  display: block;
  overflow: hidden;
}

/* Next three blocks affect the feature image displayed in the article section */
.main-pic {
	display: block ;
	margin-right: auto ; 
	margin-left: auto ; 
	max-width: 80% ;
}

.side-pic-left {
	width: 50% ;
	min-width: 250px ;
	float: left ;
	}	
.side-pic-right {
	width: 50% ;
	min-width: 250px ;
	float: right ;
	}
.center {
	margin-left: auto ;
	margin-right: auto ;
	display: block ;		
}

hr {
	display: block ;
	clear: both ;
}
/* END image management*/

/* ####### BUTTONS  via https://www.bestcssbuttongenerator.com ####### */

/* ### Contact Button ### */

.contact-btn {
	background-color: #0540ac ;
	-moz-border-radius:1rem;
	-webkit-border-radius:1rem;
	border-radius:1rem;
	border:2px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#dde9ef;
	font-family:Verdana;
	font-size: 1rem;
	font-weight:bold;
	font-style:italic;
	padding:.312rem 1.5rem;
	text-align: center;
	text-decoration:none;
}
.contact-btn:hover {
	background-color:#c9382b;
}
.contact-btn:active {
	position:relative;
	top:1px;
}

/* ### Back-To-Top Button ### */
.top {
	position: fixed ;
	bottom: .5rem;
	right: .25rem;
	z-index: 150 ;
	fill: #0540ac ;
	width: 2rem ;
	height: 2rem ;
	border-radius: .7rem ;
	background-color: #a6d6ef ;
	background-repeat: no-repeat ;
}

.top:hover {
	fill: #fa9701 ;
	background-color: #0540ac ;
}

/* END Buttons */

/* ####### CSS GRID LAYOUT   ####### */

.header {
	display: grid;
 	grid-template-rows: repeat(8, auto);
 	grid-template-columns: repeat(5, 1fr);
 	z-index: 0 ;
 	width: 95vw ;
 	max-width: 900px ;
 	margin-right: auto ;
 	margin-left: auto ;
    z-index: 10 ;
}

.main-nav {
	grid-row: 1 / span 7 ;
	grid-column: 1 / span 2 ;
	z-index: 15 ;
}
 
.mousetrail {
	grid-row: 1 ;
	grid-column: 3 / span 3  ;
	z-index: 100 ;
	margin-left: 4.5rem ; 
	padding: .25rem	0 .65rem .5rem ;
	border-radius: .7rem 0 0 1.5rem ;
	border-left: 3px rgba(var(--slate-b), 0.9)   solid ;
	border-bottom: 1px rgba(var(--slate-b), 0.9)   solid ;
	font-size: .8rem ;
	font-weight: 600 ;
	font-style: italic ;
	text-align: center !important;
	background-color: rgba(var(--pale-b), 1.0);
	 z-index: 14 ;
}

.mousetrail a {
	color: rgba(var(--dk-b), 0.7);
	padding: .5rem  ;
}

.mousetrail a:hover{
	font-weight: 800 ;
	color: rgba(var(--dk-b), 0.9);
	background-color:rgba(255, 255, 255, 0.52);
	border-radius: .7rem ;

}
 
.feature-img{
	 grid-row: 1 / span 7  ;
	 grid-column: 1 / span 5 ;	
	 z-index: 5 ;
	 background-color: #6595be ;
	 background-origin: border-box;
	 background-position: top left ;
     background-repeat: no-repeat; 
     background-attachment: fixed ;
     border-bottom-left-radius: 30% 4rem;
	 border-bottom-right-radius: 30% 4rem;
	 margin-bottom: .125rem;	
	 }

.logo{
	 grid-row: 2   ;
	 grid-column: 1 / span 2 ;	
	 z-index: 10 ; 
	 margin: auto 0 auto 0;	
	 max-width: 17rem ;
	 margin-top: .5rem;
}
 
.address{
	 grid-row: 2 ;
	 grid-column:  4 / span 2 ;	
	 z-index: 10 ; 
	 text-align: center;
}

.address a {
	font-size: .8rem ;
}

.title {
	 grid-row: 4 ;
	 grid-column: 1 / span 5 ;	
	font-size: 1.3rem ;
	font-color: var(--dk-b) ;
	font-weight: 600 ;
	text-align: center ;
	z-index: 12 ;
}

.description{
	 grid-row: 5 ;
	 grid-column: 2 / span 3 ;	
	font-color: var(--dk-b) ;
	text-align: center ;
	line-height: 1.5rem ;
	letter-spacing: .1rem ;
	font-weight: 600 ;
	padding: 1rem ;
	z-index: 12 ;
}
.meta-bg {
	grid-row: 4 / span 2 ;
	grid-column: 1 / span 5 ;	
	background-color:  rgba(var(--pale-b), .7);
	width: 65% ;
	border-radius: 2rem ;
	margin-right: auto ;
	margin-left: auto ;
	padding: .7rem ;
	z-index: 6 ;
}

.meta-bg:hover {
	background-color:  rgba(var(--pale-b), 1);	
}
.local-nav_block {
	grid-row: 6 ;
	grid-column: 4 / span 2 ;
	z-index: 10 ; 
	width: 90% ;
	display: flex;
	flex-direction: column;
	text-align: center ; 
	fill: rgba(var(--br-b), 1) ;
	background-color: rgba(var(--pale-b), .7);
	border: 1px solid rgba(var(--br-b), .3);
	padding: 1rem .25rem 1rem .25rem !important;
	border-radius: 3rem ;
	margin-right: auto ;
	margin-left: auto ;	
	margin-top: 1rem ;
	margin-bottom: 2rem ;
}

.local-nav_block hr { width: 4rem ; 
	 border: .5px solid navy;
	 }
	 
.local-nav_block p { 
	font-size: 1rem !important;
	margin: -.1rem 0 0 0 !important;	
} 

.local-nav_block a {
	font-size: 1rem !important;
	color: rgba(var(--dk-b), 1) ;
	fill: rgba(var(--br-b), 1) ;
	text-decoration: none ;
	padding-bottom: .5rem ;
	font-size: .8rem ;
	font-weight: 500 ;
}

.local-nav_block:hover {
	background-color: rgba(var(--pale-b), 1) ;
	fill: rgba(var(--orange), .9) 			
}

.local-nav_block a:hover  {
	color: rgba(var(--br-b), 1) ;
	fill: rgba(var(--orange), .9) ;
	text-decoration: underline ;
	font-style: italic ;
	background-color: rgba(var(--pale-b), 1)
}
 
.contact-btn { 
	font-size: .7rem ; 
}
 
.aside1{
	 grid-row: 6 ;
	 grid-column: 1 / span 3 ;	
	 z-index: 10 ;
	 background-color: rgba(var(--orange), .9);
	 margin: .5rem .5rem 2rem .5rem ;
	 padding: 1.5rem ;
	 border-top-right-radius: 3rem;
	 border-top-left-radius: 3rem;
	 border-bottom-right-radius: 30% 4em;
	 border-bottom-left-radius: 30% 4em; 
 }
 
.aside1:hover {
 	 background-color: rgba(var(--orange), 1);
 	}

.main {
 	width: 85vw;
 	max-width: 850px ;	
 	margin-left: auto ;
 	margin-right: auto ;	
}

.aside2{
 	clear: both ;
	z-index: 10 ; 
	width: 50vw ;
	margin-right: auto ;
	margin-left: auto ;
	margin-top: 2rem ;
	margin-bottom: -3rem ;
	text-align: center ;
}

.tagline {
	width: 50vw ;
	margin-right: auto ;
	margin-left: auto ;
	z-index: 10 ; 
	color: rgba(var(--head-b), 1.0);
	text-align: center ;
	padding: 1rem !important ;
}

.footer {
	z-index: 10 ;
	background-color: rgba(var(--head-b), 1.0) ;  
	padding-top: .5rem ;
	margin-right: auto ;
	margin-left: auto ;
	border-top-left-radius: 30% 7rem;
	border-top-right-radius: 30% 7rem;	
	width: 50vw ;
	margin-right: auto ;
	margin-left: auto ;		
}

.footer a {
	margin: .5rem ;
	text-decoration: none ;
	color: rgb(var(--pale-b)) ;
	padding: .25rem ;
} 

.footer a:hover {
	color: rgb(var(--lt-b)) ;
	text-decoration: underline ;
}

.footer_menu_wrapper{
	text-align: center ;
}

.footer_menu{
	text-align: center ;
}

.footer ul{
 margin-bottom: 1rem;

}

.footer li {
	margin: .5rem ;
	list-style-type: none;
}

.copyright {
	color: black;
	text-align: center ;
	font-size: .8rem ;
	margin-bottom: 1rem ;
	padding: .5rem 0 1rem 0 ;
	background-color: rgba(var(--lt-b), 0.7); 
	max-width: 100% ; 
	border-top-left-radius: 30% 4rem ;
	border-top-right-radius: 30% 4rem ;
	border: 3px solid rgba(var(--head-b), 1.0) ;
	text-align: center ;
	margin-right: auto ;
	margin-left: auto ;
}

/* Two Boxes */
 
.two-box {
 	display: grid;
 	grid-template-columns: 1fr;
 	grid-template-rows: auto;
 	grid-gap: 1rem ;
 	
 }
 
.box2  {
	background-color: rgba(var(--br-b), .1);
	border: 1px solid rgba(var(--br-b), .3);
	padding: 1rem .25rem 1rem .25rem !important;
	border-radius: 3rem ;
	display: flex;
	flex-direction: column;
	text-align: center ; 
	fill: rgba(var(--br-b), 1) ;
	
}

.box2 p {
	margin: 1rem 0 0 0 ; 
	font-size: 1rem ;
	font-weight: 500 ;
	}

.box2:hover {
	background-color: rgba(var(--slate-b), .5) ;
	fill: rgba(var(--orange), .9) 
			
}

.box2 a {
	color: rgba(var(--dk-b), 1) ;
	fill: rgba(var(--br-b), 1) ;
	text-decoration: none ;
	padding-bottom: .5rem ;
	font-size: .8rem ;
	font-weight: 500 ;
}

.box2 a:hover  {
	color: rgba(var(--br-b), 1) ;
	fill: rgba(var(--orange), .9) ;
	text-decoration: underline ;
	background-color: rgba(var(--pale-b), 1)
}

@media screen and (max-width: 900px) {
	
.aside1{
	 grid-row: 6 ;
	 grid-column: 1 / span 5 ;
	 
	}
	

	
.local-nav_block {
	grid-row: 7 ;
	grid-column: 2 / span 4 ;
	}

.tagline {
	width: 80vw ;
	}

.aside2{ 
	width: 80vw ;
	}

.footer {
	width: 80vw ;
	}	
} 

@media screen and (max-width: 600px) {
	
body { 
	font-size: 18px !important ;
	}
	
.header {
	display: grid;
 	grid-template-rows: repeat(8, auto);
 	grid-template-columns: repeat(4, 1fr);
 	}
		
.mousetrail {
	grid-row: 1 ;
	grid-column: 1 / span 5  ;
	margin-left: .25rem ; 
	padding: .25rem ;
	border-radius: 0 0 0 1.5rem ;
	font-size: .6rem ;
	font-weight: 500 ;
	font-style: italic ;
	text-align: center !important;
	border-left: 5px rgba(var(--slate-b), 0.9)   solid ;
	border-bottom: 1px rgba(var(--slate-b), 0.9)   solid ;
	z-index: 101 ;
}

.main-nav {
	grid-row: 2  / span 4 ;
	grid-column: 1 / span 2 ; 
	}
	
.logo{
	 grid-row: 3   ;
	 grid-column:  1 /span 2 ;	 
	 }
	 
.address{
	 grid-row: 3 ;
	 grid-column:  3 / span 2 ;	
	 margin-top: 3.7rem ; 
	 }
	 
.address a {
	font-size: .6rem ;
}

.aside1 {
	
}

.aside1 blockquote {
	background-image:none ;
	margin: 1rem -1rem 1rem -7rem  ;
	}
	
.aside1 blockquote h4 {
	background-image:none ;
	margin-left: 5rem  ;
	}
	
.local-nav_block {
	grid-row: 7 ;
	grid-column: 1 / span 4 ;
	}
.meta-bg {
	grid-row: 4 / span 2 ;
	grid-column: 1 / span 4 ;
    width: 90vw ;
    }

.aside2{ 
	width: 95vw ;
	}

.footer {
	width: 95vw ;
	}
}

/* END CSS Grid*/

/* #########  Main Nav ######### */
.ac-menu{
	width: 17rem;
	margin: 1rem 0 0 0 ;
	text-align: left;
	display: block ;
}

.menu-bg {
	text-align: left !important ;
	margin: -.25rem -.5rem -.5rem 0 ;
	padding: 0 0 0 .5rem ; 
	background-color: rgba(var(--pale-b), 1);
	width: 18rem ;
	border-radius: 0 3rem 5rem 0 ;
	border-right: 10px solid #6595be ;
	border-bottom: 2px solid #6595be ;
}

.ac-menu label{
	padding: .5rem 0 0 0 ;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: rgba(var(--dk-b), 1); ;
	line-height: 33px;
	font-size: 19px;
}
.ac-menu label:hover{
	font-style: italic ;
	font-weight: 700 ;
}
.ac-menu input:checked + label,
.ac-menu input:checked + label:hover{
	background: rgba(var(--br-b), 0.2); ;
	color: rgba(var(--dk-b), 1);;
}
.ac-menu label:hover:after,
.ac-menu input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-menu input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-menu input{
	display: none;
}
.ac-menu ul{
	background: rgba(var(--pale-b), .3);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
}
.ac-menu li{
	background: rgba(var(--br-b), .05);
	margin-left: -1.5rem ;
	color: #777;
	line-height: 1.25rem;
	font-size: 1rem;
	padding: 3px;
	list-style: none ;

}

.ac-menu a {
		text-decoration: none ;
		color: rgba(var(--dk-b), 1); ;
}

.ac-menu a:hover {
			text-decoration: underline ;
		color: rgba(var(--dk-b), .8); 
		font-style: italic ;
		font-weight: 700 ;
		}

.ac-menu input:checked ~ ul.ac-box{
	height: auto;
}

.shift { margin-left: -2.25rem ; }  

/* END Main Nav*/

/* #########  BLOG ######### */

.flex-container {
  padding: 0;
  margin: 0;
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: flex;
  justify-content:space-around ;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.news-items {
  	background-color: #bbdcfc ;
  	border-radius: 2rem ;
	}
  
.item {
	background-color: #ffffff ;
	margin: .5rem ;
	padding: .5rem ;
	border-radius: 1rem ;
	}

.category-more {
	text-align: center;
	background-color: #bbdcfc ;
	width: 70%; 
	padding: .5rem;
	margin-top: -.25rem ;
	margin-left:auto ;
	margin-right: auto ;
	border-radius: 0 0 3rem 3rem ;
	} 

.category-h4 {
	background-color: #bbdcfc !important ;
	margin-bottom: -.25rem !important ; 
	border-radius: 3rem 3rem 0 0 !important;
	}
	
.category-item {
	background-color: #ffffff ;
	margin: 1rem .5rem  ;
	padding: .5rem ;
	border-radius: 1rem ;
	width: 275px ;
	height: auto ;
	}
	
.category-item h5 {
	font-size: 1.2rem;
	font-weight: 600 ;
	text-align: center ;
	margin: 0 0 -.5rem 0 ;
	}

.cat-thumb {
	margin-right: auto ;
	margin-left: auto ;
	width: 90% ;
	height: auto ;
	}
	
.img-link a{ 
	border: none !important ;
	background-position: -3rem ;
	}
	
.img-link a:hover{ 
	background-color: #fff ;
	border-bottom: 0px  ;
	background-position: -3rem ;
	opacity: .5 ;
	}
	
.readmore {
	font-size: .8rem;
	font-weight: 600 ;
	margin-left: 6rem  ;
	padding: .25rem 1.5rem .25rem 1.5rem ;
	border-radius: .7rem ;
	}
	
.readmore2 {
	padding: .25rem 1.5rem .25rem 1.5rem ;
	border-radius: 1rem ;
	}

.news-item {
  	background-color: #bbdcfc  ;
  	border-radius: 2rem ;
  	padding: .75rem ;
  	margin: 0 -2rem 0 -2rem ;
	}

.news-title {
	text-align: center ;
	background-color: #bbdcfc ;
	padding: .25 rem ;
	width: 90% ;
	margin-left: auto ;
	margin-right: auto ;
	margin-bottom: -.25rem ;
	padding: 1rem 1.5rem 0 1.5rem  ; 
	border-radius: 2rem 2rem 0 0 ;	
	}

.nf-sitemap p {
	padding: .5rem ;
 	}
 	 
.footnotes {
	font-size: .8rem;
	font-style: oblique ;
	}

.footnotes p {margin-left: 3rem ; }

@media screen and (min-width: 900px) { 

.local-nav_block {margin-top: 1rem ; }
	
.news-item {margin: 0 -1rem 0 -1rem ; }

}

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

.news-items {
  	display: grid;
  	grid-template-columns: 1fr ;
  	margin: 0 -1.75rem;

}

/* END Blog*/