body {
	font-family: 'Open Sans', sans-serif;
}


	.wrapper {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
}


h1, .h1,
h2, .h2,
h3, .h3
{	
	font-family: 'Open Sans', sans-serif;
		color: #004B88;
	font-weight: 800;
	
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
		font-family: 'Open Sans', sans-serif;
			color: #004B88;

	font-weight: 800;
}


strong, b {
	font-weight: 700;
}

.clickable {
	cursor: pointer;
}

a {
	color: #004b88;
	word-wrap: break-word;
	text-decoration: none;
	border-bottom: 1px solid #004b88;

}


a:focus, a:hover {
	color: #003c64;
	text-decoration: underline
}

a:focus, a:hover, .clickable:hover a  {
	color: #003c64;
	text-decoration: none;
	border-bottom: 1px solid #003c64;
	background-color: #e3f4ff
}



#logodiv a {
			border: none !important;
			background-color: inherit !important;

}
#logo {
		margin-top: 1rem;
		margin-bottom: 1rem;

}

.form-panel {
		
		background-color: #e3f4ff;
		margin-top:  1rem;
		margin-bottom: 1rem;
		padding: 0;
		padding-top: 0.5rem;
		padding-bottom: 0.25rem;
}

.form-panel .first-form form {
	padding-right: 0.625rem;
}

.form-panel label {
	font-weight: 700;
}

.form-panel small {
	color: #004B88;
	display: inline-block;padding-top: 0.25rem;
}
.input-group {
	margin-bottom: 0;
}

.input-group-button .button{

		padding-left: 1rem;
		padding-right: 1rem;;

}

.button, .button:hover {
		color: #fff;
		background: #004B88;
}


::-webkit-input-placeholder {
  color: #666; }

::-moz-placeholder {
  color: #666; }

:-ms-input-placeholder {
  color: #666; }

::-ms-input-placeholder {
  color: #666; }

::placeholder {
  color: #666; }







#main-nav {
	background: #004B88;
}

#main-nav a {
	border: none;
	color: #fff;
		font-weight: 700;
padding: 1.3rem 1rem;
line-height: 1.5;
}


#main-nav a:hover, #main-nav a:active {
	color: #004B88;
	background: #fff;
}

.main-photo 	{
	width: 100%;
	height: auto;
	margin-bottom: 2rem;
}




.inside {
	margin-top: 2rem; /* no photo*/
}



.subtitle {
	font-size: 120%;
			font-weight: 700;
margin-bottom: 2rem;
}



.box-grid .cell {
			margin-bottom: 1.3rem;
		background: #e3f4ff

}

.box-grid .cell.heritage {
	color: #004B88;
	background: #fcbb69;

}


.box-grid .cell.heritage-reverse {
	background: #004B88;
	color: #fcbb69 ;

}
.box-grid .cell.heritage-reverse h2 {
		color: #fcbb69 ;

}



.box   a:focus, .box   a:hover ,
 .clickable .box  a {
	background-color: inherit !important
}







.box {
	padding: 2rem;
}


p.date {
	text-transform: uppercase;
	font-size: 0.875rem;
}



.download .box {
	padding-left: 3.5rem;
}

.download .box h2 {
	background-image:  url('/images/site/document_icon.png') ;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	padding-left: 2rem;
	margin-left: -2rem;
}



.pagination-link {
	padding-top: 2rem;
}



header {
			background-color: #fff

}

footer {padding-top: 2rem;
	margin-top: 2rem;
		background-color: #e3f4ff

}

footer .menu {
	margin-bottom: 1rem;
}
footer .menu a {
font-weight: 700;
margin-right: 1rem;
}
.social a {
	border-bottom: none;
}
.social img {
	width: 40px; height: auto;;
}






/* @group Mobile nav */
	
	@media screen and (max-width: 39.99875em) {
		
		
		header.open {
				background: #004B88;

		}
		
		
.form-panel {
	display: none;	
	margin-top: 3rem;

}

	#main-nav {
		display: none;
		margin-bottom: 1rem;
	}
	
		
	#main-nav a {
		padding:0.625rem  0.5rem;
	}


#nav-toggle-div {z-index: 100;
		 		display: block;
		 		width: 6.75rem;
		 		position: absolute;
		 		top:  0.5rem;
		 		right: 0;
		 		
		 	}
		 	
	#nav-toggle {
		position: relative;
	}	
	
		#nav-toggle span.menu-label {
			
			float: left;
			margin-left: 2rem;
			margin-bottom: 1rem;
			display: inline-block;
			text-transform: uppercase;
	font-size:0.875rem;
			font-weight: 600;
			line-height: 0.2rem;
					color: #36547B; 

		} 
	
		#nav-toggle.active span.menu-label {
			color:  #fff;
		}
	#nav-toggle span.hamburger {

	padding: 1rem 0.5rem;

		display: block;
		z-index: 1;
		 width: 25px;
		 height:  1px;
	border-bottom: none !important;
	}
	
	
	
	
	#nav-toggle span.line, #nav-toggle span.line:before, #nav-toggle span.line:after {
	  cursor: pointer;
	  border-radius: 1px;
	  height: 2px;
	  width: 25px;
	  background: #36547B;
	  position: absolute;
	  display: block;
	  content: '';
	  cursor: pointer;
	
	}
	
	#nav-toggle span.line:before, #nav-toggle span.line:after  {
		
	   -webkit-transition: transform 400ms ;
	    -moz-transition:transform 400ms ;
	    -ms-transition:transform 400ms ;    
		transition:transform 400ms ;
	}
	
	#nav-toggle span.line:before {
	  top: -6px;  
	
	}
	#nav-toggle span.line:after {
	  bottom: -6px; 
	}
	
	
	
	
	#nav-toggle.active  span.line {
		background:transparent;
	}
	
	#nav-toggle.active  span.line:before
	{  height: 2px;
		transform: rotate(45deg);
	position: absolute; top: 0;
	background: #fff;
	}
	
	
	#nav-toggle.active  span.line:after
	{height: 2px;
		transform: rotate(-45deg);
	position: absolute; top: 0;
	background: #fff;
	}
	
	
	
	#nav-toggle:hover span.line, #nav-toggle:hover span.line:before, #nav-toggle:hover span.line:after {
		 background: #003c64
	}
	
	
		#nav-toggle.active:hover span.line {
			background: transparent;
		}
	
