:root {
/*
	--primary-color-hex: #24A3DC;
	--primary-color: var(--primary-color-hex);
	--primary-color-text: #fff;

	--secondary-color-hex: #F07544;
	--secondary-color: var(--secondary-color-hex);
	--secondary-color-text: #fff;
*/

	--yellow: #ebb532;
	--red: #921e1d;
	--teal: #26bfd3;
	--green: #6cb08f;
	--blue: #70bfd8;
	--dblue: #30558a;
	--navy: #143257;
	--grey: #9D9A9B;

	--default-h3: clamp(32px, 3.3vw, 48px);
}

html{
	width:100%;
	min-height:100%;
	padding:0;
	margin:0;
	box-sizing:border-box;
}


a.black-btn, a.black-btn:visited{
	padding: 14px;
	background: #2e2e2e;
	color: white!important;
	text-transform: uppercase;
	text-decoration: none;
	transition: all .9s;
	border: none!important;
}

a.black-btn:hover {
	background: #131313;
	color: white!important;
	border: none!important;
}
.toggle-btn {
    position: absolute;
    display: block;
    right: 0;
    top: 2.35em;
    z-index: -1;
    padding: 8px 18px !important;
}
.footer-row {
	margin: 0em auto 5em auto !important;
}

.footer-row {
	margin: 0em auto 5em auto !important;
}
.recognition {
    padding: 3em 0;
    background: #404040;
    text-align: center;
}
.recognition .container {
	padding: 3em 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px 50px;
    width: 65%;
}
.recognition .container img {
	max-width: 90%;
	height: auto;
	/* min-height: 100px; */
/* 	margin: 0 auto; */
	justify-self: center;
	align-self: center;
	max-width: 120px;
}

@media (max-width:850px) {
	.recognition .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px 30px;
    width: 55%;
}
}
@media (max-width:768px) {
	.recognition .container {
	    grid-template-columns: repeat(2, 1fr);
	    grid-gap: 30px 30px;
}
}
@media (max-width:520px) {
	.recognition .container {
	    grid-template-columns: 1fr;
/* 	    grid-gap: 30px 30px; */
}
}
	*,:after,:before{
		box-sizing:inherit;
	}
	
body{
	width:100%;
	min-height:100%;
	padding:0;
	margin:0; 
	background:#353535;
	overflow: visible !important;
	-o-font-feature-settings:'liga' 1,'kern';
    -ms-font-feature-settings:'liga' 1,'kern';
    font-feature-settings:'liga' 1,'kern';
}

