/* HOPEDALE */

/*@import url(base.css);*/


:root {
	--boxMargin:1%;
	--boxWidth3:calc(((100% - (var(--boxMargin) * 2)) / 3));
	--boxCheat3:5%;
	--boxWidth4:calc(((100% - (var(--boxMargin) * 6)) / 4));
}



/* ALERT BAR */
#alertBar {
	background-color:var(--red);
	text-align:center;
	padding:5px 0;
}
#alertBar, #alertBar p, #alertBar a {
	color:var(--white);
	font-weight: 600;
}






/* HEADER */
header {
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 700;
  font-style: normal;
}
header a {
	color:var(--darkGray);
	text-decoration: none;
}
#headerBar {
	padding:20px 0;	
}
#headerBar > .container {
	display:flex;
	align-items:center;
}
#alertBar {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-variation-settings:
		"wdth" 100;	
}
#theMenus {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-items:center;
	gap:15px;
}
@media(max-width:767px) {
	#headerBar > .container {
		flex-direction:column;
	}
	#headerLogo img {
		width:200px;
	}
	#theMenus {
		align-items:center;
		gap:0;
	}
}








/* UTILITY MENU */
#utilityMenu {
}
#utilityMenu > ul {
	padding:0;
	list-style: none;
}
#utilityMenu > ul > li {
	display:inline-block;
}
#utilityMenu > * {
	display:inline-block;
}
#utilityMenu > a, #utilityMenu > ul > li {
	padding:5px;
}
#utilityMenu > form {
	border:2px solid var(--darkGray);
}
#utilityMenu .form-control {
	border-radius:0;
	border:none;
	box-shadow:none;
}
#utilityMenu form button {
	border-radius:0;
	padding:3px 6px;
	margin:3px 6px;
}
@media (max-width:767px) {
	#utilityMenu {
		margin-top:10px;
		font-size:2.5vw;
	}
}







/* MAIN MENU */
.primary-nav > ul {
	display:flex;
}
.primary-nav > ul > li > a {
	font-size:18px;
}
.primary-nav > ul > li > a:hover, .primary-nav > ul > .open > a {
	background-color:var(--lightBlue);
	color:var(--white);
	text-decoration:none;
}
.dropdown-nav ul ul {
	background-color:var(--white);
	font-size:18px;
	box-shadow: 2px 2px 5px rgba(0,0,0,.5);
}
.dropdown-nav .reversed li {
	text-align:left;
}
.dropdown-nav ul ul a {
	color:var(--blue);
}
.dropdown-nav ul ul a:hover, .dropdown-nav ul ul .open > a {
	color:var(--darkBlue);
	text-decoration:underline;
	background-color:transparent;
}
@media(max-width:991px) {
	.primary-nav > ul {
		display:block;
	}
}










/* BILLBOARD */
#homeBillboard {
	aspect-ratio:2.5;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	display:flex;
}
#homeBillboard > .container {
	display:flex;
	align-items:center;
}
#billboardText {
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 700;
  font-style: normal;
  color:var(--white);	
  font-size:70px;
  border-bottom: 4px solid var(--yellow);
  text-shadow:2px 2px 5px rgba(var(--blackRGB),.5);
  line-height:1;
}
#homeBillboard .button {
	background-color:var(--yellow);
	color:var(--darkBlue);
	outline: 1px solid var(--darkBlue);
}
#homeBillboard .button:hover {
	background-color:var(--darkBlue);
	color:var(--yellow);	
	outline: 1px solid var(--yellow);
}

@media (max-width:1199px) {
	#billboardText {
	  font-size:56px;
	}	
}
@media (max-width:991px) {
	#billboardText {
	  font-size:42px;
	}	
}
@media (max-width:767px) {
	#billboardText {
	  font-size:7vw;
	}	
}
@media (max-width: 420px) {
	#homeBillboard {
		aspect-ratio:1.5;
	}
}


 
/* TITLE STRIPE */
#titleStripe {
	background-color:var(--blue);
	padding:20px 0;
}
#titleStripe, #titleStripe a {
	color:var(--white);
}
#homeTitleIcons {
	display:flex;
	justify-content:center;
	gap:20px;
}
#homeTitleIcons > a {
	display:flex;
	flex-direction:column;
	align-items: center;
	width:160px;
}
#homeTitleIcons img {
	aspect-ratio:1;
	object-fit:contain;
	object-position: center;
	padding-bottom:5px;
	width:90px;
	filter:saturate(0%) brightness(200%);
	transition:.2s ease all;
}
#homeTitleIcons > a:hover {
	color:var(--yellow);
	text-decoration:none;
}
#homeTitleIcons .link-with-image:hover img {
	filter:none;
}
@media (max-width:767px) {
	#homeTitleIcons a span {
		font-size:3vw;
		line-height:1.2;
	}
}

