@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


/*@font-face {
	font-family: 'script mt bold';
	src: url('./fonts/SCRIPTBL.eot');
	src: local('SCRIPTBL'), url('./fonts/SCRIPTBL.woff') format('woff'), url('./fonts/SCRIPTBL.ttf') format('truetype');
}*/
:root {
	--nav-main: #0129A6;
	--nav-color: #08098E;
	--nav-hover: #ffffff;
	/*	#C6B482*/
	--color-default: #000000;
	/*--blue-highlight: #4747FC;
	--yellow-main: #FDDC00;
	--green-main: #4a640b;*/
}
body {
	color: #000000;
/*	color: #2E459C;*/

}
.cat-head {
    font-size: 1.2em;
    font-weight: bold
    font-weight: bold;
    color: #0129A6;
}
/*.sideMenu {
	position: fixed;
	top: 0;
	left: 0;
	width: 75px;
	background: #fff;
	z-index: 100;
	height: 100%;
	opacity: .6;
	display: none;
}

.sideMenu .menuItem {
	margin: 2em 0;
}

.sideMenu .menuItem .menuImage {
	width: 50px;
	margin: auto;
	display: block;
}

.sideMenu .menuItem span {
	display: block;
	text-align: center;
	font-size: .8em;
	font-weight: bold;
}*/

/*.wrapper {
	width: 100%;
	margin: 0;
}*/
.tcthumbitem img {
    width: 100%;
    max-width: 240px;
    height: auto;
    border-radius: 8px;
}
.header {
	background: #FFFFFF;
	font-family: "Inter", sans-serif;
/*	padding-top: 1em;*/
/*	display: flex;*/
/*	flex-direction: column-reverse;*/
}

.mainHeader {
	width: 100%;
	margin: auto;
	display: flex;
	padding: 0 ;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	flex-direction: column;
}

.mainHeader a:hover{
	text-decoration: none;
}

.mainHeader .logo {
	width: 115px;
	margin-top: .6em;
}

.headerCenter {
   width: 50%;
    align-content: center;
    flex-direction: row;
    justify-content: space-evenly;
}

.headerCenter a {
	color: var(--nav-main);
}
span.townTitle {
    font-size: 2.25em;
    font-weight: 800;
}
span.townSubTitle {
    font-style: italic;
     font-size: 1em;
}
.headerLeft {
    text-align: center;
    padding: 10px;
    width: 100%;
   /* display: flex;
    flex-direction: column;*/
}

.headerRight {
    width: 100%;
    margin-top: 10px;
    margin:auto;
}

.townNameTop {
	display: flex;
	flex-direction: column;
	margin: 0;
	text-align: center;
	font-size: 1em;
}

.headerLeft .townTitle {
    color: var(--nav-color);
    line-height: 0.8;
    font-size: 1.1em;
}
.headerLeft .townSubTitle {
    color: black;
    font-style: italic;
    line-height: 0.8;
    font-size: 1.1em;
}

.mainHeader .townLogoText {
    font-weight: 600;
    font-size: 3.5em;
    color: var(--nav-color);
    line-height: 1.2em;
}

.townNameTopWelcome {
	font-family: 'script mt bold';
	line-height: 1em;
	font-size: 2em;
	font-style: italic;
}

.townNameBottom {
/*	font-family: 'Times New Roman';*/
	font-variant: small-caps;
	font-size: 2.6em;
	line-height: 1em;
	margin: 0;
/*	font-weight: bold;*/
}

.searchContainer {
	display: flex;
	width: 100%;
	/*	margin-left: auto;*/
	flex-direction: column;
	align-items: stretch;
}

.searchContainer div.homemenu{
	/*	margin: 0 .5em;*/
	width: 100%;
	margin: 0;
	border-radius: 0;
	margin: 0;
	display: flex;
    justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 10px 5px;
    background: var(--nav-main);
}
.searchformwrapper {
	width: 100%;
    background: #dfe4f2;
	/*border: 2px solid #2E459C;*/
}

