/* Visit Bloomington Normal */

/* ----        ---- */
/* ---- HEADER ---- */
/* ----        ---- */

#headerLogoMenus {
	display:flex;
	align-items: center;
}
#headerLogoColumn {}
#headerMenusColumn {}
#hamburger {}
#hamburger .fa-bars {}
#topMenuContainer {}
#topMenuContainer > ul {
	display:flex;
	justify-content: flex-end;
}
#topMenuContainer > ul > li {
	display:inline-block;
	text-transform: uppercase;
}
#topMenuContainer > ul > li > a {
	color:var(--blue);
	padding:10px 20px;
}
#mainMenuContainer {}
#header-nav #mainMenuContainer > ul > li ul {
	margin-top:47px;
}
#header-nav #mainMenuContainer > ul > li > ul > li ul {
	margin-top:0px;
}
#header-nav-top #topMenuContainer > ul > li ul {
	margin-top:42px;
}
#header-nav-top #topMenuContainer > ul > li > ul > li ul {
	margin-top:0;
}
#mainMenuContainer > ul > li {
	font-size:17px;
	font-weight:700;
}
#mainMenuContainer li a {
	padding:10px 15px;
	color:var(--black);
	background-image:linear-gradient(rgba(var(--plumRGB),0) 0, rgba(var(--plumRGB),0) 100%);
	background-size:30px 5px;
	background-repeat:no-repeat;
	background-position:bottom 10px left 20px;
	transition:.2s ease all;
}
#mainMenuContainer li a:hover {
	text-decoration:none;
	background-image:linear-gradient(rgba(var(--plumRGB),1) 0, rgba(var(--plumRGB),1) 100%);
}
#topMenuContainer a {
	text-decoration:none !important;
	color:var(--black);
}

#mainMenuContainer .reversed a {
	background-position:bottom 10px right 20px;
}

#header-nav nav > ul > li.open a,
#header-nav-top nav > ul > li.open a {
	background-color:var(--lightBlue);
}
#header-nav nav > ul > li ul,
#header-nav-top nav > ul > li ul {
	background-color:var(--lightBlue);
}
#mainMenuContainer > ul > li ul li a:hover {
}
@media(max-width:1199px) {
	#topMenuContainer > ul > li, 
	#mainMenuContainer > ul > li {
		font-size:14px;
	}
}
@media(max-width:991px) {
	#headerLogoMenus {
		padding:20px;
	}
	#headerMenusColumn {
		display:flex;
		justify-content:flex-end;
	}
	#menu-overlay {
		background-color:rgba(var(--lightBlueRGB),.95);
	}
	#mainMenuContainer {
		left:50%;
		transform:translateX(-50%);
	}	
	.sidebar-nav .close-nav-menu {
		color:var(--black);
	}
	#mainMenuContainer li {
	}
	#mainMenuContainer li a {
		font-family: trade-gothic-next, sans-serif;
		font-weight:700;
		font-size:22px;
		text-transform:none;
		color:var(--black);
		padding: 3px 0;
		background-position:bottom left;
	}
	#mainMenuContainer li li a {
		padding-left:25px;
		background-position:bottom left 25px;
	}
	#mainMenuContainer li li li a {
		padding-left:50px;
		background-position:bottom left 50px;
	}	
	.sidebar-nav.paged .submenu-icon {
		color:var(--plum);
		font-size:18px;
		padding:7px;
	}
}
@media(max-width:767px) {
	#headerLogoColumn {
		flex:1;
	}
	#headerLogoColumn img {
		min-width:200px;
	}
	#headerMenusColumn {
		flex:3;
	}
}








/* ----           ---- */
/* ---- BILLBOARD ---- */
/* ----           ---- */

#billboardRow {}
#billboardColumn {}
#billboardImage {
	aspect-ratio:2.3;
	object-fit:cover;
	object-position: center center;
}





/* ----       ---- */
/* ---- INTRO ---- */
/* ----       ---- */

#introSection {}
#introContainer {
	display:flex;
	align-items: center;
}
#introTextColumn {}
#introTextColumn h2 {
	margin-bottom:40px;
}
#introImageColumn {}
@media(max-width:767px) {
	#introContainer {
		flex-direction:column;
	}
}





/* ----        ---- */
/* ---- STRIPE ---- */
/* ----        ---- */

#stripeSection {
	background-color:var(--darkTeal);
	background-image:url("/img/blue-paper.jpg");
	background-size:cover;
	background-position:center center;
	padding:20px;
}
#stripeBorder {
	border:2px dotted var(--yellow);
}
#stripeContainer {
	display:flex;
	align-items: center;
}
.arrowButton {
	display:inline-block;
	text-transform: uppercase;
	padding-right:60px;
	background-image:url("/img/yellow-arrow.png");
	background-repeat:no-repeat;
	background-position:center right;
	background-size:50px auto;
}
#stripeImageColumn {
	align-self:flex-start;
}
#stripeImage {
	margin-top:-22px; /* top padding + border */
}
#stripeTextColumn {
	padding:20px 0;
}
@media(max-width:767px) {
	#stripeContainer {
		flex-direction:column;
	}
	#stripeImageColumn {
		text-align:center;
		align-self: center;
	}
	#stripeImage {
		max-width:200px;
	}
}