/* Back to Top */

.back-to-top {
	transition: 0.2s ease;
	opacity: 1;
	pointer-events: none;
	color: var(--blue);
	width: 50px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius:10px;
	outline: none !important;
	position: fixed;
	bottom: 20px;
	z-index: 1;
	left: calc(96% - 32px);
	text-transform:uppercase;
	background-color:var(--white);
	display:flex;
	flex-direction:column;
	line-height:1;
	/*text-shadow:1px 1px 1px white;*/
}
.back-to-top span {
	margin-top:5px;
	color:var(--blue);
	display:block;
	font-size: 20px;
	background: var(--yellow);
	border-radius: 50%;
	/*box-shadow: 0 1px 2px black;*/
	line-height:30px;
	height:30px;
	width:30px;
	text-shadow:none;
}
.back-showing {
	opacity: 1;
	pointer-events: unset;
}




/* HOME INTRO */
#homeIntro h1 {
	background-image:linear-gradient(to right,var(--blue),var(--white));
	color:var(--white);
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-variation-settings:
		"wdth" 100;	
	padding:10px;
	font-size:18px;
}
.homeAwardsImage {
	text-align:center;
}
#introCallouts {
	margin-top:20px;
}
.callout {
	display:flex;
	flex-direction:row;
	align-items:center;
	background-image:linear-gradient(var(--blue),var(--blue));
	background-size:2px 90%;
	background-position:center center;
	background-repeat:no-repeat;
	gap:40px;
	margin-bottom:10px;
}
.callout .number {
	flex:1;
	font-size:32px;
	font-weight:700;
	color:var(--white);
	background-color:var(--blue);
	border-radius:5px;
	text-align:center;
	padding:5px 0;
}
.callout .text {
	flex:1;
	font-weight:600;
}
#awardsImage {
	width:300px;
	margin:30px auto;
}


/* QUICK LINKS */
.quickIconsWrap {
	background-color:var(--blue);
	padding:30px 0;
	font-family: "PT Sans Narrow", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:20px;
	letter-spacing:.05em;
}
.quickIcons, .quickIcons a {
	color:var(--white);
	text-decoration:none;
}
.quickIcons {
	display:flex;
	justify-content:center;
	/*gap:20px;*/
	flex-wrap:wrap;
}
.quickIcons > a {
	display:flex;
	flex-direction:column;
	align-items: center;
	width:25%;
	margin:20px 0;
	transition:.2s ease all;
}
#homeTitleIcons a {
	width:33.333%;
}
#homeTitleIcons a span {
	text-align:center;
}
.quickIcons img {
	aspect-ratio:1;
	object-fit:contain;
	object-position: center;
	padding-bottom:5px;
	width:80px;
	filter:saturate(0%) brightness(200%);
	transition:.2s ease all;
}
.quickIcons .link-with-image:hover {
	color:var(--yellow);
}
.quickIcons .link-with-image:hover img {
	filter:none;
}
@media(max-width:767px) {
	.quickIcons {
		max-width:350px;
		margin:0 auto;
	}
	.quickIcons > a {
		width:50%;
	}
}