a.donate {
	background: #123257;
    min-width: 135px;
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    right: -42px;
    transform: rotate(90deg);
    font-weight: 600;
    letter-spacing: 3px;
    padding: 16px;
    z-index: 44;
    font-size: 17px;
}
	.wide{
		width:100%;
		min-width:1024px;
	}
	
		.container,.wide{
		position:relative;
		padding:0;
		margin:0 auto;
		}
	
		.container{
			width:1000px;
		}
		
		.mobile{
			display:none;
		}
		
		a,a:active:hover,a:hover,a:visited{
			text-decoration:none;
		}
		
		a img{
			border:0;
			outline:0;
		}
		
		a.button,
		button.button {
			display:inline-block;
			position:relative;
			margin:0;
			padding:10px 16px;
			background:transparent;
			color:#123257;
			border:2px solid #123257;
			font-size:13px;
			line-height:1;
			font-weight:400;
			text-align:center;
			transition:.15s cubic-bezier(.4,0,.2,1);
			vertical-align:middle;
		}
				
			a.button:focus,
			a.button:hover,
			button.button:hover{
				color:#fff;
				background:#123257;
			}
			
			a.button.yellow{
				color:#cf8c2a;
				border-color:#cf8c2a;
			}
			
				a.button.yellow:focus,a.button.yellow:hover{
					background:#cf8c2a;
					color:#fff;
				}
				
			a.button.red{
				color:#921e1d;
				border-color:#921e1d;
			}
			
			
				a.button.red:focus,a.button.red:hover{
					background:#921e1d;
					color:#fff;
				}
				
			a.button.teal{
				color:#117d94;
				border-color:#117d94;
			}
			
			
				a.button.teal:focus,a.button.teal:hover{
					background:#117d94;
					color:#fff;
				}
			
			a.button.blue{
				color:#04548c;
				border-color:#04548c;
			}
			
			
				a.button.blue:focus,a.button.blue:hover{
					background:#04548c;
					color:#fff;
				}
				
			a.button.white{
				color:#fff;
				border-color:#fff;
			}
			
			
				a.button.white:focus,a.button.white:hover{
					background:#fff;
					color:#123257;
				}
			a.button.sblue {
				background:#70bfd8;
				color:#fff;
				border: none;
				padding: 9px 10px;
				font-size: 17px;
			}		
 			a.button.sdblue {
				background:#30558a;
				color:#fff;
				border: none;
				padding: 9px 10px;
				font-size: 17px;
			} 	
  			a.button.scharcoal {
				background:#444444;
				color:#fff;
				border: none;
				padding: 9px 10px;
				font-size: 17px;
			}  	
  			a.button.sgreen {
				background:#6cb08f;
				color:#fff;
				border: none;
				padding: 9px 10px;
				font-size: 17px;
			}  
  			a.button.snblue {
				background:#143257;
				color:#fff;
				border: none;
				padding: 9px 10px;
				font-size: 17px;
			} 	
  			a.button.sred {
				background:#c93a2e;
				color:#fff;
				border: none;
				padding: 9px 10px;
				font-size: 17px;
			} 			
  			a.button.syellow {
				background:#ebb532;
				color:#fff;
				border: none;
				padding: 9px 10px;
				font-size: 17px;
			}
  			a.button.swhite {
				background:#fff;
				color:#123257;
				border: none;
				padding: 9px 10px;
				font-size: 17px;
			}				
				a.button.sblue:focus,a.button.sblue:hover,
				a.button.sdblue:focus,a.button.sdblue:hover,
				a.button.scharcoal:focus,a.button.scharcoal:hover,
				a.button.sgreen:focus,a.button.sgreen:hover,
				a.button.snblue:focus,a.button.snblue:hover,
				a.button.sred:focus,a.button.sred:hover,
				a.button.syellow:focus,a.button.syellow:hover {
					filter: brightness(117%);
				}	
				a.button.swhite:focus,a.button.swhite:hover {
/* 					filter: brightness(117%); */
					color:#30558a;
					font-weight: 500;
				}											
  	a.button:hover,
  	span.button:hover {
		filter: brightness(110%);
	}					
				
	.text-left{
		text-align:left !important;
	}
	
	.text-center{
		text-align:center !important;
	}
	
	.text-right{
		text-align:right !important;
	}
				
	
.main-container{
	position:relative;
	width:100%;
	min-width:1024px;
	height:100%;
	min-height:400px;
	padding:0;
	margin:0 auto;
	font-family:Lato,Helvetica,Arial,sans-serif;
	font-size:10px;
	font-weight:400;
	color:#3f3f3f;
}
	
		.hero{
			position:relative;
			width:100%;
			background-size:cover;
			background-position:50%;
			background-repeat:no-repeat;
			overflow:hidden;
		}
		

		
		.pri-spacer,.primary{
			height:112px;
		}
		

		
		.primary{
			position:fixed;
			left:0;
			right:0;
			display:block;
			padding:18px 0;
			background:#fff;
			z-index:3000;
			transition:.25s ease-out;
		}
			
			.primary>.container{
				width:90%;
				max-width:1440px;
			}
		
			#logo{
				float:left;
				display:-webkit-flex;
				display:-ms-flexbox;
				display:flex;
				width:25%;
				height:76px;
				transition:.25s ease-out;
				line-height:1;
				-webkit-align-items:center;
				    -ms-flex-align:center;
				        align-items:center;
			}
				#logo a{
					display:contents;
				}
				
				#logo img{
					max-width:100%;
					height:auto;
					max-height: 96%;
				}
				
			#menu{
				display:none;
				-webkit-appearance:none;
			    -moz-appearance:none;
			    appearance:none;
			}
				
			
			.navigation{
				position:relative;
				float:right;
				max-width:75%;
				margin-top:19px;
			}
			
				.navigation ul{
					position:relative;
					margin:0 auto;
					padding:0;
					list-style:none;
					overflow:visible;
					font-size:0;
				}
				
					.navigation ul li{
						position:relative;
						display:inline-block;
						text-align:center;
						font-size:18px;
						margin-left:.2em;
					}
				
						.navigation ul li a{
							display:block;
							padding:10px;
							margin:0;
							color:#413d3a;
							font-size:13px;
							font-weight:300;
							line-height:1.2;
							text-decoration:none;
							text-align:left;
							text-transform:uppercase;
							transition:.2s ease-out;
							border:3px solid transparent;
						}
							
							.navigation ul li a.active,.navigation ul li a.active:hover,.navigation ul li a:hover{
								border-color:#e1e1e1;
							}
							
																
			.primary.scrolled{
				box-shadow:0 2px 2px -1px rgba(0,0,0,.2);
			}