/* ----       ---- */
/* ---- TOWNS ---- */
/* ----       ---- */

#townsSection {
	background-image:url("/img/map-bg2.gif");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
#townsContainer {}
#townsColumn {
	position:relative;
}
#townImages {
	position:relative;
	aspect-ratio:2;
	width:100%;
	height:auto;
	background-color:var(--blue);
	/*background-image:url();*/
	border:10px solid var(--white);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
}
.townImage {
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
	aspect-ratio:2;
	width:100%;
	height:auto;
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
	border-bottom:10px solid var(--white);
}
.townImage:first-child {
	/*opacity:1;
	visibility: visible;*/
}
#townButtons {}
.townButton {
	display:inline-block;
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 500;
  font-size:21px;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--white);
  background-color:var(--plum);
  padding:10px 20px;
  margin:0 2px 4px 0;
}
.townButton:hover {
	background-color:var(--yellow);
	text-decoration:none;
}
@media(max-width:991px) {
	.townButton {
		font-size:15px;
	}
}
@media(min-width:768px) {
	.townButton {
		background-image:none !important;
	}
}
@media(max-width:767px) {
	#townImages, .townImage {
		display:none;
	}
	.townButton {
		background-color:var(--black);
		width:100%;
		aspect-ratio:2;
		background-size:cover;
		background-position:center center;
		display:flex;
		align-items: flex-end;
		justify-content: left;
		padding:20px;
	}
}




/* ----       ---- */
/* ---- TO DO ---- */
/* ----       ---- */

#toDoSection {}
#toDoContainer {}
#toDoColumn {}
#toDos {
	display:flex;
	aspect-ratio:2;
	width:100%;
	height:auto;
	gap:10px;
}
.toDo {
	display:flex;
	flex:1;
	transition:ease all .2s;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
  justify-content: center;
  align-items: center;
  background-color:var(--black);
  text-decoration:none;
}
.toDo > span {
	display:block;
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 600;
  font-size:12px;
  text-transform:uppercase;
  color:var(--white);		
  transition:ease all .2s;
  border-bottom:1px solid rgba(var(--yellowRGB),0);
}
.toDo:hover {
	flex:3;
	text-decoration:none;
}
.toDo:hover > span {
	color:var(--white);
	font-size:36px;
	text-decoration:none;
	border-bottom:6px solid rgba(var(--yellowRGB),1);
}
@media(max-width:1199px) {
	.toDo > span {
		font-size:10px;
	}
	.toDo:hover > span {
		font-size:30px;
	}
}
@media(max-width:991px) {
	.toDo > span {
		font-size:8px;
	}
	.toDo:hover > span {
		font-size:24px;
	}
}
@media(max-width:767px) {
	#toDos {
		aspect-ratio:auto;
		flex-direction: column;
	}
	.toDo {
		width:100%;
		aspect-ratio:2;
	}
	.toDo > span, 
	.toDo:hover > span {
		font-size:5vw;
		border-bottom:6px solid rgba(var(--yellowRGB),1);
	}
}





/* ----         ---- */
/* ---- BIG MAP ---- */
/* ----         ---- */

#bigMapSection {}
#bigMapSection img {
	width:100%;
	height:auto;
}





/* ----            ---- */
/* ---- BLOG POSTS ---- */
/* ----            ---- */

#homeBlogSection {}
#homeBlogTitleContainer {}
#homeBlogTitleColumn {}
#homeBlogPostsContainer {}
#theBlogPosts {}
.aBlogPost {
	display:block;
	cursor: pointer;
	margin-bottom:60px;
	background-color:var(--black);
}
.aBlogPost:hover {
	text-decoration: none;
}
.blogImageContainer {
	overflow: hidden;
}
.aBlogImage {
	aspect-ratio:1;
	width:100%;
	object-fit: cover;
	object-position: center center;
	height:auto;
	transition: .2s ease all;
}
.aBlogPost:hover .aBlogImage {
	transform:scale(1.25);
}
.blogTitleBox {
	background-color:var(--plum);
	mix-blend-mode: multiply;
	position:absolute;
	left:0px;
	bottom:45px;
	xpadding:10px;
	aspect-ratio:2;
	width:calc(100% - 30px);
	height:auto;
}
.aBlogTitle {
	aspect-ratio:2;
	width:calc(100% - 30px);
	height:auto;
	position: absolute;
	z-index:10;
	bottom:25px;
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 500;
  font-size:19px;
  line-height:1.5;	
  color:var(--white);
  text-transform: uppercase;
  padding-right:20px;
}
@media(max-width:1199px) {
	.aBlogTitle {
		font-size:14px;
	}
}
@media(max-width:991px) {
	.aBlogTitle {
		font-size:10px;
	}
}
@media(max-width:767px) {
	.aBlogTitle {
		font-size:4vw;
	}
}
.blog-title {
    font-family: obviously-variable, sans-serif;
    font-variation-settings: "ital" 0, "wdth" 150, "wght" 600;
    font-size: 2em;
    text-transform: uppercase;
    color: var(--blue);
}


