.storefront-summer-service-container * {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	text-align: left;
}


.storefront-summer-service-container {
	font-family: "Roboto", "Verdana", "Arial", sans-serif;
	font-family: var(--fdfw-font-sans-serif, sans-serif);
	font-size: var(--fdfw-font-size-base, 16px);
	line-height: 1.4;
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	position: relative;
	margin-bottom: 30px;
}


.storefront-summer-service-container h1 {
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 2% 0;
	background-size: cover;
	font-size: 210%;
}

#jersey_shore.storefront-summer-service-container .storefront-summer-service-header h1 {
	background: url(/media/editorial/summer_services/jersey_shore/img/updates/2021/001_top-bar_Jersey.jpg)  no-repeat;
}
#hamptons.storefront-summer-service-container .storefront-summer-service-header h1 {
	background: url(/media/editorial/summer_services/hamptons/img/updates/2021/001-Top-Bar_Hamptons.jpg)  no-repeat;
}

.storefront-summer-service-container h2 {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 20px;
}

.storefront-summer-service-container h3 {
	color: #000;
	font-size: 200%;
	font-weight: bold;
}

.storefront-summer-service-container p {
	margin-bottom: 25px;
	font-size: 120%;
}


.storefront-summer-service-container input,
.storefront-summer-service-container img {
	max-width: 100%;
}

.storefront-summer-service-container img {
	display: block;
	position: relative;
}

.storefront-summer-service-header {
	margin-bottom: 40px;
}

/*_______________Buttons shared styling_______________*/	
.storefront-summer-service-container .storefront_button.submit-button {
	background-color: #002374;
	font-weight: bold;
	color: white;
	padding: 0 3%;
	font-size: 150%;
	flex: 0 0 20%;
	text-align: center;
}

/*_______________.storefront-zip-section : Sumbit container_______________*/
.storefront-section-two {
	background-color: #FFD85C;
}

.storefront-zip-section {
	text-align: center;
	display: block;
	margin-bottom: 5%;
}

#usermessageJersey,
#usermessageHamptons {
	min-width: 50%;
}

.storefront-zip-section h3,
.storefront-zip-section p {
	margin: 0 auto;
	text-align: center;
	color: black
}

.storefront-zip-section p {
	font-size: 120%;
	width: 80%;
}

.storefront-zip-section .zip-input-container {
	margin: 2% 0;
	display: flex;
	justify-content: center;
	
}

.storefront-zip-section input,
.storefront-zip-section button {
	display: inline-block;
	border: none;
	height: 41px;
	vertical-align: bottom;
}
.storefront-zip-section input {
	padding: 0px 2%;
	flex: 0 1 50%;
	outline: none;
	text-align: center;
	box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	-moz-box-shadow: 0 0 0 #000;
	-ms-box-shadow: 0 0 0 #000;
	transition: box-shadow 0.1s linear;
	-webkit-transition:box-shadow 0.1s linear;
	-moz-transition: box-shadow 0.1s linear;
	-ms-transition: box-shadow 0.1s linear;
}
.storefront-zip-section button {
	font-size: 100%;
	padding: 2%;
	cursor: pointer;
	outline: none;
	box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	-moz-box-shadow: 0 0 0 #000;
	-ms-box-shadow: 0 0 0 #000;
	transition: box-shadow 0.1s linear;
	-webkit-transition:box-shadow 0.1s linear;
	-moz-transition: box-shadow 0.1s linear;
	-ms-transition: box-shadow 0.1s linear;
}


/*_______________Start Shopping_______________*/
.storefront-summer-service-container .storefront-startshopping {
	background-color: #002374;
	font-weight: bold;
	color: white;
	font-size: 150%;
	display: block;
	text-align: center;
	width: 46%;
	padding: 10px;
	font-size: 100%;
	cursor: pointer;
	outline: none;
	box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	-moz-box-shadow: 0 0 0 #000;
	-ms-box-shadow: 0 0 0 #000;
	transition: box-shadow 0.1s linear;
	-webkit-transition: box-shadow 0.1s linear;
	-moz-transition: box-shadow 0.1s linear;
	-ms-transition: box-shadow 0.1s linear;
}