div.livesearchresults{
	margin: 0;
	right: 0;
	left: auto;
	width: 100%;
/*	width: 200%;*/
}

#keyword {
	border: none;
	margin: 4px 0 4px 5px;
	width: calc(100% - 33px);
	font-size: 1.4em;
    background: #dfe4f2;
	color: var(--nav-color);
}
#keyword:focus, #keyword:focus-visible {
	border: none;
	outline: none;
}
#keyword:placeholder {
	color: gray;
	opacity: 1;
}

#searchsubmit {
	width: 20px;
	vertical-align: middle;
	margin-top: -5px;
}

#homeIcon {
	width: 35px;
}

.inner-main-section {
    display: flex;
    flex-direction: column-reverse;
    /*min-height: 600px;*/
    /*max-width: 1600px;*/
    margin:auto;
    width: 100%;
}

.content {
	/*width: 100%;*/
	margin: 0;
}

.content-top {
	/*width: 100%;*/
	margin: 0 auto;
	max-width: 1600px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
    gap: 20px;
    padding: 0;
}

.content-area {
	margin: 0;
	/*max-width: 1600px;*/
	width: 100%;
	padding: 20px;
    background: #f5f7fc;
}

#home .content-area {
	width: 100%;
	font-family: "Inter", sans-serif;
	padding: 0;
	background: white;
}

/*.rslides .slides {
	 max-height: 400px; 
	max-height: inherit;
	transform: translateY(50%);
}
*/
.slideshow {
    /*max-width: 1000px;*/
    margin: 0;
    /* border-radius: 43px; */
    width: 100%;
}
/*.rslides{
	border-radius: 20px;
}*/

.rslides li {
    overflow: hidden;
    /*max-height: 280px;*/
}

/*#home .rslides li {
    max-height: 525px;
}*/

.rslides img {
	width: 100%;
	/*transform: translateY(-50%);*/
}
.iconBar {
	background: #FFFFFF;
	border-bottom: 4px solid lightgray;
}

.iconBar .iconContainer {
/*	width: 80%;*/
	margin: auto;
	display: flex;
	justify-content: space-around;
	padding: 20px 0 0;
	flex-wrap: wrap;
	line-height: 1.1em;
	max-width: 1440px;
}

.iconContainer .menuItem {
	text-align: center;
/*	width: 120px;*/
	width: 110px;
/*	color: white;*/
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.iconContainer .menuImage {
	width: 100%;
	margin-bottom: 10px;
}
.iconContainer .menuItem:hover {
    margin-top: -.5em;
}
.modforms li.cat-item {
    list-style-type: none;
    /* cursor: pointer; */
    background: #e5e5e5;
    border: 1px solid #444444;
    padding: 3px;
    margin: 10px 0;
}
.modforms li.cat-item a{
	color: black;
}
/*.contentBox h2, .newsContainer .newsTitle {
	text-align: center;
}*/

/*.newsListContainer h3 {
	margin: .5em 0 0;
	font-size: 1em;
}*/
/*.newsListContainer .date {
	font-size: .85em;
}*/
/*.newsListContainer a {
	color: #2E459C;
}
*/
.meetingsContainer h2.meetingTitle {
	margin: .5em 0 0;
	font-size: 1em;
}

#seeMore {
	margin-top: 1em;
	font-weight: bold;
}

#seeMore a {
    background: #c09048;
	/*color: var(--nav-main);*/
	color: white;
	padding: 7px 7px 7px 0;
	border-radius: 5px;
}

.meetingListContainer #seeMore a:after {
    content: 'View More...';
}


footer {
	background: var(--nav-main);
	color: white;
	font-family: "Inter", sans-serif;
}

footer a {
	color: white;
}

.pre-footer{
	font-family: "Inter", sans-serif;
}
.pre-footer .pre-footer-items p {
    display: flex;
    flex-wrap: wrap;
}
.pre-footer-items a {
    width: 50%;
}
.pre-footer .pre-footer-items p img {
    width: 100%;
    padding: 10px;
}
footer .top {
    padding: 45px 10px;
    border-bottom: 4px solid #4361bd;
}

