
body{
	background-size:100vw 60vh;
}
/* ---------- TOP AREA LAYOUT BOXES------------------------ */
#toparea{
	position:fixed;
	top:0;
	z-index:100;
	width:100%;
	background-color:#fff;
}
/* ---------- Adjustment to move navbar down when logged in--------------------- */
.toolbar-tray-open #toparea{
	margin-top:80px;
}
/* ---------- home, search and menu buttons container------------------------ */
#top_buttons{
	position:relative;
	width:auto;
	height:auto;
	border-top:none;
	flex:1 1 0;
}
/* ---------- main nav container------------------------ */
#top_sub1{
	position:relative;
	width:auto;
	height:auto;
	left:auto;
	flex:4 1 0;
}
/* ---------- search fields container------------------------ */
#top_sub2{
	height:100vh;
}
#block-wcc-base-2024-search-form-wide input{
	width:40vw;
}
/* ---------- TOP ICON BUTTONS------------------------ */
#hamburger{
	display:none;
}
.top_button a{
	font-size:1rem;
}
/* ---------- MAIN NAVIGATION----------------------- */
#top_sub1 ul{
	flex-direction:row;
}
#top_sub1 a{
	border-top:0.25rem solid transparent;
	padding-top:1rem;
	padding-bottom:1.25rem;
	font-size:0.8rem;
	line-height:1em;
	transition: all 0.5s ease;
}
#top_sub1 a:hover{
	border-top:0.25rem solid #000;
}

/* ----------SECOND LEVEL-------------------- */
#top_sub1 ul ul{
	position:absolute;
	top:100%;
	left:0;
	margin-left:-20vw;
	width:95vw;
	padding-left:5vw;
	background-color:#fff;
	border-bottom:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
}
#top_sub1 ul ul li{
}
#top_sub1 ul ul a{
	font-size:0.8rem;
	border-left:1px solid #e2e2e2;
	border-top:0.25rem solid transparent;
}
#top_sub1 ul ul a:hover{
		border-top:0.25rem solid #842227;
}

/* ----------close menu button----------------- */
.menu_close{
	display:flex!important;
	flex:0.3 1 0!important;
}
.menu_close a{
	background-image:url("../images/x.svg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 40%;
	text-indent:-9999em;
	background-color:transparent!important;
	
}
.menu_close a:hover{
	background-image:url("../images/x_white.svg")!important;
	background-color: #842227!important;
	background-position:center center!important;
	background-size:auto 40%!important;
}
/* ---------- Create standard transformations----------------- */

.sibling{
	display:flex!important;
}
/* ---------- FEATURED AREA------------------------ */
#upperwrapper{
	margin-top:7rem;
}





/* ---------- CONTENT AREA--------------------------------------------------------------------------- */





.listing-frame{
	gap:1vw 1%;
	font-size:0.75rem;
}
.listing{
	max-width:19.2%;
}





/* ---------- FOOTER AREA------------------------ */
#council_logo{
	flex:1 1 0;
}
#council_details{
	flex:4 1 0;
}
#council_social{
	flex:3 1 0;
	padding-right:2vw;
	text-align:right;
	margin-left:0;
}
.admin_login{
	display:inline-block;
	margin-left:3em;
}
/* ---------- COLOR BANDS AT BOTTOM OF PAGE------------------------ */
.bands{
	margin-bottom:0;
}