html, body, .wpthemeFrame {
	height: 100%;
}

body {
	background-color: #E9E9E9;
}

a{
	text-decoration: underline;
}

a:hover, a:focus{
	text-decoration: none;
}

.navbar a,
.navheader a,
.footer-container a,
.grid-item a {
	text-decoration: none;
}

.footer-container a:hover,
.navheader a:hover {
	text-decoration: underline
}

.grid-item a:hover{
	text-decoration: none;
}

.parallax-inner a, .parallax-inner a:focus, .parallax-inner a:hover,
	.parallax-inner a:active {
	color: #cc0000;
}

.parallax-two-col-text a, .parallax-two-col-text a:focus,
	.parallax-two-col-text a:hover, .parallax-two-col-text a:active {
	color: #cc0000;
}

.wpthemeLayoutContainers {
	padding: 0;
}

.wpthemeOverflowAuto {
	overflow: visible;
}

.wpthemeControl {
	margin: 0;
}

.wpthemeFrame {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.wpthemeMainContent {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	overflow: hidden;
	background-color: transparent;
}

.wpthemeFrame {
	width: 100% !important;
	min-width: 100px !important; /* Overwrite the theme min-width */
}

.navbar-dark .navbar-toggler-icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.o-hidden {
	overflow: hidden;
}

/* Customization to container for 1200px container */
@media ( min-width : 1200px) {
	.container {
		max-width: 960px;
	}
}

/************************* NAVBAR CSS *************************/
.mobnav-dark {
	background-color: #49494b !important;
}

.searchDropdown {
	width: 100%;
	padding: 7px 10px;
	background-color: #494949;
	border: none;
	border-radius: none;
	margin: 0;
}

.searchDropdown form {
	float: right;
}

#searchDropdown::after {
	display: none;
}

#searchDropdown img {
	height: 24px;
}

.subdropdown {
	background-color: #405059;
	border-radius: 0;
	padding: 0;
	margin-top: 0;
	padding-top: 12px;
}

.subdropdown a {
	padding: 10px 25px;
}

.dropdown-item:hover {
	background-color: #405059;
}

.navbar-toggler {
	padding: 0.25rem 0;
	border: none;
}

.navbar-nav .nav-link {
	padding-left: 15px;
}

.nav-item {
	background-color: #595959;
	/*! background-color: #666666; */
	border-bottom: 1px solid #8A8689;
}

@media ( min-width : 350px) {
	.navRetailNameContainer {
		width: 217px;
		height: 38px;
	}
}

/*--- Search bar ---*/
#nav-search {
	float: right;
	padding: 10px 0 10px 10px;
}

#searchbar {
	width: 150px;
	float: left;
	padding: 2px 0 2px 13px;
	background-color: #e9e9e9;
	border: 0;
	/* 	color: black;
 */
	outline: none; font-family; Open Sans, Calibri, Arial, sans-serif;
	padding-right: 35px;
}

#searchbtn {
	width: 21px;
	height: 17px;
	float: left;
	margin: 3px 0 0 -25px;
	background:
		url(/RetailTheme85Static/themes/RetailTheme85/images/custom/search-icon.png);
	text-indent: -9999px;
	padding: 0 0 0 21px; /*IE 7 fix - text-indent not supported*/
	cursor: pointer;
	border: 0;
}

/* Navheader */
.navheader {
	background-color: #494949;
}

.navheader-links li {
	display: inline-block;
	padding: 10px 5px;
}

.navheader-links a {
	letter-spacing: 0.3px;
	position: relative;
	line-height: 27px;
}

.navbar {
	background-color: #000000;
	border: none;
	border-radius: 0;
}

.nav-link {
	color: #fff !important;
	letter-spacing: 0.3px;
	position: relative;
	padding: 10px 15px;
	line-height: 19px;
}

@media ( min-width : 768px) {
	.nav-link.dropdown-toggle {
		cursor: default;
		pointer-events: none;
	}
}

.navbar-right {
	padding: 12px 0;
}

.navbar {
	height: auto;
	margin-bottom: 0px;
	padding: 0 3px;
}

.navbar-header {
	height: auto;
	margin-bottom: 0px;
	padding: 0 3px;
}

.nav-container {
	height: 66px;
	padding: 0px;
}