footer .bottom {
    padding: 30px 10px;
    border-top: 4px solid #4361bd;
    display: flex;
    gap: 20px;
    font-size: 0.9em;
    font-weight: 200;
}
footer .middle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    max-width: 1600px;
    margin: auto;
    gap: 10px;
    padding: 20px 0;
}

footer .middle .contentBox {
    width: 90%;
    vertical-align: top;
    margin: 0 auto;
    text-align: center;
}

footer .middle hr.contentHR {
    border-top: 1px solid #666666;
    margin: 1em auto;
    width: 70%;
}
footer .middle h1 {
    font-size: 3.6em;
    margin: 0;
    line-height: 1;
}

footer .middle h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0.55em 0 0.85em 0;
}

footer .middle p {
    font-size: 1em;
    font-weight: 200;
}
footer .middle ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    font-weight: 300;
}

footer .middle li a{
    line-height: 1.7em;
    display: block;
}

footer .middle .contentBox.njac-descrip {
    width: 90%;
}

footer .middle .contentBox.njac-descrip h3 {
    font-size: 1em;
    font-weight: 300;
    margin: 0;
}

footer .middle .contentBox.njac-descrip p {
    font-size: 0.9em;
    font-weight: 200;
    text-align: justify;
}

footer .socialMediaLinks {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 12px;
}

footer .socialMediaLinks img {
    width: 100%;
    max-width: 30px;
}

/*.pre-footer .pre-footer-items p div {
    width: 50%;
    padding: 10px;
}*/

#SiteDesignFoot1 .top {
/*	width: 90%;*/
	margin: auto;
}

#SiteDesignFoot1 .bottom {
	padding: 5px;
}

#footerGroup .item {
	width: 90%;
	margin: 0 auto;
	color: white;
}

#footerGroup .item a {
	color: white;
}

footer .bottom .poweredBy {
	width:  200px;
	margin:  auto;
	background-color:  white;
	border-radius:  5px;
	margin-bottom:  5px;
}

.nav, .mobileNav {
	display: flex;
	background-color:var(--nav-main);
	width: 100%;
	/*margin: 0 0 1em 0;*/
	margin:  0;
	padding: 0;
	font-size: 1em;
	text-align: center;
	min-height: 2.5em;
	color: white;
	font-family: "Inter", sans-serif;
	z-index:5;	
	border: 2px solid var(--nav-main);
}

.toggle {
	cursor: pointer;
}

.hamburger {
    width: 30px;
    height: 30px;
    padding-top: 3px;
}

.hamburger > span {
    display: block;
    width: 80%;
    margin: auto;
    border-bottom: 2px solid #ffffff;
    height: 7px;
}

.navContainer {
	background-color: var(--nav-main);;
	display: flex;
/*	position: sticky;*/
/*	top: 0;*/
	z-index: 3;
}

/*
.menuArrow {
    height: 30px;
    width: auto;
    margin-left: -0.4em;
    /* display: none; 
    transition: transform 0.5s;
}*/
.menuArrow {
    height: 30px;
    transition: transform 0.3s;
    margin-left: -0.5em;
}

.menuArrowOpen {
	transform: rotate(90deg);
}
.navContainer .socialMedia img {
    width: 40px;
    margin: 6px 3px;
}
.homemenu .socialMedia img {
    width: 35px;
    margin: 0 3px;
}
.navContainer .socialMedia {
	display: none;
}
.homemenu .socialMedia {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	align-content: stretch;
	width: 100%;
}

.mobileNav > li {
	padding: 7px;
}
.mobileNav {
	display: flex;
	cursor: pointer;
	list-style: none;
/*	justify-content: flex-end;*/
	justify-content: space-between;
	align-items: center;

}

.nav > li {
	/*flex: 1;*/
	padding: 7px;
	list-style: none;
	vertical-align: middle;
	position: static;
	background-color 0.5s 0s, color 0.5s 0s;
	/*border-right: 1px solid white;*/
}