#nav-toggle.active:hover span.line:before, #nav-toggle.active:hover span.line:after {
		 background: #fff
	}
	
	
	  	
	}
	
	

	
/* @end */





/* @group services map */

.mapfilter {
	background-color: #e3f4ff;
		padding: 1rem;
		}
		
		.mapfilter select, .mapfilter button {
			margin-left: 0.25rem;
		}
	.mapfilter select:first-of-type {
		margin-left: 0;
	}	
	
	
		.mapfilter .reset {
margin-left: 1rem; white-space: nowrap;
		}	
		
		
			.mapfilter .locationtotal {text-transform: uppercase;

					font-size: 0.75rem; line-height: 1rem;
			}
		
.reinos_map {
	margin:  2rem 0;
}

.leaflet-container a{color:#004b88 !important} 

.leaflet-popup-content p {margin:0 0 0.5rem 0 !important}

.leaflet-popup-content p.h4 svg {
	transform: scale(0.8);
} 


.leaflet-popup-content .menu.simple {
	margin-bottom:0.25rem;
}
.leaflet-popup-content .menu.simple  li {text-transform: uppercase; font-size: 0.6rem;
      margin-left: 0;      margin-right: 0.5rem; margin-bottom: 0.25rem ;
	  background: #e3f4ff; padding: 0  0.5rem;border-radius: 4px }
   .leaflet-popup-content .menu.simple  li:first-of-type {
   	background: inherit; text-transform: none; font-size: inherit;width: 100%; padding-left: 0;
   }
.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:none !important}

	@media screen and (max-width: 39.99875em) {

.mapfilter .input-group {
 display: block;
}
  	.mapfilter select, .mapfilter button {
			margin-left: 0;margin-bottom: 0.25rem;
		}
   .mapfilter button {
   	padding: 0.5rem 1rem;
   }
  }
/* @end */