/* ----          ---- */
/* ---- HOME Slider ---- */
/* ----          ---- */


/* HOME BILLBOARD */
#my-pics {
	width:100% !important;
	aspect-ratio:2.14;
}
#my-pics .item {
	aspect-ratio:2.14;
	height:auto !important;
	background-size:cover;
	background-position:center center;
	align-items: center;
	border:none !important;
	border-radius:0 !important;
	margin-top:0 !important;
}
#my-pics .item .container:before,
#my-pics .item .container:after {
	display:none;
}
#my-pics .item.active {
}
#my-pics .item.next {
}
#my-pics .item.active.left {
}
#my-pics .item.next.left {
}

#my-pics .item .container {
	display:flex;
	align-items:center;
	height:100%;
}
#my-pics .item .container > div {
	display:flex;
	flex-direction:column;
}
@media (max-width: 660px) {
#my-pics .item {
aspect-ratio: .75;
}
}


/* ----          ---- */
/* ---- HOME FAQ ---- */
/* ----          ---- */

#homeFAQSection {
	background-color:var(--darkTeal);
}
#homeFAQContainer {
	display:flex;
	align-items: stretch;
}
#homeFAQTextColumn {
	padding:20px;
}
#homeFAQBorder {
	border:2px dotted var(--yellow);
	padding:20px;
}
#homeFAQTextColumn details summary {
  font-family: TAY Road Runner, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:18px;
  text-transform:uppercase;	
}
#homeFAQTextColumn details summary:before {
	display:block;
	position:absolute;
	line-height:1;
	margin-top:-6px;
}
#homeFAQTextColumn details summary > span {
  display:block;
  padding-left:35px;
}
#homeFAQTextColumn details {
	border-bottom:2px solid var(--yellow);
	margin:5px 0;
	padding:5px 0;
}
#homeFAQTextColumn details:last-of-type {
	border:none;
}
#homeFAQTextColumn .button {
	margin-top:20px;
}
#homeFAQImageColumn {}
#homeFAQImage {
	height:100%;
	width:100%;
	object-fit: cover;
	object-position: center center;
}
@media(max-width:1199px) {
	#homeFAQTextColumn details summary {
		font-size:14px;
	}
}
@media(max-width:767px) {
	#homeFAQContainer {
		flex-direction:column;
	}
}






/* ----                                          ---- */
/* ---- HOME SCHOOL SECTION (not home-schooling) ---- */
/* ----                                          ---- */

#homeSchoolSection {}
#homeSchoolTitleContainer {}
#homeSchoolTitleColumn {}
#homeSchoolCalloutContainer {}
.schoolBox {}
.schoolLink {
	display:flex;
	align-items: center;
	aspect-ratio:1;
	width:100%;
	height:auto;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-color:var(--black);
	text-decoration: none;
}
.schoolLink:before {
	z-index:99;
	content:"";
	display:block;
	position:absolute;
	aspect-ratio:1;
	height:100%;
	background-image:url("/img/highlights.svg"), url("/img/highlights-flip.svg");
	background-repeat:no-repeat;
	background-size:30% 30%, 30% 30%;
	background-position:top right, bottom left;
	opacity:0;	
	transform:scale(1.2, 1.2);
	transition: .2s ease all;
}
.schoolLink:hover {
	text-decoration:none;
}
.schoolLink:hover:before {
	opacity:1;
	transform:scale(1.1, 1.1);
}
.schoolOverlay {
	display:block;
	position: absolute;
	aspect-ratio:1;
	width:calc(100% - 30px);
	background-color:#000000;
	opacity:0;
	transition: .2s ease all;
}
.schoolLink:hover .schoolOverlay {
	opacity:.2;
}
.schoolLink > h4 {
	z-index:10;
	display:flex;
	align-items: center;
	aspect-ratio:1;
	height:100%;
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 500;
  font-size:19px;
  text-transform:uppercase;
  color:var(--white);	
	text-align:center;
	transform: .2s ease all;
	margin:0;
}
.schoolLink:hover > h4 {
}
@media(max-width:767px) {
	.schoolLink {
		display:block;
	}
	.schoolLink > h4 {
		justify-content: center;
	}
}



/* ---- Service Boxes ---- */

.vx-service-grid {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	cursor: default;
}
.vx-service-grid-inner {
	display: grid;
	grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
	/*grid-template-columns: repeat(3, minmax(0, 1fr));*/
	gap: 24px;
	align-items: stretch;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: none;
}