/*.nav a:hover {
	color: #B3D687;
	text-decoration: none;
	color: var(--nav-main);
}
*/


.nav .line-element {
	flex: 0 0 5px;
	color: white;

}

.nav .line-element span {
	vertical-align: middle;
}

.nav li * {
	vertical-align: middle;
/*	color: #000080;*/
}

.nav a {
	width: 100%;
	display: inline;
	font-weight: 600;
	font-family: "Inter", sans-serif;
	font-size: 1em;
	margin: 0;
}

.nav .last-menu-item {
	border-right: none;
}

/*.last-menu-item a {
	border-right: none;
}
*/
/*.nav > li > ul {
	left: -9999px;
	transform: scaleY(0);
	transform-origin: top;
	vertical-align: top;
	position: absolute;
	list-style: none;
	padding: 0;
	text-align: left;
	padding-left: 20px;
	transition: transform 0.3s, left 0.3s;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}*/

.nav > li > div.level2 {
	left: -9999px;
	transform: scaleY(0);
	transform-origin: top;
	vertical-align: top;
	position: absolute;
	list-style: none;
	padding: 0;
	text-align: left;
	padding-left: 20px;
	transition: transform 0.3s 0s, left 0s 0.3s;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 1.2em;
	margin: auto;
	margin-top: 7px;
	z-index: 7;
	width: 100%;
	background-color: var(--nav-hover);
}

.nav > li > div.level2 > div > ul {
	list-style:  none;
	padding-left:  0;
}

.level2/*, .level3*/ {
	display: none;
}

.level3 {
	font-size: .9em;
}


.nav h3 {
	font-size: 1.5em;
	background-color:var(--nav-main);;
	padding: 0 10px;
	font-weight: 400;

}

.nav > li > ul > li {
	display: block;
	width: 30%;
	padding-left: 3%;
}

.nav > li > ul > li > ul {
	list-style: disc;
}
.nav > li > div.level2 ul > li > ul {
	list-style: disc;
}

.nav > li > a {
	font-weight: bold;
	font-size: 1.3em;
	/*font-variant: small-caps;*/
	font-family: "Inter", sans-serif;
	color: white;
    text-transform: uppercase;
    line-height: 2.2em;
}
.nav > li:hover {
	background-color: var(--nav-hover);
}

.nav > li.line-element:hover {
	background-color:var(--nav-main);
}

.nav > li.hover {
	background-color: var(--nav-hover);
	border-top: 1px solid var(--nav-main);
	border-bottom: 1px solid var(--nav-main);
}

.nav > li.hover a, .nav > li:hover a {
    color: var(--nav-main);
	}
.nav > li.hover:first-child, .nav > li.hover:last-child {
    border-top: none;
}
/*.nav > li.navHover.hover > ul {
	left: 5%;
	height: auto;
	transform: scaleY(1);
	max-height: 300px;
	padding: 1em 1em 1em 1em;
	background-color: var(--nav-hover);
	margin-top: 9px;
	z-index: 7;
	width: 90%;
}*/

/*.nav > li.hover > ul {
	left: 5%;
	height: auto;
	transform: scaleY(1);
	max-height: 300px;
	padding: 1em 1em 1em 1em;
	background-color:var(--nav-main);
	margin-top: 10px;
	z-index: 7;
	width: 90%;
	position: static;
	margin: auto;
}*/

/*.nav > li.navHover.hover > div.level2 {
	height: auto;
	transform: scaleY(1);
	background-color: var(--nav-hover);
	margin-top: 7px;
	z-index: 7;
	width: 100%;
	transition: transform 0.3s 0s, left 0s 0s;
}*/

.nav > li.hover > div.level2 {
	left: 0;
	transform: scaleY(1);
	position: relative;
	transition: transform 0.3s 0s, left 0s 0s;
}

/*.nav > li > div.level2 a {
	color: #FFFFFF;
}

.nav > li > ul > li:hover {
	background-color: var(--nav-main);
}
.nav > li > div.level2 ul > li:hover {
	background-color: var(--nav-main);
}
*/