/* NEWS, EVENTS, TESTIMONIALS */
#homeTestimonials h2 {
	text-align:center;
}
#toggle-links {
	display:flex;
	flex-direction:row;
	justify-content:center;
	gap:20px;
	font-size:18px;
}
#toggle-links > * {
	padding:5px 10px;
	text-decoration:none;
}
#toggle-links .active {
	background-color:var(--blue);
	color:var(--white);
}
.news-article {
	text-align:center;
}
.news-article a {
	color:var(--darkGray);
	text-decoration:none;
}
.news-img {
	aspect-ratio:1.7;
	object-fit: cover;
	object-position: center center;
	/*width:350px;*/
	margin:0 auto;
}
.news-article h3 {
	color:var(--darkGray);
}
.eventWrap .panel-default>.panel-heading {
	background-color:transparent;
	border-bottom:none;
	padding-bottom:0;
}
.eventWrap .panel-default>.panel-body {
	padding-top:0;
}
.eventWrap h4 {
	color:var(--darkGray);
}
.eventWrap .theButtonWrap {
	text-align:right;
	margin-bottom:0;
}
.eventWrap .btn {
	background-color:transparent;
	border:none;
	color:var(--blue);
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
.eventWrap .btn:after {
	content:" >";
}
#testimonial {
	padding:20px 20px 20px 140px;
	margin:20px;
	font-size:revert;
	border:none;
	background-color:var(--blue);
	border-radius:25px;
	background-image:url("/img/speechbubble.svg");
	background-repeat:no-repeat;
	background-position:left 20px center;
	background-size:100px;
}
#testimonial, #testimonial h3, #testimonial p {
	color:var(--white);
}
#testimonial-bubble:before {
	content:"“";
}
#testimonial-bubble:after {
	content:"”";
}
#testimonial footer:before {
	display:none;
}
#testimonial footer h3:before {
	content:"–";
	color:var(--white);
	display:inline;
}
#testimonial footer h3 {
	margin-bottom:0;
}
#testimonial footer p {
	margin-left:13px;
	text-align:left;
}
@media (max-width:767px) {
	#testimonial {
		padding:100px 20px 20px 20px;
		margin:20px;
		font-size:revert;
		border:none;
		background-color:var(--blue);
		border-radius:25px;
		background-image:url("/img/speechbubble.svg");
		background-repeat:no-repeat;
		background-position:center top 20px;
		background-size:100px;
	}	
}








/* UNDER PAGE */
#underPageTitle h1 {
	color:var(--white);
	text-align:center;
}
#underPage > .container {
	display:flex;
}
#underPage > .container > .col-sm-3 {
	flex:1;
}
#underPage > .container > .col-sm-9 {
	flex:3;
}
#sideBar {
	font-family: "PT Sans Narrow", sans-serif;
	font-weight: 400;
	font-style: normal;	
	font-size:16px;
}
#sideBar ul {
	margin-bottom:0;
	list-style:none;
	padding:0;
}
#sideBar > ul {
	background-color:var(--blue);
	padding:20px;
	margin:20px 0;
}
#sideBar li {
	line-height:1;
}
#sideBar a {
	display:block;
	color:var(--white);
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
}
#sideBar a:hover {
	color:var(--yellow);
	text-decoration:underline;
}
#sideBar > ul > li > a {
	font-size:25px;
	font-weight:700;
	color:var(--yellow);
	text-transform:uppercase;
}
#sideBar > ul > li > ul > li > a {
	padding-left:10px;
	font-size:18px;
	font-weight:700;
	text-transform: uppercase;
}
#sideBar > ul > li > ul > li > ul {
	list-style-image: url('/img/plus.svg');
	padding-left:25px;
}
#sideBar > ul > li > ul > li > ul > li > a {
	padding-left:0;
}
#sideBar > ul > li > ul > li > ul > li > ul {
	list-style-image: url('/img/minus.svg');
	padding-left:15px;
}
#sideBar > ul > li > ul > li > ul > li > ul > li > a {
	padding-left:0;
}
#contentArea {
	margin-top:40px;
	margin-bottom:40px;
}
@media(max-width:991px) {
	#sideBar {
		display:none;
	}
}





/* PROVIDER SEARCH */
main .form-control {
	border:1px solid #000000;
	box-shadow:none;
	color:var(--blue);
	font-weight:bold;
}
main .form-control::-webkit-input-placeholder {
	/*text-transform:uppercase;*/
	color:var(--blue);
	font-weight:bold;
}
#specialties-accordion .panel {
    border: none;
}
#specialties-accordion .panel-heading {
    background-color: var(--blue);
    background-image:url(/img/arrow-down.svg);
    background-repeat:no-repeat;
    background-position:right 10px center;
    background-size:20px;
    color: var(--white);
    border-radius: 5px;
}
#specialties-accordion .panel-heading h2 {
    font-size:22px;
}
#specialties-accordion .panel-body {
    background: #F6F5F5;
    width: 98%;
    margin: auto;
    border-top: none;
    margin-bottom: 25px;
}
#specialties-accordion .panel-body ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 0px;
}
#specialties-accordion .panel-body li {
    list-style: none;
}
.providerDetails {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 10px 0px;
}
.providerName {
    padding-left: 20px;
}
.providerName h3 {
    font-size: 16px;
}
.providerResults {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

@media (max-width: 1200px) {
	#specialties-accordion .panel-body ul {
	    grid-template-columns: 1fr 1fr;
	}
	.providerResults {
    	grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 991px) {
	#specialties-accordion .panel-body ul {
	    grid-template-columns: 1fr;
	}
	.providerResults {
    	grid-template-columns: 1fr;
	}
}