@media(min-width:1200px) {
	/* 6 Items */
	.vx-service-grid-inner:has(> :nth-child(6):last-child) {
		grid-template-columns: repeat(3, 1fr);}

	/* 7 Items */
	.vx-service-grid-inner:has(> :nth-child(7):last-child) {
		grid-template-columns: repeat(8, 1fr);}
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(4) { grid-area: 1 / 7 / 2 / 9; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(5) { grid-area: 2 / 2 / 3 / 4; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(6) { grid-area: 2 / 4 / 3 / 6; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(7) { grid-area: 2 / 6 / 3 / 8; }

	/* 8 Items */
	.vx-service-grid-inner:has(> :nth-child(8):last-child) {
		grid-template-columns: repeat(4, 1fr);}

	/* 9 Items */
	.vx-service-grid-inner:has(> :nth-child(9):last-child) {
		grid-template-columns: repeat(10, 1fr);}
	.vx-service-grid-inner:has(> :nth-child(9):last-child) > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.vx-service-grid-inner:has(> :nth-child(9):last-child) > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.vx-service-grid-inner:has(> :nth-child(9):last-child) > a:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }
	.vx-service-grid-inner:has(> :nth-child(9):last-child) > a:nth-child(4) { grid-area: 1 / 7 / 2 / 9; }
	.vx-service-grid-inner:has(> :nth-child(9):last-child) > a:nth-child(5) { grid-area: 1 / 9 / 2 / 11; }
	.vx-service-grid-inner:has(> :nth-child(9):last-child) > a:nth-child(6) { grid-area: 2 / 2 / 3 / 4; }
	.vx-service-grid-inner:has(> :nth-child(9):last-child) > a:nth-child(7) { grid-area: 2 / 4 / 3 / 6; }
	.vx-service-grid-inner:has(> :nth-child(9):last-child) > a:nth-child(8) { grid-area: 2 / 6 / 3 / 8; }
	.vx-service-grid-inner:has(> :nth-child(9):last-child) > a:nth-child(9) { grid-area: 2 / 8 / 3 / 10; }

	/* 10 Items */
	.vx-service-grid-inner:has(> :nth-child(10):last-child) {
		grid-template-columns: repeat(5, 1fr);}
}

@media(min-width: 992px) and (max-width: 1199px) {
	/* 5 Items */
	.vx-service-grid-inner:has(> :nth-child(5):last-child) {
		grid-template-columns: repeat(6, 1fr);}
	.vx-service-grid-inner:has(> :nth-child(5):last-child) > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.vx-service-grid-inner:has(> :nth-child(5):last-child) > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.vx-service-grid-inner:has(> :nth-child(5):last-child) > a:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }
	.vx-service-grid-inner:has(> :nth-child(5):last-child) > a:nth-child(4) { grid-area: 2 / 2 / 3 / 4; }
	.vx-service-grid-inner:has(> :nth-child(5):last-child) > a:nth-child(5) { grid-area: 2 / 4 / 3 / 6; }	

	/* 6 Items */
	.vx-service-grid-inner:has(> :nth-child(6):last-child) {
		grid-template-columns: repeat(3, 1fr);}

	/* 7 Items */
	.vx-service-grid-inner:has(> :nth-child(7):last-child) {
		grid-template-columns: repeat(8, 1fr);}
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(4) { grid-area: 1 / 7 / 2 / 9; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(5) { grid-area: 2 / 2 / 3 / 4; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(6) { grid-area: 2 / 4 / 3 / 6; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(7) { grid-area: 2 / 6 / 3 / 8; }

	/* 8 Items */
	.vx-service-grid-inner:has(> :nth-child(8):last-child) {
		grid-template-columns: repeat(4, 1fr);}

	/* 9 Items */
	.vx-service-grid-inner:has(> :nth-child(9):last-child) {
		grid-template-columns: repeat(3, 1fr);}	

	/* 10 Items */
	.vx-service-grid-inner:has(> :nth-child(10):last-child) {
		grid-template-columns: repeat(8, 1fr);}			
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(1) { grid-area: 1 / 2 / 2 / 4; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(2) { grid-area: 1 / 4 / 2 / 6; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(3) { grid-area: 1 / 6 / 2 / 8; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(4) { grid-area: 2 / 1 / 3 / 3; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(5) { grid-area: 2 / 3 / 3 / 5; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(6) { grid-area: 2 / 5 / 3 / 7; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(7) { grid-area: 2 / 7 / 3 / 9; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(8) { grid-area: 3 / 2 / 4 / 4; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(9) { grid-area: 3 / 4 / 4 / 6; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(10) { grid-area: 3 / 6 / 4 / 8; }
}

@media(min-width: 768px) and (max-width: 991px) {
	/* 4 Items */
	.vx-service-grid-inner:has(> :nth-child(4):last-child) {
		grid-template-columns: repeat(2, 1fr);}

	/* 5 Items */
	.vx-service-grid-inner:has(> :nth-child(5):last-child) {
		grid-template-columns: repeat(6, 1fr);}
	.vx-service-grid-inner:has(> :nth-child(5):last-child) > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.vx-service-grid-inner:has(> :nth-child(5):last-child) > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.vx-service-grid-inner:has(> :nth-child(5):last-child) > a:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }
	.vx-service-grid-inner:has(> :nth-child(5):last-child) > a:nth-child(4) { grid-area: 2 / 2 / 3 / 4; }
	.vx-service-grid-inner:has(> :nth-child(5):last-child) > a:nth-child(5) { grid-area: 2 / 4 / 3 / 6; }	

	/* 6 Items */
	.vx-service-grid-inner:has(> :nth-child(6):last-child) {
		grid-template-columns: repeat(3, 1fr);}

	/* 7 Items */
	.vx-service-grid-inner:has(> :nth-child(7):last-child) {
		grid-template-columns: repeat(6, 1fr);}
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(1) { grid-area: 1 / 2 / 2 / 4; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(2) { grid-area: 1 / 4 / 2 / 6; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(4) { grid-area: 2 / 3 / 3 / 5; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(5) { grid-area: 2 / 5 / 3 / 7; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(6) { grid-area: 3 / 2 / 4 / 4; }
	.vx-service-grid-inner:has(> :nth-child(7):last-child) > a:nth-child(7) { grid-area: 3 / 4 / 4 / 6; }	

	/* 8 Items */
	.vx-service-grid-inner:has(> :nth-child(8):last-child) {
		grid-template-columns: repeat(6, 1fr);}
	.vx-service-grid-inner:has(> :nth-child(8):last-child) > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.vx-service-grid-inner:has(> :nth-child(8):last-child) > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.vx-service-grid-inner:has(> :nth-child(8):last-child) > a:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }
	.vx-service-grid-inner:has(> :nth-child(8):last-child) > a:nth-child(4) { grid-area: 2 / 1 / 3 / 3; }
	.vx-service-grid-inner:has(> :nth-child(8):last-child) > a:nth-child(5) { grid-area: 2 / 3 / 3 / 5; }
	.vx-service-grid-inner:has(> :nth-child(8):last-child) > a:nth-child(6) { grid-area: 2 / 5 / 3 / 7; }
	.vx-service-grid-inner:has(> :nth-child(8):last-child) > a:nth-child(7) { grid-area: 3 / 2 / 4 / 4; }
	.vx-service-grid-inner:has(> :nth-child(8):last-child) > a:nth-child(8) { grid-area: 3 / 4 / 4 / 6; }

	/* 9 Items */
	.vx-service-grid-inner:has(> :nth-child(9):last-child) {
		grid-template-columns: repeat(3, 1fr);}	

	/* 10 Items */
	.vx-service-grid-inner:has(> :nth-child(10):last-child) {
		grid-template-columns: repeat(6, 1fr);}		
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(1) { grid-area: 1 / 2 / 2 / 4; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(2) { grid-area: 1 / 4 / 2 / 6; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(4) { grid-area: 2 / 3 / 3 / 5; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(5) { grid-area: 2 / 5 / 3 / 7; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(6) { grid-area: 3 / 1 / 4 / 3; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(7) { grid-area: 3 / 3 / 4 / 5; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(8) { grid-area: 3 / 5 / 4 / 7; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(9) { grid-area: 4 / 2 / 5 / 4; }
	.vx-service-grid-inner:has(> :nth-child(10):last-child) > a:nth-child(10) { grid-area: 4 / 4 / 5 / 6; }		
}

@media(max-width: 767px) {
	.vx-service-grid-inner {
		grid-template-columns: repeat(2, 1fr);}
}

@media(max-width: 499px) {
	.vx-service-grid-inner {
		grid-template-columns: repeat(1, 1fr);}
}

.vx-service-item {
	position: relative;
	width:100%;
	text-decoration:none;
}
.vx-service-img {
	aspect-ratio:1;
	overflow: hidden;
	width:100%;
}
.vx-service-media img {
	aspect-ratio:1;
	width:100%;
	height:auto;
	object-fit: cover;
	object-position: center;
	transition: .2s ease all;
}
.vx-service-title {
	display:flex;
	background-color:var(--yellow);
	color:var(--black);
	text-align:center;
	font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 500;
	text-transform:uppercase;
	padding:10px;
	aspect-ratio:3.5;
	align-items: center;
	justify-content: center;
	font-size:16px;
}
.vx-service-item:hover {
	text-decoration: none;
}
.vx-service-item:hover img {
	transform:scale(1.25);
}

@media(max-width:1199px) {
	.vx-service-title {
		font-size:14px;
	}	
}
@media(max-width:991px) {
	.vx-service-title {
		font-size:14px;
	}	
}
@media(max-width:767px) {
	.vx-service-title {
		font-size:2vw;
	}	
}
@media(max-width:499px) {
	.vx-service-title {
		font-size:4vw;
	}	
}



/* ----                ---- */
/* ---- CAROUSELS      ---- */
/* ----                ---- */

.vx-carousel {
    width: 100% !important;
    aspect-ratio: 2.14;
}

.vx-carousel-slide {
    aspect-ratio: 2.14;
    height: auto !important;
    background-size: cover;
    background-position: center center;
    align-items: center;
    border: none !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
}
.carousel-inner {
	background-color:var(--black);
}
.carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out; /* Increase to 1.2s for slower, smoother motion */
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
}
.slide-text.vx-carousel-slide-text.col-sm-6 {
    padding: 20px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 520px;
}
p.vx-slide-little-text {
    font-family: TAY Road Runner, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--white);
    margin: 0;
}

p.vx-slide-big-text {
    font-family: kensington, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 7rem;
    line-height: .9;
    text-transform: uppercase;
    color: var(--white);
    margin: 0 0 25px;
}

/* ----                ---- */
/* ---- Photo Gallery  ---- */
/* ----                ---- */
#photoGallery {
    max-height: 95vh;
    background-color: var(--darkTeal);
    background-image: url(/img/blue-paper.jpg);
    padding: 10px;
}
#photoGallery .item.active {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#photoGallery .item a img, #photoGallery .item img{
    display: block;
    max-width: 90%;
    max-height: 85vh;
}
span.fa.fa-caret-right {
    top: 50%;
    position: relative;
    font-size: 40px;

}
span.fa.fa-caret-left {
    top: 50%;
    position: relative;
    font-size: 40px;
}
.carousel-caption {
    position: initial;
    padding: 5px;
}
#footer-carousel .carousel-indicators {
    position: initial;
    padding: 5px;
    margin: 0px;
    width: 100%;
}


/* ----                ---- */
/* ---- VISITORS GUIDE ---- */
/* ----                ---- */

#VGSection {
	/*background-color:var(--yellow);*/
	background-image:url("/img/yellow-pattern2.gif");
	background-repeat:repeat-x;
	background-size:auto 300px;
	background-position:center center;
}
#VGContainer {
	display:flex;
	align-items: center;
	justify-content: center;
}
#VGImageColumn {

}
#VGImageColumn:after {
	content:"";
	display:block;
	position: absolute;
	aspect-ratio: 803 / 372;
	width:200px;
	height:auto;
	background-image:url("/img/spiral-arrow.gif");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	top:50px;
	left:320px;
	z-index:99;
}
#ctaVGimage {
	position: relative;
	transform:rotate(-10deg) scale(.8);
	box-shadow:1px 10px 10px 0 rgba(0,0,0,.25);
}
@media(max-width:1199px) {
	#VGImageColumn:after {
		width:180px;
		top:20px;
		left:260px;
	}
}
@media(max-width:991px) {
	#VGImageColumn:after {
		width:160px;
		top:-10px;
		left:200px;
	}
}
@media(max-width:767px) {
	#VGSection {
		background-repeat:repeat;
		text-align:center;
	}
	#VGContainer {
		flex-direction:column;
		padding-bottom:20px;
	}
	#VGImageColumn:after {
		content:none;
	}
	#ctaVGimage {
		max-width:300px;
	}
	#VGTextColumn {
		text-align:center;
	}
}


#homeEventsSection {}
#homeEventsTitleContainer {}
#homeEventsTitleColumn {}
#homeEventsTitleColumn:before {
	content:"";
	display:block;
	position:absolute;
	width:100px;
	height:150px;
	background-image:url("/img/left-down-arrow.gif");
	background-repeat:no-repeat;	
	background-size:contain;
	left:-65px;
	top:60px;
}
#homeEventsListContainer {}
@media(max-width:767px) {
	#homeEventsTitleColumn:before {
		display:none;
	}
}






/* ----                    ---- */
/* ---- WHEREABOUTS EVENTS ---- */
/* ----                    ---- */
whereabouts-events-widget::part(card__surface) {
	border-radius:0;
	background-color:var(--lightBlue);
}
whereabouts-events-widget::part(card__image) {
	max-width:100%;
	max-height:100%;
	aspect-ratio:268 / 200;
	object-fit: cover;
	object-position: center center;
}
whereabouts-events-widget::part(card__tag) {
	background-color:transparent;
	padding-left:0;
}
whereabouts-events-widget::part(card__tag__tag-text) {
	font-family: TAY Road Runner, sans-serif;
  font-weight: 400;
  font-style: normal;	
}
whereabouts-events-widget::part(card__title) {
	font-family:obviously-variable, sans-serif;
	font-variation-settings: "ital" 0, "wdth" 150, "wght" 700;
	text-transform: uppercase;
	color:var(--plum);
}
whereabouts-events-widget::part(card__venue) {
	font-family: trade-gothic-next, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color:var(--plum);
}






#homeIGTitleSection {}
#homeIGTitleContainer {}
#homeIGTitleColumn {}
#homeIGPicsContainer {}






/* ----            ---- */
/* ---- UNDER PAGE ---- */
/* ----            ---- */

#thePageCaption {
	margin-top:20px;
	margin-bottom:20px;
}
.callout.lightblue {
    background-color: var(--lightBlue);
    padding: 20px;
}
.callout.lightblue h3 {
    color: var(--plum);
}
.callout.lightblue a:not(.button) {
	color:var(--darkTeal);
}
.green.dark {
    background-color: var(--darkTeal);
    background-image: url(/img/blue-paper.jpg);
    background-size: cover;
    background-position: center center;
    padding: 20px;
}
.twoColumnBox.row {
    margin: 10px 0px;
}
.twoColumnBox.row.col-sm-6 { 
   padding-left: 0px;
   padding-right: 0px;
}

.parallaxBlock {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}

.img-parallax {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
  box-sizing: border-box;
}

.parallaxBlock,
.img-parallax {
  width: 100%;
  display: block;
}
/* Target actual image */
.img-parallax img {

  position: absolute;
  top: -20%;
  left: 0;

  height: 140%;
  width: 100%;

  object-fit: cover;

  backface-visibility: hidden;
  transform-style: preserve-3d;
}
/* ----             ---- */
/* ---- CUSTOM PAGE ---- */
/* ----             ---- */

#specialIntro {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;	
	background-color:var(--darkTeal);
	background-image:url("/img/blue-paper.jpg");
	background-size:cover;
	background-position:center center;
	padding:20px 0;
}
#specialIntro > .container {
	border:2px dotted var(--yellow);
	padding:20px;
}
#specialIntro .textColumn {}
#specialIntro .imageColumn {}
#specialIntro .imageBox {
	padding:0 55px 0 35px;
	margin-bottom:20px;
	background-repeat:no-repeat;
}
#specialIntro .imageBox:nth-child(1) {
	background-image:url("/img/yellow-down-arrow-1.gif");
	background-size:auto 150px;
	background-position:bottom left;
}
#specialIntro .imageBox:nth-child(2) {
	background-image:url("/img/yellow-down-arrow-2.gif");
	background-size:auto 200px;
	background-position:bottom right;
}
.communities {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(auto, 1fr);
	gap: 20px;
}
.communities:before {
	display:none;
}
.communities > .community img {
	aspect-ratio:1.5;
	object-fit:cover;
	object-position: center center;
	margin-bottom:20px;
}
.communities h3 {
	font-size:20px;
	font-variation-settings:"ital" 0, "wdth" 150, "wght" 400;
	color:var(--plum);
	margin-bottom:10px;
}
.communities .learnMore {
	text-transform:uppercase;
	color:var(--plum);
}
.communities .celebrateWithUs {
	background-color:var(--darkTeal);
	background-image:url("/img/banner-bottom-white.svg"); 
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100% auto;
	padding:20px 20px 100px 20px;
	text-align:center;
}
.communities .celebrateWithUs h3 {
  font-family: TAY Road Runner, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:20px;
  text-transform:uppercase;	
}
.communities .celebrateWithUs h3 strong {
  font-family: obviously-variable, sans-serif;
  font-variation-settings: "ital" 0, "wdth" 150, "wght" 600;
  font-size:35px;
  text-transform:uppercase;	
}
.communities .celebrateWithUs img {
	max-width:300px;
	margin:0 auto;
}
.communities .celebrateWithUs {}
@media(max-width:767px) {
	.communities {
		display:flex;
		flex-direction:column;
	}
	.communities .celebrateWithUs {
		padding-bottom:120px;
	}
}