.nav > li > ul > li.hasSubs2 > ul {
	/*display: none;*/
	left: -9999px;
	height: 0;
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 0.3s;
}

.nav > li > ul > li.hasSubs2.hover > ul {
	/*display: block;*/
	left: 0;
	height: auto;
	transform: scaleY(1);
	transition: transform 0.3s;

}.nav > li > div.level2 ul > li.hasSubs2 > ul {
	/*display: none;*/
	left: -9999px;
	height: 0;
	transform: scaleY(0);
	transform-origin: top;
/*	transition: transform 0.3s;*/
/*	transition: transform 0.3s 0s, left 0s 0s;*/
	transition: transform 0.3s 0s, left 0s 0.3s;
}

.nav > li > div.level2 ul > li.hasSubs2.hover > ul {
	/*display: block;*/
	left: 0;
	height: auto;
	transform: scaleY(1);
	transition: transform 0.3s;
	transition: transform 0.3s 0s, left 0s 0s;
}

.nav > li > ul > li > ul > li:hover > a{
/*	background-color: var(--nav-main);*/
	text-decoration: underline;
}
.nav > li > div.level2 ul > li > ul > li:hover > a{
/*	background-color: var(--nav-main);*/
	text-decoration: underline;
}

.nav > li:hover:first-child > ul {
	left: 0;
}

.nav > li:hover:last-child > ul {
	right: 0;
	left: auto;
}

.nav > li:hover:nth-last-child(3) > ul {
	right: -50%;
	left:auto;
}

.nav > li:hover > ul > * {opacity: 1;}

.nav {
	display: none;
	margin-top: 0;
}

.nav > li > ul {
	/*left: -9999px;*/
	display: flex;
	width: 90%;
}

.nav > li.hover > ul {
	/*position: static;*/
	margin: auto;
	width: 90%;
	left: 5%;
}


.nav > li > ul > li {
	width: 100%;
	padding-bottom: 5px;
}	
.nav > li > ul > li.showMobile {
	display: block;
}

/*
.nav > li:hover a, .nav > li.hover a {
	color: var(--nav-main);
}*/
/*.nav > li:hover {
	background-color: var(--nav-hover);
}*/


.nav > li > div.level2 > div {
	width:  90%;
	margin:  0 auto;
}

.nav > li > div.level2 > div > ul > li {
	width: 100%;
	padding-bottom: 5px;
}	
.nav > li > div.level2 > div > ul > li.showMobile {
	display: block;
}

.newsletterSubscribe form {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 10px;
    margin: auto;
    width: 100%;
}

#dropdown-menu  {
	position: relative;
	/*left: 0;*/
	/*top: 28px;*/
	background: #afaeae;
	list-style:0;
	margin: 0;
	padding: 10px;
	list-style: none;
	text-align: center;
	font-size: 1.2rem;
	height: auto;
	transition: height 2s ease;
}
#dropdown-menu-icon {
	display: inline-block;
}
.line-element {
	display: none;
}

#home .grid-container .item {
    padding: 0;
    margin: 0;
}

/* Home Calendar overrides */
#home .grid-container .fc-calendar-container {
    height: 400px;
}
#home .grid-container .fc-calendar .fc-row > div > span.fc-date {
    font-size: 15px;
}

#home .grid-container .fc-calendar-event {display: none;}

#home .grid-container .fc-calendar .fc-row > div > span.fc-date {
    top: 50%;
    left: 50%;
    text-align: center;
    margin:-10px 0 0 -17px;
    position: absolute;
}

#home .grid-container .fc-calendar .fc-row > div.fc-content:after {
    content: '\00B7';
    text-align: center;
    width: 20px;
    margin-left: -13px;
    position: absolute;
    /*color: #DDD;*/

    font-size: 70px;
    line-height: 20px;
    left: 50%;
    bottom: 0px;
}
#home .grid-container .fc-calendar .fc-row > div.fc-content:after {
    color: var(--color-default);
}


