body{
	background-size:100vw 80vh;
}
/* ---------- 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 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:1.4rem;
	padding-bottom:1.4rem;
	font-size:1rem;
	transition: all 0.5s ease;
}
#top_sub1 a:hover{
	border-top:0.25rem solid #bb9d44;
}
/* ----------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;
}
#top_sub1 ul ul li{
}
#top_sub1 ul ul a{
	font-size:0.9rem;
	border-left:1px solid #e2e2e2;
	border-top:0.25rem solid transparent;
}
#top_sub1 ul ul a:hover{
		border-top:0.25rem solid #bb9d44;
}

/* ----------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: #bb9d44!important;
	background-position:center center!important;
	background-size:auto 40%!important;
}
/* ---------- Create standard transformations----------------- */

.sibling{
	display:flex!important;
}
/* ---------- FEATURED AREA------------------------ */
#featured{
	margin-top:6.3rem;
	height:85vh;
}
#featured img{
	height:85vh;
}
/* ---------- Big Video------------------------ */
#block-wcc-base-2024-views-block-wcc-big-video-block-1{
	height:85vh;
}
/* ---------- PAGE TITLE AREA (margin-top counters the height of the featured area sitting underneath it)------------------------ */
#title{
	max-width:62rem;
	margin-top:-85vh;
	height:55vh;
}
H1{
	font-size:5rem;
}
/* ---------- Page Anchors Menu created at top of page --------------------------------------------------------- */
#wccanchors a{
	min-width:12em;
	max-width:33.8em;
}
/* ---------- CONTENT AREA--------------------------------------------------------------------------- */
#content{
	max-width:60rem;
}
#block-wcc-base-2024-content{
	max-width:35rem;
	position:relative;
}
#block-wcc-base-2024-content blockquote{
	max-width:16rem;
	transition: all 0.5s ease;
}
/* ---------- Margin Adjustments to go outside main text column------------------------------------------------------------------------------------------------------------------ */
 @media screen and (min-width: 1260px) {
	 /* --------Wrapper around Tables------------------------ */
	  #block-wcc-base-2024-content .tablewrap{
		margin-left:-12.5rem;
		width:60rem;
		transition: all 0.5s ease;
	 }
	/* --------Blockquotes------------------------ */
	 #block-wcc-base-2024-content blockquote{
		margin-right:-12.5rem;
		max-width:18rem;
		 clear:right;
	}
	 /* --------tables within Blockquotes------------------------ */
	#block-wcc-base-2024-content blockquote .tablewrap{
		margin-left:0;
		width:100%;
	 }
	 /* --------Anchor Links------------------------ */
	#wccanchors a{
		min-width:16em;
	}
	 /* --------Back to top links------------------------ */
	.backtotop{
		margin-top:1em!important;
		margin-left:-9.5rem!important;
		width:6.5rem;
		float:left;
	}

	
	 h3{
		 clear:left;
	 }

/* ---------- Styles applied to IMG tags using CKeditor-------------------------------- */
	.align-right{
		width:60%;
		max-width:none;
		margin-right:-12.5rem;
	 }
	 blockquote .align-right{
		max-width:45%;
		margin-right:0;
	}
	 .align-left{
		width:60%;
		max-width:none;
		margin-left:-12.5rem;
	 }
	  blockquote .align-left{
		max-width:45%;
		margin-left:0;
	}
	 .align-center{
		margin-left:-12.5rem;
		width:60rem;
	 }
}


.listing-frame{
	gap:1rem 1%;
	font-size:0.75rem;
}

.listing{
	max-width:32.65%;
}



/* ---------- 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;
}