.navbar-brand>img {
	height: 38px;
	width: auto;
	display: inline;
}

.navRetailName {
	padding-left: 5px;
	margin-top: -2px;
	align-self: center;
}

.navbar-toggle {
	margin-top: 15px;
}

.nav-right a.active {
	text-decoration: underline
}

.fcl-1col-container {
	background-color: white;
	position: relative;
}

.nav-right li .headerSeparator {
	display: none;
}

/* locations page */
#map {
	width: 100%;
	height: 400px;
	position: inherit;
}

.ad-image img {
	width: 100%;
	max-height: 265px;
	height: auto;
}

.content-container {
	max-width: 960px;
	margin: 0 auto;
	background-color: white;
}

.my-coop-bar {
	padding: 20px 20px 0px;
}

.my-coop-bar-content {
	background-color: #494949;
	padding: 10px;
	color: white;
}

.my-coop-hours, .my-coop-change {
	display: inline-block;
	float: right;
	margin-right: 20px;
}

.my-coop-hours a, .my-coop-change a {
	border-bottom: 1px solid #e9e9e9;
	cursor: pointer;
}

.my-coop-hours a:hover, .my-coop-change a:hover {
	text-decoration: none;
}

.featured-container {
	padding: 15px 20px 20px;
	position: relative;
}

.featured-image {
	width: 100%;
}

.menu-container.container {
	width: 100%;
	padding: 0px 10px;
}

.grid-outer {
	padding-top: 15px;
}

.grid-item {
	padding-bottom: 15px;
}

.grid-item > a{
	display: block;
}

.grid-item a:focus,
.hero a:focus,
#map-container a:focus ,
.paging-focus:focus ,
.paging-wrapper a:focus {
	outline: 3px solid black; /* High-contrast blue outline */
    outline-offset: 3px; /* Adds spacing between element and outline */
}

.grid-item-image {
	width: 100%;
}

.grid-item-info {
	margin-top: 5px;
}

.grid-item-all {
	min-height: 270px;
}

/************************************* STYLES UPDATED TO CLASSES BETWEEN HERE**************************************/
.footer-container {
	background-color: #cc0000;
	padding-bottom: 10px;
	width: 100%;
	position: relative;
}

.footer-subscription a {
	padding-left: 23px;
}

.sharing-container {
	background-color: #000000;
}

.sharingContent {
	padding: 10px 15px;
	line-height: 35px;
}

.footer-icons-wrapper {
	height: 35px;
}

.socialIcon {
	display: inline-block;
	vertical-align: top;
	margin-left: -1px;
}

.socialIcon img {
	padding: 0px 2px;
}

.footer-content {
	padding: 20px 15px;
	margin: 0 auto;
}

.footer-trademark {
	width: 50%;
	margin-top: 20px;
}

.footer-title {
	margin-bottom: 10px;
}

.footer-menu a {
	display: inline-block;
	margin-top: -5px;
	width: 100%;
	line-height: 24px;
}

.footer-menu {
	line-height: 1;
}

/************************************* STYLES UPDATED TO CLASSES BETWEEN HERE**************************************/

/* Parallax */
.parallax-config {
	display: none;
}