#home .grid-container .fc-calendar .fc-row > div.fc-content:hover:after{
    color: #0d0a777d;
}

/*.grid-container {}*/

.eventsContainer.hpEvents {
    background: #42a4ff;
    color: white;
    padding: 40px;
}

.eventsContainer.hpEvents a {
    color: white;
}

.eventsContainer.hpEvents h3.eventsTitle {max-width: 1400px;margin: 0 auto 0.75em;font-size: 2em;}

.hpEvents ul.eventsListContainer {
    max-width: 1400px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 0;
    list-style: none;
    justify-content: space-evenly;
}

.hpEvents ul.eventsListContainer li {
    margin: 0;
    padding: 0 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    /*border-left: 1px solid white;*/
    justify-content: flex-start;
    align-items: flex-start;
}

.hpEvents ul.eventsListContainer li#eventsSeeMore {
    display: none;
}

.hpEvents ul.eventsListContainer .date {
    font-size: 2em;
    line-height: 1em;
    /* display: block; */
}
.hpEvents ul.eventsListContainer .date .eventDateSpacer {
	display: none;
}
.hpEvents ul.eventsListContainer .headline {
    font-size: 1.2em;
}

.hpEvents ul.eventsListContainer li:first-child {
    border: navajowhite;
}

#home .newsListContainer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    /*align-items: flex-end;*/
    /*align-items: flex-start;*/
    max-width: 1400px;
    margin: auto;
}

#home .newsContainer .newsItem {
    display: flex;
    flex-direction: column;
    color: black;
    margin: 10px 3%;
    padding: 0 0 10px;
    font-size: 1.1em;
    vertical-align: top;
    width: 94%;
    background: #e0e5f4;
    border-radius: 10px;
    padding: 25px;
}
.newsItem .newsImage img.tileImg {
    width: 100%;
    border: 1px solid lightgray;
    border-radius: 10px;
}
#home .newsContainer .newsItem .newsHeadline {
    font-weight: bold;
}
#home .newsContainer .newsItem .date {
    color: #707070;
}
#home .newsContainer .newsTitle {
    max-width: 1400px;
    margin: auto;
    margin: 0.5em auto 0.75em;
    font-size: 2em;
    color: var(--nav-color);
}

#home .newsContainer .h3 {
    max-width: 1400px;
    margin: auto;
}


#home .newsContainer #seeMore {
    width: 100%;
    margin-left: 3%;
}

#home .newsContainer #seeMore a:after {
    content: 'More News...';
    padding: 10px;
}

#home .newsContainer a.readMore {
	margin-top: 1em;
}
#home .newsContainer a.readMore::after {
    content: 'Read More';
}
.custom-calendar-wrap {
    overflow: hidden;
}

.jump {
    margin: 1em 0 5px;
}

.sideMenu {
	width:  100%;
	margin: 0 auto;
	font-family: "Inter", sans-serif;
    background: var(--nav-main);
    padding: 30px;
}
#home .sideMenu {
	width:  100%;
	margin: 0 auto;
	font-family: "Inter", sans-serif;
    background: white;
    /*padding: 0;*/
}

.sideMenu .sideMenuInner{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
#home .sideMenu .sideMenuInner{
    height: 100%;
}
.sideMenu #sideMenuHeader {
    background: #FFD211;
    display: flex;
    color: white;
    text-align: center;
    border-radius: 15px;
    margin: 0;
    flex: 1;
    /* vertical-align: middle; */
    align-items: center;
    justify-content: center;
    width: 100%;
	text-transform: uppercase;
    font-weight: 700;
    color: var(--nav-color);
}

#home .sideMenu #sideMenuHeader {
    background: #FFD211;
    font-weight: 500;
}
.sideMenu a {
    /* color:  black; */
    font-size: 1.1em;
    line-height: 3em;
    color: var(--nav-color);
    vertical-align: middle;
    width: 100%;
}
#home .sideMenu a {
    color: #0129A6;
}
.crumbs {
/*    background: #0d486c;*/
/*    color: #fff;*/
    padding: 7px 1em;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 1.4em;
    margin: auto;
    max-width: 1440px;
}
.crumbs a, .crumbs a:visited, .crumbs a:active {
    color: var(--color-default);
}