a:not([href]):not(.btn) {
    padding-top: 150px;
}


.desaturate{
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
 }		
			
#content .cb-body img{
	max-width:100%;
	height:auto;
}


.site-footer{
	background:#404040;
	color:#fff;
	overflow:hidden;
	padding:0;
}	

	.footer-row{
		margin:5em auto;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-ms-flex-flow:row nowrap;
		    -webkit-flex-flow:row nowrap;
		        flex-flow:row;
		-ms-flex-pack:center;
		    -webkit-justify-content:center;
		        justify-content:center;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
	}
	
	.footer-column{
		font-size:1.5em;
		line-height:1.6;
	}
	
		.footer-column p{
			margin:0;
		}
		
			.footer-column strong{
				font-size:1.14em;
			}
				
		
		.footer-column a:not(.button){
			color:#fff;
		}
			.footer-column a:not(.button):not(.social-link):hover{
				text-decoration:underline;
			}
			
		.footer-column a.button{
			font-size:14px;
			margin:1em 0;
		}
		
		.social-links{
			margin:0 1em;
			text-align:center;
		}
		
			a.social-link{
				display:inline-block;
				width:32px;
				height:32px;
				margin:0 8px;
				font-size:18px;
				line-height:30px;
				color:#fff;
				border:2px solid #fff;
				transition:.2s ease-out;
			}
						
				a.social-link:focus,a.social-link:hover{
					color:#aaabab;
					text-decoration:none;
				}
		
		

	.footer-info{
		background:rgba(0,0,0,.3);
		padding:2em 0;
	}
	
	.footer-copyright{
		text-align:center;
	}
	
		.footer-copyright p{
			display:inline-block;
		    margin:10px 20px;
		    font-family:Arial,Helvetica,sans-serif;
		    font-size:10px;
		    color:#acacac;
		    vertical-align:middle;
		    
		}
		
		.footer-copyright a,.footer-copyright a:visited{
			color:#acacac;
			text-decoration:underline;
		}
		
@media (max-width:1024px){
	#mainContainer,.wide{
		width:100%;
		min-width:0;
	}
	.toggle-btn {
    top: 3.2em;
	font-size: 13px !important;
    padding: 8px 18px !important;
}
	
		.container{
			width:90%;
		}
		
	
	.pri-spacer,.primary,.primary.scrolled{
		height:110px;
	}
	
	.primary>.container{
		width:94%;
	}
	
	#logo,.scrolled #logo{
		height:74px;
	}
	
	.navigation,.scrolled .navigation{
		margin-top:19px;
	}
	
	.navigation ul li a{
		font-size:13px;
		border-width:2px;
		padding:8px;
	}
	
	.footer-row{
		-ms-flex-flow:row wrap;
		    -webkit-flex-flow:row wrap;
		        flex-flow:row wrap;
	}
	
	.footer-column{
		margin:0 auto 2em;
	}
	
	#search{
		width:300px;
	}
	
	.contact-email,.social-links{
		text-align:center;
	}
	.navigation > ul > li > a,
	.navigation ul li {
		font-size: 11px !important;
	}
	.navigation > ul > li > a {
		padding: 8px 5px !important;
	}
	
}

