@import url("https://use.typekit.net/ifv3gkw.css");
#page_content {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-style: normal; }

#action-buttons {
  padding: 1em;
  position: relative;
  z-index: 10000; }
  
 
#action-buttons ul {
  display: flex;
  height: 100%; }

#action-buttons li {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

#action-buttons ul li.three {
  padding-right: 0.25em; }

#action-buttons a:nth-child(1) ul li.three img {
  border-top-left-radius: 0.75em; }

#action-buttons a:nth-child(2) ul li.three img {
  border-bottom-left-radius: 0.75em; }

#action-buttons a:nth-child(1) ul li.nine {
  background: #30B5AD;
  border-top-right-radius: 0.75em; }

#action-buttons a:nth-child(1) ul {
  margin-bottom: 0em; }

#action-buttons a:nth-child(2) ul {
  margin-top: 0.25em; }

#action-buttons a:nth-child(2) ul li.nine {
  background: #F5CA21;
  border-bottom-right-radius: 0.75em; }

#action-buttons li.nine{ 
  color: #000;
  font-weight: 700;
  font-size: 1.25em; }


@media(max-width:48em){
    
    #action-buttons li.three.columns{
        padding-top:0;
    }
    #action-buttons li.nine.columns {
 font-size:1em;
        margin-bottom:0;
}
}
#page {
  background: #fff; }

#page h1, #page h2 {
  color: #1F756F;
  font-weight: 700; }
  
#page h1.darkgreen{
	color:#006d43;
}

#category-blocks a img {
  margin-bottom: 1em; }

#category-blocks a:link, #category-blocks a:visited {
  color: #8F4987;
  font-weight: 700; }

#category-blocks a:hover, #category-blocks a:active {
  color: #30B5AD; }

.navbar-inner {
border:0;
}

#local_header{
    display:none;
}
@media (max-width: 37.5em) {
    
    #microsite_header .five.columns{
        width:75%;
    }
    
     #microsite_header .three.columns{
        width:25%;
        padding-top:1em;
         margin-bottom:0;
    }
    
      #category-blocks > ul .four.columns {
    width: 50%; } 
}
    
    


details summary {
  background: #30B5AD;
  color: #000;
  font-weight: 700;
  border-radius: 0.75em;
  margin-bottom: 0.5em;
  padding-left: 3em;
  box-shadow: none; }

details > summary::before {
  border: 1px solid;
  border-radius: 500em;
  content: "+";
  font-size: 2rem;
  left: .5rem;
  padding: .25rem .375rem;
  position: absolute;
  top: .65rem;
  color: #fff;
  border-color: #F5CA21;
  background: #F5CA21;
  border-width: .125rem; }

details summary[aria-expanded="true"]:before, .no-details details.open > summary:before {
  color: #fff;
  border-color: #F5CA21; }

#page .well {
  background: #8F4987;
  color: #fff;
  text-shadow: none;
  border-radius: 0.75em; }

#page .well h2 {
  color: #fff; }

.well a:link, #page .well a:visited {
  color: #fff;
  border-bottom: 1px solid #fff; }

.well a:hover, #page .well a:active {
  color: #F5CA21;
  border-bottom: 1px solid #F5CA21; }
  
  
#page .well.alternate{
	background:#2bb673;
	color:#222;
}


#page .well.alternate-two{
  background: #30B5AD;
  color: #222;
}

#page .well.alternate-three{
	background: #F2B803;
	color: #222;
}


#page .well.alternate-three a:link,
#page .well.alternate-three a:visited {
    color: #000 !important;
    border-bottom: 1px solid #000;
}

#page .well.alternate-three a:hover,
#page .well.alternate-three a:active {
    color: #222 !important;
    border-bottom: 1px solid #222;
}

a[role="button"].primary {
  background: #30B5AD;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
  border: none !important;
  font-weight: 700; }

a[role="button"].primary:hover {
  background: #F5CA21;
  color: #222; }



a[role="button"].secondary {
  background: #8F4987;
  color: #fff!important;
  box-shadow: none;
  text-shadow: none;
  border: none !important;
  font-weight: 700; }

a[role="button"].secondary:hover {
  background: #fff;
  color: #222!important; }




#page_content a:link,#page_content a:visited  {
	 font-weight:500!important;
 }


.overlay-image .caption {
    font-weight:700;
    color:#222;
    background: #30B5AD;
}

.overlay-image .caption.yellowbg {
    background: #F5CA21;
}


/* nature pages */
.well.relative{
    position:relative;
}

.nature-butterfly-yellow{
    position: absolute;
    right: -20px;
    top: -30px;
    width: 75px;
}

.nature-purple-butterfly{
    position: absolute;
    right: -20px;
    top: -30px;
    width: 75px;
}

.nature-green-plant{
    position: absolute;
    left: -40px;
    bottom: -40px;
    width: 75px;
}