/* ----      ---- */
/* ---- Blog ---- */
/* ----      ---- */

div#articles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.article-box {
    margin-bottom: 15px;
}

@media (max-width: 900px) {
div#articles {
    grid-template-columns: repeat(1, 1fr);
}
}
/* ----                                ---- */
/* ---- WHEREABOUTS BUSINESS DIRECTORY ---- */
/* ----                                ---- */

whereabouts-operators-widget::part(card__surface) {
	border-radius:0;
	background-color:var(--lightBlue);
}
whereabouts-operators-widget::part(card__image) {
	max-width:100%;
	max-height:100%;
	aspect-ratio:268 / 200;
	object-fit: cover;
	object-position: center center;
}
whereabouts-operators-widget::part(card__title) {
	font-family:obviously-variable, sans-serif;
	font-variation-settings: "ital" 0, "wdth" 150, "wght" 700;
	text-transform: uppercase;
	color:var(--plum);
}
whereabouts-operators-widget::part(card__description) {
	font-family: trade-gothic-next, sans-serif;
	font-weight:400;
	color:var(--black);
}
whereabouts-operators-widget::part(card__btn-details) {
	font-family: trade-gothic-next, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color:var(--plum);
}








/* ----                    ---- */
/* ---- FOOTER SOCIAL & NL ---- */
/* ----                    ---- */