.res_table_def caption{
	background: var(--nav-main)
}

@media screen AND (min-width:  481px ) {
	/*.townNameBottom {
		font-size: 4em;
	}*/
}

@media screen AND (min-width:  769px ) {
	.header {
		/*flex-direction: column;*/
		/*align-items: flex-end;*/
		max-width: 1600px;
		margin: auto;
	}
	.mainHeader .logo {
		margin-top:0;
	}

	.headerLeft{
		width: 33%;
		flex-direction: column;
	}
	.headerRight {
	    width: auto;
	    /*margin-top: 0;*/
	    margin: auto;
	}
	.headerCenter {
		display: flex;
		flex-direction: column;
        width: 75%;
         text-align: center;
	}
	.mainHeader {
		/*justify-content: space-between;*/
		justify-content: space-around;
		align-items: center;
		flex-direction: row;
		height: 150px;
	}

	.townNameTop {
		margin: 0 .75em;
		text-align: left;
	}

	.townNameBottom {
		/*margin: 0 .2em 0 .75em;*/
		font-size: 2.2em;
	}
	.toggle, .mobilehome, .searchContainer div.homemenu {
		display: none;
	}

	.searchContainer {
	    width: auto; 
	    margin-left: auto;
	    /*flex-direction: row;*/
	    /*padding-right: 15px;*/
	}

	.searchContainer div.homemenu{
		width: auto;
		padding: 3px;
		justify-content: space-between;
	}

	#keyword {
		margin: 1px 0 1px 5px;
		font-size: 1.2em;
	}

	div.livesearchresults {
		width: 300%;
	}

	/*.sideMenu {
		display: block;
	}*/

	.navContainer .socialMedia {
		display: flex
	}

	.a .socialMedia {
		/*display: none*/
		padding-top: 6px;
		justify-content: space-between;
	}
	.inner-main-section {
	    display: flex;
	    flex-direction: row-reverse;
	}

	.content {
		margin: 0;
	}

	#home .content-area {
		width: 100%;
	}

	.searchformwrapper {
		width: 204px;
		border-radius: 16px;
        padding: 8px 5px;
	}

	.iconBar {
		/*padding-left:65px;*/
		/*max-width: 1200px;*/
		margin: auto;
	}

	/*.mobileNav { 
		display: none;
	}*/

	.navContainer {
		padding: 0 15px 0 15px;
		position: sticky;
		top: 0;
		z-index: 3;
		/*border-bottom: 2px solid var(--nav-main); */
    	/*box-shadow: 0px 4px 4px var(--nav-main);*/
		background-color: var(--nav-main);
	}
	.nav {
		display: flex;
		justify-content: space-around;
		padding: 0 5px;
		border: none;
		max-width: 1600px;
		margin: auto;
	}

	.nav > li {
		/*border-radius: 2px 2px 0 0;*/
		transition: background-color 0.5s 0s, color 0.5s 0s;
	}


	.nav > li > div.level2 {
		width: 90%;
		/*left: 5%;*/
		padding: 1em 1em 1em 1em;
		position: absolute;
    	box-shadow: 0px 4px 5px var(--nav-main);
    	opacity: 0;
		transform: scaleY(1);
		transition: opacity 0.5s 0s, left 0s 0.5s;
	}

	.nav > li.hover > div.level2 {
		left: 5%;
		opacity: 1;
		position: absolute;
		transition: opacity 0.5s 0s, left 0s 0s;
	}


	.nav > li > a {
		font-size: 1em;
	}

	.nav > li.navHover.hover {
		border: none;
	}

	/*.nav > li.hover > div.level2 {

	}
	footer {
		padding-left: 75px;
	}
	*/

	#footerGroup #townInfo {
		border-right: 3px solid white;
	}
	.pre-footer .pre-footer-items p {
		flex-wrap: nowrap;
	}
	.pre-footer .pre-footer-items p img{
		width: 100%;
	}	
	.content-area {
		margin: 0;
		width: 70%;
		/*padding: 0;*/
	}
	/*.sideMenu {
		width:  30%;
		margin:  1em;
	}*/

	/*.sideMenu .sideMenuInner{
		box-shadow:  0 0 10px 0 rgba(0,0,0,.25);
	}*/

	/*.sideMenu #sideMenuHeader {
		color:  #D03E45;
	}*/


	.content-top {
		flex-direction: row;
		gap: 10px;
		padding: 0 1em;
	}
	.slideshow {
	    margin: 50px 0;
	    width: 70%;
	}
	.rslides{
		border-radius: 20px;
	}
	.sideMenu {
		width:  30%;
	}
	#home .sideMenu {
		margin: 50px 0;
		font-family: "Inter", sans-serif;
		background: none;
		padding: 0;
		width:  30%;
	}
	.sideMenu a {
		font-size: 1.1em;
		line-height: 2.7em;
		/*padding: 3px 0;
		display: block;
		margin-left: 1.2em;
		text-indent: -1.2em;*/
	}
	.sideMenu .sideMenuInner{
	    gap: 9px;
	}

	.hpEvents ul.eventsListContainer {
	    flex-direction: row;
	    gap: 0;
	}

	.hpEvents ul.eventsListContainer li {
	    width: 33%;
	    gap: 20px;
	    border-left: 1px solid white;
	    flex-direction: row;
	}
	#home .newsListContainer {
	    flex-direction: row;
	}

	#home .newsContainer .newsItem {
	    margin: 0;
	    width: 100%;
	}
	#home .newsContainer #seeMore {
	    margin-left: 0;
	}
}