.parallax-media-image img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.parallax-background {
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-inner {
	position: relative;
}

.parallax-one-col-row {
	padding-top: 50px;
	padding-bottom: 50px;
	word-wrap: break-word;
}

.parallax-two-col-row {
	padding-top: 50px;
	padding-bottom: 50px;
}

.parallax-media-image {
	position: relative;
}

.parallax-edit-section {
	background-color: #f2f2f2;
	padding: 5px 20px 10px;
	overflow: hidden;
}

.parallax-edit-row {
	padding: 5px 0;
	border-top: 1px solid grey;
	overflow: hidden;
}

.detail-author {
	margin-bottom: 5px;
	margin-top: -5px;
	display: inline-block;
}

.detail-body img {
	max-width: 100%;
	height: auto !important;
}

.detail-body {
	padding-bottom: 10px;
}

.detail-body a, .detail-body a:hover, .detail-body a:visited {
	color: #cc0000
}

.articleBody img {
	width: 100%;
}

.detail-date {
	padding-bottom: 10px;
	margin-bottom: 5px;
	margin-top: -5px;
	display: inline-block
}

.add-btn {
	padding: .5rem;
	background-color: #c00;
	margin-right: 5px;
}

.add-btn-container {
	padding-bottom: 15px;
}

.grid-text {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
}

.grid-title, .hero-title {
	line-height: 1.1em;
}

.grid-category, .hero-category {
	display: inline-block;
}

.col-sm-6.col-md-4.grid-item, .col-sm-4.relatedList {
	clear: both;
	height: auto;
}

.col-sm-4.videoList {
	clear: both;
	height: auto;
	overflow: auto;
	padding: 10px;
	position: relative;
}

.col-sm-4.videoList a {
	color: #222;
	text-decoration: none;
}

.col-sm-4.videoList .grid-thumbnail {
	max-height: 163px;
	padding-bottom: 25%;
}

.container.hero {
	width: 100%;
	max-width: 960px;
}

.container.videoContainer {
	width: 100%;
	max-width: 960px;
	padding: 0;
	background-color: transparent;
}

.container.videoDetail {
	width: 100%;
	padding: 0 10px;
	max-width: 960px;
	padding-top: 25px;
}

.detail-title {
	line-height: 28px;
}

.embeddedDiv {
	max-height: 540px;
	max-width: 960px;
	position: relative;
}

.embedHelper {
	height: 0px;
	padding-bottom: 56.25%;
	position: relative;
}

.embedHelper iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.hero {
	position: relative;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

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

.hero-image, .detail-image {
	width: 100%;
}

.hero-image img, .detail-image img {
	width: 100%;
	height: auto;
}

.hero-text {
	background-color: black;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	position: relative;
	width: 100%;
}

.hero-text .hero-category {
	line-height: 12px;
}

.footerTitle {
	margin-top: 15px;
}

.featuredVideoDiv .hero-text {
	width: 38%;
}

.grid-menu-title {
	border-bottom: 1px solid #8a8a8a;
	margin-bottom: 5px;
}

.imageBanner {
	max-width: 960px;
	margin: 0 auto;
}

.imageBanner img {
	width: 100%;
	height: auto;
}

.grid-thumbnail {
	width: 100%;
	float: none;
	position: relative;
}

.grid-thumbnail img {
	width: 100%;
	max-width: none;
	padding: 0px;
	height: auto;
	margin: 0;
}

p {
	margin: 0 0 10px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoImage {
	padding-bottom: 50%;
	max-height: 480px;
	overflow: hidden;
	background-position: center;
	background-size: 100% auto;
}

.videoList .grid-thumbnail {
	padding-bottom: 54%;
	max-height: 160px;
	overflow: hidden;
	background-position: center;
	background-size: 100% auto;
}

.carat {
	display: none;
}
/* Alert Styles */
.alert-item-text {
	padding: 10px;
}

.alert-item {
	background-color: #cc0000;
}

/* BOD Styles */
.person-item {
	padding: 10px 0px;
}

.person-container {
	padding: 20px 0px;
}

@media ( max-width : 575.999999999px) {
	.alert-item {
		margin: 0 -15px;
	}
	.hero {
		max-width: 1200px;
		margin: 0 -15px;
		width: auto;
	}
	.hero-image {
		width: auto;
	}
	.embeddedDiv {
		margin: 0 -15px;
	}
}

@media ( max-width : 767px) {
	/*Mobile nav 100%*/
	.navbar .container {
		max-width: 100%;
	}
	.navbar {
		padding-left: 0px;
	}
}

@media ( min-width : 576px) {
	.alert-item {
		margin-bottom: 10px;
	}
	.fcl-1col-outer {
		padding: 20px;
	}
	.fcl-1col-container {
		padding: 15px;
	}
}

@media ( min-width : 768px) {
	.parallax-background {
		background-attachment: fixed;
	}
	.carat {
		display: block;
		color: #fff;
		position: absolute;
		left: 10%;
		bottom: -1px;
	}
	.dropdown-toggle::after {
		display: none;
	}
	#moreDropdown:hover>.dropdown-menu {
		display: block;
	}
	.subdropdown a {
		padding: 10px 15px;
		border-bottom: none;
	}
	.nav-item {
		background-color: black;
		border-bottom: none;
	}
	.nav-right li .headerSeparator {
		display: inline;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		cursor: default !important;
		color: #fff !important;
		font-size: 23px;
		padding: 8px 5px;
		font-weight: 400;
		font-size: 23px;
	}
	.nav-right li .headerSeparator:hover {
		background: transparent !important;
	}
	/*.nav-right li a:hover {
		background-color: #cc0000;
	}*/
	.nav-right a.active {
		background-color: #c00;
		text-decoration: none;
	}
	.navlink {
		padding-right: 5px;
		padding-left: 5px;
	}
	.navRetailName {
		padding-left: 10px;
	}
	.nav-link {
		padding: 8px;
		font-size: 15px;
	}
	.navbar {
		min-height: 55px;
	}
	.navbar-brand>img {
		height: 55px;
	}
	.navRetailNameContainer {
		width: 160px;
		height: 55px;
	}
	.dropdown.show, .dropdown:hover {
		background-color: #c00;
	}
	.detail-summary {
		line-height: 24px;
	}
	.detail-title {
		line-height: 36px;
	}
	.detail-summary {
		line-height: 22px;
	}
	.breadcrumbTrail {
		padding: 0px;
	}
	.col-sm-4.videoList {
		height: 270px;
	}
	.container.hero {
		padding: 0;
		padding-top: 25px;
	}
	.container.videoDetail {
		width: 100%;
		padding: 0;
		max-width: 960px;
		padding-top: 25px;
	}
	.detail {
		padding-top: 15px;
		width: 100% !important;
	}
	.hero-text {
		bottom: 10%;
		padding: 10px;
		position: absolute;
		width: 40%;
		margin-left: -15px
	}
	.hero-text .hero-category {
		line-height: 16px;
	}
	.footerTitle {
		margin-top: 15px;
	}
	.largePromoCaption {
		padding: 0px 20px;
	}
}

@media ( min-width : 992px) {
	.navRetailName {
		font-size: 30px;
		padding-left: 15px;
	}
	.navbar {
		min-height: 66px;
	}
	.nav-link {
		padding: 10px 15px;
		font-size: 16px;
	}
	.navbar-brand>img {
		height: 66px;
	}
	.navRetailNameContainer {
		width: 355px;
		height: 66px;
	}
}

/************************************* MENU Featured Sidebar Styles **************************************/
#sub-col2-menu {
	width: 100%;
	padding: 0;
	line-height: 1.5;
	padding-top: 5px !important;
}

.grid-featured {
	padding: 0 0 15px 0;
}

/************************************Search Page Styles *************************************************/
.search-img img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.search-item {
	padding: 10px 0px;
}

.searchWrapper {
	background-color: white;
}

.searchContent {
	padding: 0;
	clear: both;
}

#searchfield {
	vertical-align: middle;
	border: 4px solid #ededed;
	height: 40.6px;
	width: 100%;
	padding: 0;
	font-size: 24px;
}