.storefront-startshopping:hover,
.storefront-startshopping:active,
.storefront-startshopping:focus,
.storefront-summer-service-section-local-businesses .local-business a:hover,
.storefront-summer-service-section-local-businesses .local-business a:active,
.storefront-summer-service-section-local-businesses .local-business a:focus,
.storefront-zip-section button:hover,
.storefront-zip-section button:active,
.storefront-zip-section button:focus,
.storefront-zip-section input:hover,
.storefront-zip-section input:active,
.storefront-zip-section input:focus {
	box-shadow: 0 0 8px #000;
	-webkit-box-shadow: 0 0 8px #000;
	-moz-box-shadow: 0 0 8px #000;
	-ms-box-shadow: 0 0 8px #000;
}

/*_______________Storefront Main content_______________*/
.storefront-section-one,
.storefront-section-three {
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
}

.storefront-section-one > div,
.storefront-section-three > div {
	flex: 1 0 50%;
}

.storefront-section.storefront-section-two {
	align-items: center;
	padding: 2% 20%;
}


.storefront-text-section {
	padding: 2% 4% 0 3%;
}

.storefront-text-section .storefront_button {
	width: 100%;
}

.storefront-section-three .storefront-text-section {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.storefront-text-section a {
	color: #002374;
	font-weight: bold;
}
.storefront-text-section .storefront-startshopping {
	margin: auto;
	padding: 4%;
}
.storefront-text-section .text-block h2 {
	width: 90%;
}


/*_______________Storefront Love Local_______________*/
h2.storefront-love-local {
	background: url(/media/editorial/summer_services/we_love_local_bkrd_new.jpg) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	display: block;
	position: relative;
	margin: 3% 0;
	padding: 2% 8%;
	text-align: center;
	font-weight: bold;
	font-size: 170%;
}

/*_______________Storefront section setup_______________*/
.storefront-summer-service-section-local-businesses {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
	justify-content: space-between;
}

.storefront-summer-service-section-local-businesses .local-business {
	flex: 0 1 46%;
	display: block;
	margin: 1% 0;
	font-size: 70%;
}
.storefront-summer-service-section-local-businesses .local-business h2 {
	color: #000;
	margin-bottom: 0;
	font-size: 200%;
}

.storefront-summer-service-section-local-businesses .local-business p {
	font-size: 140%;
}


.storefront-summer-service-section-local-businesses .local-business a {
	display: block;
}

.storefront-summer-service-section-local-businesses .local-business img {
	width: 100%;
	height: auto;
}

.storefront-section-grid a {
	display: block;
	box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	-moz-box-shadow: 0 0 0 #000;
	-ms-box-shadow: 0 0 0 #000;
	transition: box-shadow 0.1s linear;
	-webkit-transition:box-shadow 0.1s linear;
	-moz-transition: box-shadow 0.1s linear;
	-ms-transition: box-shadow 0.1s linear;
}
.storefront-section-grid a:hover,
.storefront-section-grid a:active,
.storefront-section-grid a:focus {
	box-shadow: 0 0 8px #000;
	-webkit-box-shadow: 0 0 8px #000;
	-moz-box-shadow: 0 0 8px #000;
	-ms-box-shadow: 0 0 8px #000;
}


/*_______________ Responsive_______________*/
@media only screen and (max-width: 1368px) {
	.storefront-summer-main {
		padding: 0 2%;
	}
}
@media only screen and (max-width: 992px) {
	.storefront-summer-service-container {
		font-size: 1.75vw;
	}
}
@media only screen and (max-width: 568px) {
	.storefront-summer-service-container {
		font-size: 3vw;
	}
	
	.storefront-summer-service-header {
		margin-bottom: 0;
	}
	
	.storefront-section-three .storefront-img-section {
		display: none;
	}
	
	.storefront-summer-service-container h1 {
		font-size: 200%;
	}
	
	.storefront-summer-service-container h2 {
		margin-bottom: 2%;
	}
	
	.storefront-text-section {
		padding: 2% 0;
	}
	
	.storefront-section-one,
	.storefront-section-two,
	.storefront-section-three,
	.storefront-summer-service-section-local-businesses {
		display: block;
		width: 100%;
	}
	
	.storefront-zip-section {
		padding: 2%;
	}
	
	.storefront-summer-service-section-local-businesses .local-business p {
		font-size: 170%;
	}
	
	.storefront-summer-service-container .storefront-startshopping {
		width: 100%;
		font-size: 120%;
	}	
}