/*--MASTER SEO STYLE GUIDE: updated 6/23/15 by Shawn Vega--*/

/*------------------SEO styles for main container----------------*/
.search-engine-optimization-container{
	font-family: Arial, sans-serif ;
	text-align: left;
	font-size: 12px;
	max-width: 970px;
	margin:auto;
}
/*This style keeps our sections stacked block style*/
.search-engine-optimization-container div{
	
}
/*bolds all links within the SEO container*/
.search-engine-optimization-container a{
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.search-engine-optimization-container a img{
	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;
}
.search-engine-optimization-container a img:focus,
.search-engine-optimization-container a img:active,
.search-engine-optimization-container a img:hover{
  	box-shadow:  0 0 20px #002375;
  	-webkit-box-shadow:  0 0 20px #002375;
  	-moz-box-shadow:  0 0 20px #002375;
  	-ms-box-shadow:  0 0 20px #002375;
}

.search-engine-optimization-container h1{
	margin-bottom:15px;
}

/*This closes the gap between the h3 tags and the text*/
.search-engine-optimization-container h3{
	margin-top:15px;
	font-weight: bold;
	font-size: 15px;
}

.search-engine-optimization-container p{
	font-size: 15px;
	margin:0 0 15px 0;
}

/*------------------SEO styles for header----------------------*/
.search-engine-optimization-header{}
/*Style adds space below the seo banners*/
.search-engine-optimization-header div{
	margin: 0 0 15px 0;
}
.search-engine-optimization-sub-header a{
	display: inline-block !important;
}


/*-----------------SEO styles for sub header--------------------*/
.search-engine-optimization-sub-header{}

/*This creates space around image of the delivery guy*/
.search-engine-optimization-sub-header img{
	margin: 0 0 5px 5px !important;
}
.search-engine-optimization-sub-header-queens h1{
	color: #085B69;
}
.search-engine-optimization-sub-header-manhattan h1{
	color: #396e83;
}
.search-engine-optimization-sub-header-philly h1{
	color: #E8AE3A;
}
.search-engine-optimization-sub-header-brooklyn h1{
	color: #e87e1f;
}
.search-engine-optimization-sub-header-dc h1{
	color: #ff9933;
}

.search-engine-optimization-sub-header-queens h1,
.search-engine-optimization-sub-header-manhattan h1,
.search-engine-optimization-sub-header-philly h1,
.search-engine-optimization-sub-header-brooklyn h1,
.search-engine-optimization-sub-header-dc h1{
	font-size: 18px;
	font-weight: bold;
}

/*------------------SEO styles for sub header two---------------*/
.search-engine-optimization-sub-header-two{}
.search-engine-optimization-sub-header-two-queens h2{
	color: #085B69;
}
.search-engine-optimization-sub-header-two-manhattan h2{
	color: #396e83;
}
.search-engine-optimization-sub-header-two-brooklyn h2{
	color: #e87e1f;
}
.search-engine-optimization-sub-header-two-dc h2{
	color: #ff9933;
}

/*Update*/
.search-engine-optimization-sub-header-two-queens h2,
.search-engine-optimization-sub-header-two-manhattan h2,
.search-engine-optimization-sub-header-two-brooklyn h2,
.search-engine-optimization-sub-header-two-dc h2{
	font-size: 17px;
	font-weight: bold;
}

/*------------------SEO styles for section one-------------------*/
.search-engine-optimization-section-one{}

/*------------------SEO styles for section two-------------------*/
.search-engine-optimization-section-two{}

/*------------------SEO styles for section three-----------------*/
.search-engine-optimization-section-three{}

/*------------------SEO styles for section four------------------*/
.search-engine-optimization-section-four{}

/*------------------SEO styles for section five------------------*/
.search-engine-optimization-section-five{}

/*------------------SEO styles for philly awards section------------------*/
.search-engine-optimization-award-footer{
	margin: 35px 0 105px 0;
}
.search-engine-optimization-award-footer p{
	max-width: 514px;
	font-size: 16px;
}
.search-engine-optimization-award-footer div:nth-child(2){
	margin: -152px 0 0 408px;
}

/*------------------SEO styles for DC people are saying section------------------*/
.search-engine-optimization-section-four-dcsaying{
	margin-top:20px;
	margin-bottom:40px;
}
.search-engine-optimization-section-four-dcsaying h3{
	margin-bottom:20px;
	font-size: 20px;
	color: #ff9933;
}
.search-engine-optimization-section-four-dcsaying a{
	display: inline-block;
}
.search-engine-optimization-section-four-dcsaying p{
	margin-top:0px;
	margin-bottom:0px;
}

.mm-page .search-engine-optimization-section-four-dcsaying p{
	font-size: 15px;
	margin-bottom:14px;
}
/*------------------SEO styles for start shopping------------------
.button-bk{
	max-width: 540px;
}
.button-man{
	max-width: 560px;
}
.button-qu{
	max-width: 525px;
}
.button-ph{
	max-width: 570px;
}
.button-dc{
	max-width: 635px;
}*/
/*____________________________Freshdirect button styles____________________________*/
.seo-button-container{
	margin: 25px auto 40px auto;
}
.freshdirect-eccom-button{
  cursor: pointer;
  background-color: #f68139;
  color: white !important;
  font-weight: normal !important;
  font-size: 22px;
  padding: 3px 10px 4px 10px;
  border: none;
  outline: none;
  border-radius: 3px;
  text-decoration: none;
  text-align:center;
  transition: box-shadow 0.15s linear;
  -webkit-transition:box-shadow 0.15s linear;
  -moz-transition: box-shadow 0.15s linear;
  -ms-transition: box-shadow 0.15s linear;
  display: table !important;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;

}

.freshdirect-eccom-button:hover,
.freshdirect-eccom-button:active,
.freshdirect-eccom-button:focus{
	box-shadow: 0 0 8px #000000;
	-webkit-box-shadow:  0 0 8px #000000;
 	-moz-box-shadow:  0 0 8px #000000;
  	-ms-box-shadow:  0 0 8px #000000;
}
.freshdirect-eccom-button:visited{
	color:white !important;
}

/*------------------------Shared styles section------------------*/

/*Add spacing to the bottom of each section*/
.search-engine-optimization-section-one,
.search-engine-optimization-section-two,
.search-engine-optimization-section-three,
.search-engine-optimization-section-four{
	margin: 0 0 10px 0;
}
/*Inlines each sections inner divs and keeps them aligned to the top for uniformity*/
.search-engine-optimization-section-one div,
.search-engine-optimization-section-two div,
.search-engine-optimization-section-three div,
.search-engine-optimization-section-four div,
.search-engine-optimization-section-five div{
	vertical-align: top;
	display: inline-block; 
}

/*inner divs are blocked for a stack appearance*/
.search-engine-optimization-section-one-inner div,
.search-engine-optimization-section-two-inner div,
.search-engine-optimization-section-three-inner div,
.search-engine-optimization-section-four-inner div,
.search-engine-optimization-section-five-inner div{
	display: block;	
}
/*Uniform width so the p tags don't attempt to take up full container they are in*/
.search-engine-optimization-section-one-inner p,
.search-engine-optimization-section-two-inner p,
.search-engine-optimization-section-three-inner p,
.search-engine-optimization-section-four-inner p,
.search-engine-optimization-section-five-inner p{
	max-width: 450px;
}
.search-engine-optimization-section-one-inner div:first-child,
.search-engine-optimization-section-two-inner div:first-child,
.search-engine-optimization-section-three-inner div:first-child,
.search-engine-optimization-section-four-inner div:first-child,
.search-engine-optimization-section-five-inner div:first-child{
	margin-bottom:10px;
}

.search-engine-optimization-column-space{
	margin-right: 45px;
}

/*NOTE OVERWRITE MASTER SEO STYLES AFTER THE FOLLOWING LINE*/

/*-------------------OVERWITE SECTION-----------------------*/

.seo-bk-para-tweek{max-width: 583px;}


/*-------------------DESKTOP/MOBILE WEB TOGGLE-------------------*/
.rts-mobile-web-toggle{
  display: none !important;
}
.mm-page .rts-desktop-web-toggle{
  display: none !important;
}
.mm-page .rts-mobile-web-toggle{
  display: block !important;
}


/*------------------Mobile Web-----------------------*/
.mm-page .search-engine-optimization-container{
 	padding-left: 10px;
	padding-right: 10px;
	max-width:460px;
	margin-left:auto;
	margin-right: auto;
	margin-bottom:-100px;
	text-align:center;
}
.mm-page .search-engine-optimization-container img{
	width:100%;
	height:auto;
}
.mm-page .search-engine-optimization-container div{
	display: block !important;
}
.mm-page .search-engine-optimization-container a{
	font-size: 13px;
	text-transform: uppercase;
}
.mm-page .search-engine-optimization-column-space{
	margin-right: 0px;
}
.mm-page .search-engine-optimization-header div{
	margin: 0px;
}

/*Buttons*/
.mm-page .button-bk,
.mm-page .button-man,
.mm-page .button-qu,
.mm-page .button-ph,
.mm-page .button-dc{
	max-width: 300px;
}

/*philly mobile award*/
.mm-page .search-engine-optimization-award-footer{
	margin: 0px;
}

.mm-page .search-engine-optimization-award-footer div:nth-child(2){
	margin: 0px;
}