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;

}



.borough-cell, .gtranslate-cell {
	margin-top: 2rem;
}


.dropdown.menu>li.is-dropdown-submenu-parent>a::after{border-color:#003c64 transparent transparent;right: 0.5rem;}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after{border-color:#003c64 transparent transparent;}

.accordion-menu .is-accordion-submenu-parent[aria-expanded=true]>a{background: #004B88 ; color: #fcbb69; }

.accordion-menu .is-accordion-submenu-parent[aria-expanded=true]>a::after{border-color:#fcbb69 transparent transparent}


.borough-menu li {
		width: 100%;font-weight: normal;font-size: 0.875rem;
}

.borough-menu li a {
color: #004B88;
	background: #fcbb69;
		

}




.borough-menu >li {
/*font-size: 1rem;*/
  line-height: 1.5;
font-weight: bold;
	width: 100%;


  
}

.borough-menu ul li a {
border-bottom: none;
transition: 200ms all;

}

.borough-menu ul li a:hover {
background: #004B88; color:  #fcbb69;
}


.borough-menu ul li a svg{
float: right; color: #fcbb69 ;
}





  .borough-menu.dropdown.menu>li.is-active>a {color: #004B88;
	background: #fcbb69;
 border-bottom-color: #fcbb69 ;}

.borough-menu .is-dropdown-submenu{padding: 0 0.5rem 0.5rem  0.5rem  ;
width:100% !important;border: none;background:#fcbb69}

.borough-menu.dropdown.menu>li>a{padding:.7rem 1.25rem}
.borough-menu.dropdown .is-dropdown-submenu a{padding:.5rem 1rem}

#google_translate_element select {
  	font-family: 'Open Sans', sans-serif !important;

  height: 2.4375rem;
  margin: 0 0 0.25rem;
  padding: 0 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }
  
  
.form-panel {
		  font-size: 0.875rem;line-height: 1.8; /*match label*/

		background-color: #e3f4ff;
		margin-top:  1rem;
		margin-bottom: 1rem;
		padding: 0;
		padding-top: 0.25rem;
		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 .get-advice-tab a  {
		color: #004B88;
	background-color: #fcbb69;
}


#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-grid .cell.heritage-reverse label {
 			color: #fcbb69 ;
font-size: 1rem;
font-weight: bold;
 }


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


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





.box-grid .cell.heritage-reverse a {
	color: #ffffff;border-color: #ffffff;
}



.box-grid .clickable.heritage-reverse:hover  a,

.box-grid .clickable.heritage-reverse:focus  a{
	color: #fcbb69;border-color: #fcbb69;
}


.signpost p {
	color: #ffffff;
}
.signpost  svg {

	transform: scale(5);
	transition: 200ms all;
	margin-top: 3rem;
}

.clickable:hover .big-icon svg ,
.clickable:focus .big-icon svg {
		color: #fcbb69;
}





.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;
}



.has-photo.cell {
	background-size: cover;
}

.has-photo.cell .box {
	background: #e3f4ff;
	margin-top: 18rem;
	margin-bottom: 2rem;
}

.infographic.cell {
	font-weight: bold;
	background: inherit;
padding:1rem 2rem;
	text-align: center;
}


.infographic.cell .h4 {
	background: #fcbb69;
	padding: 0.5rem;
}


.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;

		}
		.main-photo 	{
	width: 100%;
	height: 40vh;
    object-fit: cover;
	margin-bottom: 1rem;
}
		
.form-panel {
	display: none;	
	margin-top: 3rem;

}

.gtranslate-cell {
		display: none;	

	margin-top: 4rem;
	margin-bottom: 1rem;
	background: #fefefe; padding: 1rem;
}

.borough-cell {
	margin-top: 0;margin-bottom: 1rem;
}

.signpost  svg {

	transform: scale(4);
	margin-top: 0;
}

	#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 */