@media screen AND (min-width:  1024px ) {

	/*.nav {
		justify-content: space-around;
		position:  sticky;
		top:  0;
	}*/

	.nav > li > a {
		font-size: 1.1em;
	}

	.nav > li > ul > li {
		width: 30%;
		padding-bottom: 5px;
	}

	.nav > li > div.level2 > div {
		width:  30%;
		margin:  0 auto;
	}
	.nav > li > div.level2 > div > ul > li {
		padding-bottom: 5px;
	}

	.townNameTop {
		font-size: 1.5em;
	}

	.searchformwrapper {
		width: 230px;
	}

	.slideshow {
	    width: 75%;
	}

	.content-area {
		width: 75%;
		margin: 0;
	}

	.content-top {
	    gap: 20px;
	}
	.sideMenu a {
		font-size: 1.3em;
		line-height: 3.2em;
	}

	.sideMenu {
		width: 25%;
	}
	#home .sideMenu a {
		line-height: 3em;
	}
	#home .sideMenu {
		width: 25%;
	}
	/*.sideMenu .sideMenuInner{
	    gap: 14px;
	}*/
	#home .sideMenu .sideMenuInner{
	    gap: 14px;
	}	
	.newsletterSubscribe form {
	    flex-direction: row;
	    width: 1000px;
	}

	footer .middle {
	    padding: 40px 0;
	    flex-direction: row;
	}

	footer .middle .contentBox {
	    width: 15%;
	    text-align: left;
	}

	footer .middle .contentBox.njac-descrip {
	    width: 25%;
	}

	footer .middle hr.contentHR {
	    display: none;
	}

	footer .socialMediaLinks {
	    justify-content: flex-start;
	}
	#home .newsContainer .newsItem {
        width: 31%;
    }
    .modnews .newblurb{
    	font-style: italic;
    	display: none;
    }
}


@media screen AND (min-width:  1280px ) {
	/*.mainHeader {
		width: 85%;
		justify-content: flex-start;
	}*/

	.townNameTop {
		font-size: 1.6em;
	}
	.nav > li > a {
		font-size: 1.1em;
	}

	.content-area {
		margin: 0;
		width: 75%;
	}
	/*.sideMenu {
		width:  25%;
	}*/

}