#searchfieldbtn {
	overflow: hidden;
	width: 21px;
	height: 17px;
	float: right;
	position: relative;
	margin: -27px 6px 0px -25px;
	background:
		url(/RetailTheme85Static/themes/RetailTheme85/images/custom/search-icon.png);
	padding: 0 0 0 21px;
	cursor: pointer;
	border: 0;
}

/************************************* Map Styles *******************************************************/
#summary {
	overflow: scroll;
	overflow-x: hidden;
	height: 400px;
}

#content {
	max-width: 200px;
}

#information {
	padding-left: 15px;
	padding-right: 15px;
	width: 80%;
}

#store-info {
	
}

#map-footer {
	display: none;
}

#map-container {
	padding-bottom: 5px !important;
}

#map-container a {
	display: block;
}

.active-checker.active {
	background-color: #f5f5f5;
}

.active-checker {
	padding-left: 10px;
}

.all-map-column #map-footer {
	display: block !important;
	background-color: #cc0000;
	margin: 0px -15px;
	padding: 10px;
}

.all-map-column #store-info {
	display: none !important;
}

.all-map-column .container {
	/*! padding: 0; */
	
}

.all-map-column #fullDetails {
	display: none;
}

.all-map-column #map-container {
	padding-top: 15px;
}

.all-map-column #map {
	max-width: 100% !important;
	flex: 0 0 100% !important;
	height: 435px;
}

.all-map-column .fcl-1col-outer {
	padding: 0;
}

#serviceType {
	padding: 3px;
	background-color: rgba(0, 0, 0, .03);
}