#footerCTASection {
	--dividerWidth:3px;
	background-image:linear-gradient(
		to right, 
		var(--darkTeal) calc(50% - (var(--dividerWidth) / 2)),
		var(--white) calc(50% - (var(--dividerWidth) / 2)),
		var(--white) calc(50% + (var(--dividerWidth) / 2)),
		var(--plum) calc(50% + (var(--dividerWidth) / 2))
	);
}
#footerCTAContainer {
	display:flex;
}
#socialColumn {
	display:flex;
	gap:10px;
	align-items: center;
	padding:20px;
}
#socialColumn h3 {
	flex:3;
	padding:0;
	margin:0;
}
#socialColumn h3 u {
	text-decoration:none;
  background-image:url("/img/yellow-scribble.gif");
  background-repeat:no-repeat;
  background-size:100% 35%;
  background-position:center bottom 5%;
  padding-bottom:20px;
}
#socialColumn a {
	flex:1;
	display:block;
	text-align:center;
}
#socialColumn img {
	max-width:50px;
}
#NLColumn {}
#ctct_form_1 {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 20px;
	grid-row-gap: 0px;	
}
body div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
	grid-area: 1 / 1 / 2 / 3;
  font-family: TAY Road Runner, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:20px;
  text-transform:uppercase;	
}
#gdpr_text {
	display:none;
}
#email_address_field_1 {
	grid-area: 2 / 1 / 3 / 2;
	margin-bottom:0;
}
#email_address_label_1 {
  font-family: TAY Road Runner, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:16px;
  text-transform:uppercase;		
  color:var(--white);	
}
body .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {
	grid-area: 2 / 2 / 3 / 3;
  font-family: TAY Road Runner, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:16px;
  text-transform:uppercase;	
  height:48px;	
  align-self:flex-end;
}
body .ctct-form-text {
	color:var(--white) !important;
}
body div.ctct-form-embed div.ctct-form-defaults p.ctct-form-footer {
	display:none;
}
@media(max-width:767px) {
	#footerCTASection {
		background-image:none;
	}
	#footerCTAContainer {
		padding-left:0;
		padding-right:0;
		flex-direction:column;
	}
	#socialColumn {
		background-color:var(--darkTeal);
		padding-left:15px;
		padding-right:15px;
		text-align:center;
	}
	#socialColumn h3 {
		font-size:20px;
	}
	#NLColumn {
		border-top:3px solid var(--white);
		background-color:var(--plum);
		padding-left:15px;
		padding-right:15px;
		text-align:center;
	}
}