/* PROVIDER PAGE */
#providerTop {
	/*display:flex;*/
	padding-bottom:50px;
	margin-bottom:50px;
	border-bottom:3px solid var(--darkBlue);
	/*background-image:linear-gradient(var(--veryLightBlue), var(--veryLightBlue));
	background-size:90% calc(80% - 50px);
	background-repeat:no-repeat;
	background-position:right top 10%;*/
	min-height:300px;
}
#providerPhoto {
	/*order:1;
	flex:1;*/
	float:left;
	position: absolute;
	padding:0;
	z-index:999;
}
#providerPhoto img {
	border-radius:5px;
}
#providerTopInfo {
	/*order:2;
	flex:3;*/
	width:calc(100% - 40px);
	margin:20px 0 20px 20px;
	padding:20px 20px 20px 310px;
	background-color:var(--veryLightBlue);
}
#providerTopInfo .location, #providerTopInfo .location p {
	line-height:1.5;
	margin-bottom:20px;
}
#providerTopInfo .location p {
	margin-bottom:0;
}
#providerTopInfo .location a {
	font-weight:bold;
}

#profileTopSpacer {
	display:none;
}
.hospitalEmployed {
	margin-top:20px;
}
@media(max-width:767px) {
	#providerTop {
		background-color:var(--veryLightBlue);
		padding:20px;
	}
	#providerPhoto {
		position:relative;
		float:none;
	}
	#providerTopInfo {
		padding:0;
		background-color:transparent;
	}
}









/* ARCHIVE (news and search) */
ul.searchResults {
	border-top: none !important;
}
ul.searchResults li {
	padding:0 !important;
	margin-left:20px !important;
	border-left:none !important;
}
ul.searchResults li h1 {
	margin-left:-20px !important;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:5px solid var(--blue);
}
ul.searchResults li h1 a {
	text-decoration:none;
}




/* NEWS */
ul.searchResults.news li {
	margin-left:270px !important;
}
ul.searchResults.news li h1 {
	margin-left:0 !important;
}
ul.searchResults.news li img {
	position: absolute;
	left:10px;
	float:none;
	margin:0 20px 20px 0;
}
@media(max-width:768px) {
	ul.searchResults.news li {
		margin-left:0 !important;
	}
	ul.searchResults.news li img {
		position: relative;
		left:0;
		width:250px;
		max-width:100%;
	}
}





/* EVENTS PAGE */
ul.searchResults.mod-calendar li {
	clear:both;
	padding-bottom:30px !important;
	border-bottom:2px solid var(--blue);
	margin-bottom:30px;
}
ul.searchResults.mod-calendar li h3 {
	font-size:15px;
}








/* FORMS */
.g-recaptcha > div {
	height:auto !important;
	margin-left:15px;
}







/* SERVICE BOXES */
.serviceBoxes {
	text-align:center;
	font-family:"PT Sans Narrow", sans-serif;
	font-weight:400;
	font-style:normal;
	font-size:18px;	
}
.serviceBoxes > a {
	display:inline-block;
	flex-direction:column;
	text-align: center;
	text-decoration:none;
	background-color:var(--blue);
	color:var(--white);
	max-width:260px;
	width:260px;
}
.serviceBoxes > a:hover {
	color:var(--yellow);
}
.serviceBoxes > a > img {
	width:100%;
	aspect-ratio:1.6;
	object-fit: cover;
	object-position: center center;
}
.serviceBoxes {
	display: grid;
	gap: 20px;
	justify-items: center;
	justify-content: center;
}
.serviceBoxes.oneItem {
}
.serviceBoxes.twoItem {
	grid-template-columns: repeat(2, min-content);
	grid-template-rows: 1fr;
}
.serviceBoxes.threeItem {
	grid-template-columns: repeat(3, min-content);
	grid-template-rows: 1fr;
}
.serviceBoxes.fourItem {
	grid-template-columns: repeat(4, min-content);
	grid-template-rows: 1fr;
}
.serviceBoxes.fiveItem {
	grid-template-columns: repeat(6, min-content);
	grid-template-rows: repeat(2, 1fr);}
