@charset "UTF-8";

body{
	color: #262625;
	background-color: #edede6;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-family: "Montserrat", sans-serif !important;
	font-weight:800;
	color:#034560;
}

h1 { margin-bottom:0px;}

h2{ line-height: 2.2rem;
	margin:0px 0px 15px;
	font-weight:800;
}

.home h2{ 
	font-size: 2rem;
	font-weight: 400; 
	margin-bottom: 40px;
	}
	
.tile h2{
	font-size: 1.4rem;
	line-height: 1.5rem;
	margin: 1rem auto 0.5rem;
}

h3{
	font-size: 1.4rem;
	margin-bottom: 0px;
}
.callout-subscribe h2{
	margin-top: 30px;
	font-weight: 800;
	margin-bottom: 15px;
}

a{ text-decoration: underline; color: #168dad;}
a:hover{ color: #034560;}

.button {
  padding: 0.875em 2em;
  background: linear-gradient(90deg, #74c157, transparent) #74c157;
  font-family: inherit;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.5s;
  place-content: center;
  border: 0px;
  border-radius:25px;
  font-size: 1rem;
}
.button:hover, .button:focus {
  background-color: #186c42;
  color: #fff;
  border: 0px;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 24
}

.content{
	margin-bottom:40px;
}

.news-roll {
	border-top: 1px solid #c6c5b3;
	padding:0px;
	margin: 0px;
}
.news-roll li{
	list-style: none;
	border-bottom: 1px solid #c6c5b3;
	padding: 5px 0px;
}
.external{
	position: absolute;
}
p.lead{
	margin-bottom: 20px;
}

.callout-subscribe{
	margin-top: 50px;
	}
	
.callout-subscribe .icon, .callout-survey .icon {
	margin-top:-35px;
	background-color:#00a392;
	padding:10px;
	border-radius:50%;
	font-size:50px;
	color:#fff;
	}
	
	
.board-members{
	margin-bottom: 70px;
}
.board h1{

	margin-bottom: 30px;
}
.board-members h2{
	font-size: 1.5rem !important;
	margin-bottom: 0px !important;
	margin-top: 15px;
	
}
.board-members p{
	margin: 0px !important;
}

.board-members .title{
	font-weight: 700;
	
}
.board-members .occupation{
	font-style: italic;
	font-size: 0.9rem;
}

img.headshot {
	border-radius: 150px;
	width: 175px;
	
}

.event{ padding-top: 40px; }
.event .date { margin-bottom: 0px;}
.deets { margin-left: 0px;}
.deets li{ list-style:none; padding: 3px 0px; font-weight: 600; }
.deets li span{ float:left; margin-right: 3px; }
.deets .icon { color: #00a392; }

.schedule{}
.schedule dt{margin-top:20px;}
.schedule dd{}

.map, .form{
	margin-bottom: 30px;
}

.footer{
  background: #74C157;
  background: linear-gradient(90deg,rgba(116, 193, 87, 1) 0%, rgba(0, 163, 146, 1) 50%, rgba(3, 79, 71, 1) 100%);
}

.footer h3{
  margin:30px auto 10px !important;
  color:#fff;
  font-weight:600 !important;
}

.footer a.social img{
  margin: 0px  0px 10px;
  transition:  0.25s margin ease-out;
}

.footer a.social:hover img{
  margin: -5px 0px 15px ;	
}

/* TOP NAV */
.top-bar, .top-bar ul { background-color: transparent; }

.top-bar ul ul{ background-color: #fff; }
.menu .menu-text { padding: 0px;}

.menu li li { padding-top: 0px; text-align: left; }

.menu a { color: #262625; }
.menu a:hover, .dropdown.menu > li.is-active > a{ color: #00a392; }

.dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after

 {
	border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    border-color: #00a392;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: auto;
    position: absolute;
    top: 1rem;
    right: 0.7em;
    transform: rotate(135deg);
    vertical-align: top;
    width: 0.45em;
 }

.menu-icon-wrapper { position: absolute; right:25px; top: 15px;}
.menu-icon::after{ content:none;}
.menu-icon svg{ width:25px; }

.menu-icon svg.close{ display:none; }

.menu-icon.active svg.menu{ display:none; }
.menu-icon.active svg.close{ display:block; }

.menu-icon:hover svg .cls-1 { fill:#00a392; }


.dropdown.menu > li.is-dropdown-submenu-parent > a::after, .is-accordion-submenu-parent > a::after {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    border-color: #c6c5b3;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: auto;
    position: absolute;
    top: 1rem;
    right: 0.7em;
    transform: rotate(135deg);
    vertical-align: top;
    width: 0.45em;}

.menu a:hover, .dropdown.menu > li.is-active > a::after {
	 border-color: #00a392;
	  
	 }
	 .nav { margin-bottom:20px;}


.news li.news > a,
.trunk-or-treat li.trunk-or-treat a,
.trunk-or-treat li.news a,
.about li.about > a,
.board li.board a,
.footprint li.footprint a,
.contact li.contact a{ color:#00a392; }

li.donate a,
li.donate a:hover{color: #fff;}



.flag h2{ margin-bottom:0px;
	color:#fff;
	text-transform:uppercase;
	font-size:1.3rem;
	}
	
.flag a{ color: #fff; text-decoration:none;}

	 
@media print, screen and (max-width: 40em) {
	
	.grid-container.content{
		padding:0px 20px;
	}
	
	h1 {
		font-size: 2.5rem;
	}
	
	h2{font-size: 2rem;}
	
	.home h2{ 
		font-size: 1.6rem;
		margin-bottom:1rem;
		}
	.event h2{
		font-size: 2rem;
	}	
	
	p.lead{
		text-align: left;
		font-size: 1rem;
		}
	
	
	.logo { display:none;}
	.logo-mobile { display: block;}
	
	#responsive-menu { width: 100%;}
	
	.nav { background-color: #034560;}
	.top-bar { padding: 0px;}
	.top-bar-title{ margin: 0px;}
	.top-bar ul ul { background-color: transparent;}
	
	.menu li{ text-align: left;}
	.menu a{ color: #ffffff;}
	
	.is-accordion-submenu-parent:first-child { border-top: 1px dotted #002d3a; }
	.is-accordion-submenu-parent,li.news { border-bottom: 1px dotted #002d3a; }
	
	.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
		border-style: solid;
	    border-width: 0.15em 0.15em 0 0;
	    border-color: #ffffff;
	    content: '';
	    display: inline-block;
	    height: 0.45em;
	    left: auto;
	    position: absolute;
	    top: 1rem;
	    right: 0.7em;
	    transform: rotate(135deg);
	    vertical-align: top;
	    width: 0.45em;
	}
	
	.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:hover::after{
		border-color: #00a392;
		
	}
	.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
		  transform: rotate(-45deg) !important;
		}
   
   .callout-subscribe {
	background-color:#fff;
	border-radius:150px 150px 0px 0px;
	}
	
	.callout-survey {
	background-color:#fff;
	border-radius:150px;
	margin-bottom: 60px;
	}
	
	.callout-subscribe h2,.callout-survey h2{
	margin-top:22px;
	font-size:2rem;
	}

	.callout-subscribe p, .callout-survey p{
		padding-left:15px;
		padding-right:15px;
	}
	
	.board-members .occupation {
		margin-bottom: 30px !important; 
	}
	
	.map{ margin-bottom: 0px;}
	
	.flag h2{ margin-bottom: 0px;}
	
	li.donate {
		padding-bottom: 20px;
		padding-top: 10px; }
	
 }


@media print, screen and (min-width: 40em) {
	
	.logo { display:block;}
	.logo-mobile { display: none;}
	
	.callout-subscribe h2, .callout-survey h2{
		font-size: 2.5rem;
}
   
   .callout-subscribe, .callout-survey {
	background-color: #fff;
	border-radius: 25px;
	margin-bottom: 50px;
	
	}
	
	.grid-container.fluid {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
   
 }