.all-map-column #more-information {
	display: none;
}

#more-information {
	display: none;
}

#fullDetails {
	padding-top: 20px;
}

#storeHours {
	padding: 3px;
	background-color: rgba(0, 0, 0, .03);
}

@media ( min-width : 768px) {
	#store-info {
		display: block;
	}
	#more-information {
		display: block;
	}
}

.address {
	padding: 0px 5px;
}

.location-section {
	border-bottom: 1px solid #cccccc;
	margin-right: 10px;
	margin-bottom: 5px;
}

.all-map-column .btn {
	display: none !important;
}

.contact-list {
	padding-left: 0px;
}

@media ( min-width : 768px) {
	.contact-info {
		padding-left: 15px;
	}
}

.all-map-column .hoursMoreInfo {
	display: none;
}

.allMoreInfo {
	display: none;
}

.all-map-column .allMoreInfo {
	display: inline !important;
}

.footer-col {
	border-right: 1px solid #cccccc;
}

/* find a coop code*/
#myCoopModal {
	font-family: Open Sans;
}

#findCoopKeywords {
	display: block;
	margin: 0 auto;
}

#myCoopModal .modal-body {
	padding-top: 0;
}

#myCoopModal .searchRow {
	padding: 30px 0;
	font-weight: 600;
	font-size: 20px;
	background-color: #eaeaea;
}

#myCoopModal .modal-title {
	margin-top: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Open Sans;
	color: #cc0000;
	font-size: 20px;
}

#myCoopModal .retailListing {
	padding: 5px 0;
	overflow: hidden;
	border-bottom: 1px solid #e9e9e9;
}

#myCoopModal #allRetails {
	margin: 0 -15px;
}

#myCoopModal .retailName {
	font-weight: bold;
}

#myCoopModal .retailName a {
	color: black;
}

#myCoopModal .website-wrapper {
	margin-top: 13px;
	margin-bottom: 13px;
	padding-right: 15px;
}

#myCoopModal .retailWebsite {
	text-transform: uppercase;
	color: white !important;
	font-weight: 600;
	background-color: #cc0000;
	padding: 5px 10px;
}

.noresults {
	padding-top: 15px;
}

@media ( min-width : 768px) {
	#myCoopModal .modal-title {
		margin-left: 15px;
	}
	#findCoopKeywords {
		display: inline-block;
		margin-left: 10px;
		width: 200px;
	}
	#myCoopModal #allRetails {
		margin: 0;
	}
	#myCoopModal .website-wrapper {
		text-align: right;
	}
	#myCoopModal .modal-lg {
		width: 800px;
	}
}
/*BOD*/
.gridZoomContainer {
  overflow:hidden;
}

.planMenuItem img {
  width:100%;
  height:auto;
}

.eplan-container {
  padding-top:20px;
  margin:0 auto;
  max-width:960px;
  padding-bottom:60px;
  padding-left:0px;
  padding-right:0px;
}
.eplan-container img {
  width:100%;
  height:auto;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.menuTitle, .menuSubtitle {
  background-color: #343E4A;
  color: white;
  padding-left: 10px;
}
.menuTitle {
  text-transform:uppercase;
  font-size:12px;
  font-weight:700;
  line-height:1;
  padding-top:6px;
}
.menuSubtitle {
  padding-bottom:5px;
  font-size:14px;
}
.planMenuItem {
  display:inline-block;
  padding:15px;
  animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  width:200px;
}
#planGridContainer:before {
  content:"";
  display:table;
}
#planGridContainer:after {
  clear:both;
  content:"";
  display:table;
}

.eplan-container .planMenuItem img:hover {
    -webkit-transform: scale(1.08) translateY(6px);
    transform: scale(1.08) translateY(6px);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
.menuTitleAbsolute{
	position: absolute;
    top: 42%;
}
.menuSubtitleAbsolute{
	position: absolute;
    top: 50%;
}
.modal-title p {
    font-size: 1.3rem;
}
@media only screen and (max-width: 429px) {
	.planMenuItem {
	    display: block;
	    margin: 0 auto;
	    }
}
/*end BOD*/

.skip {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.skip:focus {
	position: static;
	width: auto;
	height: auto;
}

.dropdown-item:focus{
	background-color: #cc0000;
}