/* ----             ---- */
/* ---- FOOTER MENU ---- */
/* ----             ---- */

#footerMenuSection {}
#footerMenuContainer {}
#footerMenuColumn {}
#footerMenuContainerInside {}
#footerMenuContainerInside ul {
	display:flex;
	justify-content: space-between;
}
#footerMenuContainerInside li {
	font-weight:700;
}
#footerMenuContainerInside a {
	display:block;
	padding:5px 10px;
	color:var(--black);
}
@media(max-width:1199px) {
	#footerMenuContainerInside li {
		font-size:14px;
	}
}
@media(max-width:991px) {
	#footerMenuContainerInside li {
		font-size:11px;
	}
}
@media(max-width:767px) {
	#footerMenuContainerInside ul {
		display:block;
	}
	#footerMenuContainerInside li {
		display:inline-block;
	}
}





/* ----             ---- */
/* ---- MAIN FOOTER ---- */
/* ----             ---- */

#footerLogosSection {
	display:flex;
	gap:40px;
}
#footerLogosSection a {
	white-space:nowrap;
}
#footerLogosContainer {}
#footerBNColumn {}
#footerBNColumn img {
	margin-bottom:20px;
	max-width:300px;
}
#footerBNColumn h3, #footerBNColumn p {
	padding-left:5px;
}
#footerOtherLogosColumn {
	display:flex;
	gap:40px;
	justify-content: space-between;
	align-items: center;
}
#footerOtherLogosColumn > a {
	display:block;
}
@media(max-width:1199px) {
	#footerBNColumn p {
		font-size:14px;
	}
}
@media(max-width:767px) {
	#footerBNColumn img {
		max-width:260px;
	}
}





/* ----           ---- */
/* ---- COPYRIGHT ---- */
/* ----           ---- */

#heelSection {
	background-color:var(--yellow);
	margin-bottom:0;
}
#heelContainer {}
#heelColumn {}
#heelColumn p {
	text-align:center;
}
#heelColumn a {
	color:var(--black);
}
@media(max-width:991px) {
	#heelColumn p {
		font-size:14px;
	}
}






/* COOKIES BOX */
#cookies-cover-box {
	display:none;
}