@media (max-width:768px){
.toggle-btn {
    right: 50%;
    transform: translate(50%, 0);
    top: 1.2em;
    z-index: 5;
  }
	
#banner.scrolled {
	display: none;
}	
	
	#menu{
		position:absolute;
		top:0;
		right:0;
		z-index:201;
		font:inherit;
	    display:block;
	    overflow:visible;
	    margin:0;
	    padding:27px 20px;
	    cursor:pointer;
	    transition-timing-function:linear;
	    transition-duration:.15s;
	    transition-property:opacity,-webkit-filter;
	    transition-property:opacity,filter;
	    transition-property:opacity,filter,-webkit-filter;
	    text-transform:none;
	    color:inherit;
	    border:0;
	    background-color:#fff;
	    -webkit-appearance:none;
	    -moz-appearance:none;
	    appearance:none;
	}
		#menu:active,#menu:focus{
			outline:0;
		}
	
		.menu-bars{
			position:relative;
		    display:block;
		    width:30px;
		    height:20px;
		}
		
		.menu-bar{
		  display:block;
		  top:50%;
		  margin-top:-1px; 
		}
		.menu-bar,.menu-bar:after,.menu-bar:before{
		    width:30px;
		    height:2px;
		    background-color:#000;
		    border-radius:4px;
		    position:absolute;
		    transition-property:-webkit-transform;
		    transition-property:transform;
		    transition-property:transform,-webkit-transform;
		    transition-duration:.15s;
		    transition-timing-function:ease; 
		}
		.menu-bar:after,.menu-bar:before{
			content:"";
			display:block; 
		}
		.menu-bar:before{
			top:-8px; 
		}
		.menu-bar:after{
			bottom:-8px; 
		}
		#menu.active{
			background-color:#f3f3f3;
		}
		
		.menu-bar{
			transition-duration:.1s;
			transition-timing-function:cubic-bezier(.55,.055,.675,.19); 
		}
		.menu-bar:before{
			transition:top .1s ease .14s,opacity .1s ease; 
		}
		.menu-bar:after{
			transition:bottom .1s ease .14s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);
			transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19);
			transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19); 
		}
		
		.active .menu-bar{
			-webkit-transform:rotate(45deg);
			    -ms-transform:rotate(45deg);
			        transform:rotate(45deg);
			transition-delay:.14s;
			transition-timing-function:cubic-bezier(.215,.61,.355,1); 
		}
		.active .menu-bar:before{
			top:0;
			opacity:0;
			transition:top .1s ease,opacity .1s ease .14s; 
		}
		.active .menu-bar:after{
			bottom:0;
			-webkit-transform:rotate(-90deg);
			    -ms-transform:rotate(-90deg);
			        transform:rotate(-90deg);
			transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .14s;
			transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s;
			transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .14s; 
		}
		
		.pri-spacer,.primary,.primary.scrolled{
			position:relative;
			padding:0;
			height:auto;
		}
		
		div.primary.scrolled {
			z-index: 999;
			position: fixed;
			top: 0;
			margin-top: 0;
		}
	
		
		.primary>.container{
				width:100%;
			}
				
				#logo,.scrolled #logo{
					float:none;
					margin-left:5%;
				    padding:5px 0;
				    width:50%;
				}
				
				#logo img{
					max-width:250px;
					height:auto;
				}
					

				
				.navigation,.scrolled .navigation{
					display:block;
					margin:0;
					width:100%;
					max-width:100%;
					max-height:100%;
					height:0;
					float:none;
					transition:.4s ease-out;
					overflow:hidden;
				}
				
					.navigation ul{
						height:auto;
						width:100%;
						background:#f3f3f3;
						
					}
						
						.navigation ul li,.navigation ul li a{
							width:100%;
							display:block;
							float:none;
							margin:0;
						}
						
						.navigation ul li a{
							box-sizing:border-box;
							padding:12px 5%;
							font-size:18px;
							line-height:24px;
							text-align:left;
							border:0;
							border-bottom:1px solid #e1e1e1;
						}
						
							

	
}

@media (max-width:640px){

	.main-container{
		font-size:8px;
	}
			
		a,a:hover,a:hover:active{
			text-decoration:none;
		}
		
								
			.footer-row{
				-ms-flex-flow:column;
				    -webkit-flex-flow:column;
				        flex-flow:column;
				text-align:center;
			}
			
			.footer-column{
				margin:1em 0;
				font-size:1.4em;
				line-height:2;
			}
			
				.footer-hours{
					padding-left:50px;
				}
				
				.footer-column table,.footer-column td{
					font-size:13px;
				}
			
			#search{
				width:100%;
			}

			
			.footer-copyright{
				text-align:center;
			}
			
				.footer-copyright p{
					display:block;
					margin:20px auto;
				}
}