.serviceBoxes.fiveItem > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.serviceBoxes.fiveItem > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
.serviceBoxes.fiveItem > a:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }
.serviceBoxes.fiveItem > a:nth-child(4) { grid-area: 2 / 2 / 3 / 4; }
.serviceBoxes.fiveItem > a:nth-child(5) { grid-area: 2 / 4 / 3 / 6; }

.serviceBoxes.sixItem {
	grid-template-columns: repeat(3, min-content);
	grid-template-rows: repeat(2, 1fr);
}
.serviceBoxes.sevenItem {
	grid-template-columns: repeat(8, min-content);
	grid-template-rows: repeat(2, 1fr);}
.serviceBoxes.sevenItem > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.serviceBoxes.sevenItem > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
.serviceBoxes.sevenItem > a:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }
.serviceBoxes.sevenItem > a:nth-child(4) { grid-area: 1 / 7 / 2 / 9; }
.serviceBoxes.sevenItem > a:nth-child(5) { grid-area: 2 / 2 / 3 / 4; }
.serviceBoxes.sevenItem > a:nth-child(6) { grid-area: 2 / 4 / 3 / 6; }
.serviceBoxes.sevenItem > a:nth-child(7) { grid-area: 2 / 6 / 3 / 8; }

.serviceBoxes.eightItem {
	grid-template-columns: repeat(4, min-content);
	grid-template-rows: repeat(2, 1fr);
}
.serviceBoxes.nineItem {
	grid-template-columns: repeat(3, min-content);
	grid-template-rows: repeat(3, 1fr);
}

@media(max-width:1199px) {
	.serviceBoxes.fourItem {
		grid-template-columns: repeat(2, min-content);
		grid-template-rows: 1fr;
	}
	.serviceBoxes.sevenItem {
		grid-template-columns: repeat(6, min-content);
		grid-template-rows: repeat(3, 1fr);}
	.serviceBoxes.sevenItem > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.serviceBoxes.sevenItem > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.serviceBoxes.sevenItem > a:nth-child(3) { grid-area: 1 / 5 / 2 / 7; }
	.serviceBoxes.sevenItem > a:nth-child(4) { grid-area: 2 / 2 / 3 / 4; }
	.serviceBoxes.sevenItem > a:nth-child(5) { grid-area: 2 / 4 / 3 / 6; }
	.serviceBoxes.sevenItem > a:nth-child(6) { grid-area: 3 / 2 / 4 / 4; }
	.serviceBoxes.sevenItem > a:nth-child(7) { grid-area: 3 / 4 / 4 / 6; }

	.serviceBoxes.eightItem {
		grid-template-columns: repeat(2, min-content);
		grid-template-rows: repeat(4, 1fr);
	}
}
@media(max-width:991px) {
	.serviceBoxes.threeItem {
		grid-template-columns: repeat(4, min-content);
		grid-template-rows: repeat(2, 1fr);}
	.serviceBoxes.threeItem > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.serviceBoxes.threeItem > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.serviceBoxes.threeItem > a:nth-child(3) { grid-area: 2 / 2 / 3 / 4; }	

	.serviceBoxes.fiveItem {
		grid-template-columns: repeat(4, min-content);
		grid-template-rows: repeat(3, 1fr);}
	.serviceBoxes.fiveItem > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.serviceBoxes.fiveItem > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.serviceBoxes.fiveItem > a:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
	.serviceBoxes.fiveItem > a:nth-child(4) { grid-area: 2 / 3 / 3 / 5; }
	.serviceBoxes.fiveItem > a:nth-child(5) { grid-area: 3 / 2 / 4 / 4; }

	.serviceBoxes.sixItem {
		grid-template-columns: repeat(2, min-content);
		grid-template-rows: repeat(3, 1fr);
	}

	.serviceBoxes.sevenItem {
		grid-template-columns: repeat(4, min-content);
		grid-template-rows: repeat(4, 1fr);}
	.serviceBoxes.sevenItem > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.serviceBoxes.sevenItem > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.serviceBoxes.sevenItem > a:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
	.serviceBoxes.sevenItem > a:nth-child(4) { grid-area: 2 / 3 / 3 / 5; }
	.serviceBoxes.sevenItem > a:nth-child(5) { grid-area: 3 / 1 / 4 / 3; }
	.serviceBoxes.sevenItem > a:nth-child(6) { grid-area: 3 / 3 / 4 / 5; }
	.serviceBoxes.sevenItem > a:nth-child(7) { grid-area: 4 / 2 / 5 / 4; }

	.serviceBoxes.nineItem {
		grid-template-columns: repeat(4, min-content);
		grid-template-rows: repeat(5, 1fr);}
	.serviceBoxes.nineItem > a:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
	.serviceBoxes.nineItem > a:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
	.serviceBoxes.nineItem > a:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
	.serviceBoxes.nineItem > a:nth-child(4) { grid-area: 2 / 3 / 3 / 5; }
	.serviceBoxes.nineItem > a:nth-child(5) { grid-area: 3 / 1 / 4 / 3; }
	.serviceBoxes.nineItem > a:nth-child(6) { grid-area: 3 / 3 / 4 / 5; }
	.serviceBoxes.nineItem > a:nth-child(7) { grid-area: 4 / 1 / 5 / 3; }
	.serviceBoxes.nineItem > a:nth-child(8) { grid-area: 4 / 3 / 5 / 5; }
	.serviceBoxes.nineItem > a:nth-child(9) { grid-area: 5 / 2 / 6 / 4; }
}
@media(max-width:620px) {
	.serviceBoxes {
		display:flex;
		flex-direction:column;
		align-items:center;
	}
}


/*.serviceBoxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  font-family:"PT Sans Narrow", sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:18px;
}
.serviceBoxes.only3, .serviceBoxes.only2 {
	display:flex;
	gap:20px;
	justify-content: center;
}
.serviceBoxes > a {
	display:flex;
	flex-direction:column;
	text-align: center;
	text-decoration:none;
	background-color:var(--blue);
	color:var(--white);
}
.serviceBoxes.only3 > a, .serviceBoxes.only2 > a {
	width:25%;
}
.serviceBoxes > a > img {
	width:100%;
	height:;
	aspect-ratio:1.6;
	width:100%;
	object-fit:cover;
	object-position: center;
}
.serviceBoxes > a:hover {
	color:var(--yellow);
}
@media (max-width:991px) {
	.serviceBoxes {
	  grid-template-columns: repeat(3, 1fr);
	}	
}
@media (max-width:767px) {
	.serviceBoxes {
	  font-size:2.3vw;
	}	
}
@media (max-width:499px) {
	.serviceBoxes {
		grid-template-columns: repeat(2, 1fr);
		font-size:3.5vw;
	}	
}
*/





/* FOOTER */
/*body, body > footer {
	background-image:url(/img/footer-bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:bottom center;	
}*/
body > footer {
	background-image:url(/img/footer-bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top center;		
	color:var(--white);
	padding:100px 0 20px 0;
	background-color:var(--veryDarkBlue);
}
body footer, body footer p {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-variation-settings:
		"wdth" 100;	
	color:var(--white);
}
footer p {
	text-align:center;
}
#footerLogoColumn {
	text-align:center;
}
#footerLogo {
	max-width:200px;
}
#footerSocial {
	list-style: none;
	padding:0;
	display:flex;
	gap:10px;
	justify-content: center;
}
#footerSocial > li {
	margin-bottom:5px;
}
#footerSocial > li > a {
	/*padding-left:25px;*/
	display:flex;
	align-items:center;
	gap:5px;
}
#footerSocial > li > a > span {
	display:block;
	width:calc(100% - 30px);
}
#footerSocial > li > a:before {
	content:"";
	display:inline-block;
	aspect-ratio:1;
	width:25px;
	background-color:var(--white);
	background-repeat:no-repeat;
	background-size:55%;
	background-position:center;
	border-radius:100px;
}
#footerSocial .facebook a:before {
	background-image:url(/img/social-facebook.svg);}	
#footerSocial .instagram a:before {
	background-image:url(/img/social-instagram.svg);}	
#footerSocial .linkedin a:before {
	background-image:url(/img/social-linkedin.svg);}	
#footerSocial .youtube a:before {
	background-image:url(/img/social-youtube.svg);}	
#footerMenu ul {
	list-style: none;
	padding:0;
}
footer a, footer p a {
	color:var(--white);
	text-decoration: none;
}
footer a:hover, footer p a:hover {
	color:var(--white);
}
#footerNav ul {
	list-style: none;
	padding:0;
}
.footerGraphic {
	width:300px;
}
@media(max-width:767px) {
	footer {
		text-align:center;
	}
	#footerLogo {
		margin-bottom:20px;
	}
	#footerSocial {
		width:300px;
		text-align:left;
		margin:0 auto;
	}
	#byLine p {
		margin-top:10px;
		font-size:10px;
	}
}