/* 
 * This is a sample custom stylesheet.  Copy it to ubermenu/custom/custom.css and 
 * set your Style Application setting to 'Custom' to start customizing 
 */


/**********************************************************************
 * UberMenu Skin: Custom
 * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com
 **********************************************************************/

/* Menu Bar */
#megaMenu {
  /*border: 1px solid #e0e0e0;*/
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #EEEEEE; /*#555555*/
  /*background-color: #fefefe;
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
  background: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background: -ms-linear-gradient(top, #fefefe, #f4f4f4);
  background: -o-linear-gradient(top, #fefefe, #f4f4f4);*/
  background-color: #ffffff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 0; /*2px*/
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
  /*box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);*/
  box-shadow: none;
  opacity: 0.9;
}
/********CODE COMMENTED OUT 10/13/2014 Phillip Zahir*******/
/*#megaMenu.megaFullWidth {
    margin-left: -21px;*/ /*-14px;*/
    /*width: 102.2%;*/ /* 101.80%;*/ /*102%;*/
/*}*/
/********END CODE COMMENTED OUT 10/13/2014 Phillip Zahir*******/

/********CODE BLOCK ADDED 10/13/2014 Phillip Zahir*******/
@media all and (max-width: 768px)
{
  #megaMenu.megaFullWidth {
    margin-left: 0px;
  }
}

@media all and (min-width: 769px)
{
  #megaMenu.megaFullWidth {
    margin-left: -21px; /*-14px;*/
    width: 102.2%; /* 101.80%;*/ /*102%;*/
  }
}
/********END CODE BLOCK ADDED 10/13/2014 Phillip Zahir*******/
/*Added by Chryzel on 10/24/2014 to fix header on web browser*/
#menu-item-1432, #menu-item-1447, #menu-item-1448, #menu-item-1449, #menu-item-1450, #menu-item-1451, #menu-item-1460 {
	display: none !important;
}
/*end of added*/
/* Top Level Items */
#megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator {
  font-size: 12px;
  color: #888888;
  /*padding: 12px 15px;*/
  padding: 12px 0px;
  font-weight: normal;
}
#megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator{
	padding: 3px 19px;
}
/* Horizontal Menu Items */
#megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator {
  border-left: 0px solid #f0f0f0;
  -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
  /*box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9);*/
  box-shadow: none;
}

/* Vertical Menu Items */
#megaMenu.megaMenuVertical ul.megaMenu > li > a, #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremulator {
  border-top: 1px solid #f0f0f0;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
}

/* Menu Items with Dropdowns */
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a,
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator,
#megaMenu ul li.mega-with-sub > a,
#megaMenu ul li.mega-with-sub > span.um-anchoremulator,
#megaMenu ul li.ss-nav-menu-mega > a,
#megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator {
  padding-right: 20px;
}

/* Top Level Menu Item Titles */
#megaMenu ul.megaMenu > li > a span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator span.wpmega-link-title {
  text-transform: none;
  text-shadow: 0 -1px 1px #ffffff;
  /*Custom Code Added*/
  font-size: 17px;
}

/* Top Level Items - Hover */
#megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a {
  color: #222222;
  border-bottom-color: transparent !important;
  background-color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
  background: -webkit-linear-gradient(top, transparent, transparent);
  background: -moz-linear-gradient(top, transparent, transparent);
  background: -ms-linear-gradient(top, transparent, transparent);
  background: -o-linear-gradient(top, transparent, transparent);
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9);
  box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9);
}

/* Top Level Items Title - Hover */
#megaMenu ul.megaMenu > li:hover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li:hover > span.um-anchoremulator span.wpmega-link-title,
#megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li > span.um-anchoremulator:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li.megaHover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator span.wpmega-link-title {
  text-shadow: 0 -1px 1px #ffffff;
}

/* Top Level Items - Current Item */
#megaMenu ul.megaMenu > li.current-menu-item > a, #megaMenu ul.megaMenu > li.current-menu-parent > a, #megaMenu ul.megaMenu > li.current-menu-ancestor > a {
  /*color: #444444;*/
   color: #7EBF00;
}

/* Sub Menu Container Style */
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {
  border-color: #e0e0e0;
  color: #888888;
  text-shadow: 0px 1px 1px #ffffff;
  -webkit-box-shadow: 1px 1px 1px #dddddd;
  -moz-box-shadow: 1px 1px 1px #dddddd;
  box-shadow: 1px 1px 1px #dddddd;
  background-color: #f9f9f9;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fefefe));
  background: -webkit-linear-gradient(top, #f9f9f9, #fefefe);
  background: -moz-linear-gradient(top, #f9f9f9, #fefefe);
  background: -ms-linear-gradient(top, #f9f9f9, #fefefe);
  background: -o-linear-gradient(top, #f9f9f9, #fefefe);
}

/* Horizontal Sub Menus */
#megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {
  border-top: 1px solid #e0e0e0;
}

/* Sub Menu Columns */
#megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li {
  min-width: 100px;
}

/* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a,
#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a,
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a,
#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator,
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator,
.wpmega-widgetarea h2.widgettitle {
  color: #777777;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0px 1px 1px #ffffff;
  padding-bottom: .4em;
  border-bottom: 1px dotted #e9e9e9;
  margin-bottom: 0.6em;
}

/* Sub Menu Links & Fake Links */
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a,
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator,
#megaMenu ul ul.sub-menu li > a,
#megaMenu ul ul.sub-menu li > span.um-anchoremulator {
  color: #888888;
  font-size: 12px;
  text-shadow: 0px 1px 1px #ffffff;
  background-color: transparent;
}

/* Sub Menu Link Hover */
#megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a {
  color: #000000;
  background-color: transparent;
}

/* Top Level Search Bar */
#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform {
  padding-top: 2px;
}

/* Highlight color */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator {
  color: #d83f28 !important;
}

/* Image Spacing */
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description {
  padding-left: 25px;
}
.ss-nav-menu-with-img {
  min-height: 16px;
}

/* Item Description */
#megaMenu ul.megaMenu li a span.wpmega-item-description, #megaMenu ul.megaMenu li span.um-anchoremulator span.wpmega-item-description {
  font-size: 9px;
  color: #bbbbbb;
  text-transform: uppercase;
}

/* Arrow Colors */
#megaMenu ul li.mega-with-sub > a:after,
#megaMenu ul li.ss-nav-menu-mega > a:after,
#megaMenu ul li.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after {
  border-top-color: #bbbbbb;
}
#megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after {
  border-left-color: #bbbbbb;
}

/* Vertical */
#megaMenu.megaMenuVertical > ul > li > a, #megaMenu.megaMenuVertical > ul > li > span.um-anchoremulator {
  background-color: #fefefe;
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
  background: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background: -ms-linear-gradient(top, #fefefe, #f4f4f4);
  background: -o-linear-gradient(top, #fefefe, #f4f4f4);
}
#megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.mega-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > a:after,
#megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul li.mega-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > span.um-anchoremulator:after {
  border-left-color: #bbbbbb;
}
#megaMenu.megaMenuVertical ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {
  border-left: 1px solid #e0e0e0;
}
/* IE7 Hacks */
#megaMenu.megaMenuHorizontal ul.megaMenu {
  *border-bottom: none;
}
#megaMenu.megaMenuVertical ul.megaMenu {
  *border-right: none;
}

/*Custom Code Added*/
#megaMenu ul.megaMenu  li a:hover {
  color:  #7ebf00;
  opacity:  0.9;
}

#megaMenu ul.megaMenu > li.menu-item {
  margin-top: 35px;
}

#megaMenu ul.megaMenu > li.menu-item:first-child {
  margin-top: 0px;
}
/*(max-width:767px)*/
@media all and (max-width:899px)
{
  /*#megaMenu ul.megaMenu > li.menu-item:first-child {
    display:none;
  }*/
  #megaMenu ul.megaMenu > li.menu-item {
    margin-top: 0px;
  }
  #megaMenu ul.megaMenu > li.menu-item:first-child {
    width:360px;
    height:83px;
  }
  #megaMenu {
    display:none;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom-color: #555555;
  }

  .shiftnav-inner { 
    background-color:white;
  }

  #shiftnav-main #megaMenu {
    display:block;
  }
  
  /*Added by Chryzel on 11/13/2014 to fix header on web browser*/
  #menu-item-1432, #menu-item-1447, #menu-item-1448, #menu-item-1449, #menu-item-1450, #menu-item-1451, #menu-item-1460, .mobilenav {
	display: block !important;
  }
  /*end of added*/
  
}
/*Added by Chryzel on 11/14/2014 to fix shiftnav styling*/
@media all and (max-width:899px) and (min-width: 480px)
{
  #megaUber li{
	width: 100% !important;
	margin-top: 0 !important;
	line-height:1.4em;
	margin-bottom: 0.75% !important;
  }
  #megaMenu ul{
	margin-left: 8% !important;
  }
  .megaMenuMobileFooter, #menu-item-1432, .findstoremenu, #getappmenu{
	display:block !important;	
	font-size:18px !important;	
   }
   #getappmenu{
	margin-left: -40% !important;
   }
   .findstoremenu{
	margin-left: 4% !important;
   }
   span.megaMenuMobileFooter.megaMenuMobileDivider.mobilenav{
	width:200px !important;
   }
}
@media all and (max-width:768px) and (min-width: 480px)
{
   #megaMenu ul{
	margin-left: 1% !important;
   }

}
/*end of added*/
/*@media all and (max-width:767px)
{
  li#menu-item-1173 a {
    font-size: 18px;
  }
}*/

@media screen and (min-width:769px)
{
#megaMenu ul.megaMenu > li.menu-item:last-child {
  margin-top: 11px;
}

#menu-item-1173 {
  margin-top: 0px !important;
}

#menulink_findastore {
  width:120px;
}

.megaMenuMobileFooter {
  display:none;
}

.megaMenuMobileDivider {
  display:none;
}
}

#megaMenu ul li.ss-nav-menu-reg.menu-item a, #megaMenu ul li.ss-nav-menu-reg.menu-item span.um-anchoremulator{
  display:inline-block;
}

#submitlocation{
	/*top:26px;*/
	/*top:16px;*/
	/*right: -235px;*/
	/*position: absolute;*/
	vertical-align: middle;
	background: url('/images/submitlocation-btn.png') no-repeat white;
	background-position: 3px;
	border: solid 1px black;
	min-height: 32px;
	min-width: 34px;
	border-radius: 0px;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*margin-left: 9px;
	margin-right: 0px;
	margin-top: 1px;*/
	cursor: pointer;
	margin-left: 13px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
	margin-right: 3%;
}



.mdclcntr-select
{
    display:none;
}

#megaUber{
    background-color:white;
}

#megaMenu.megaMenuHorizontal ul.megaMenu {
    max-height: 88px;
}
/* (max-width:768px) */
@media screen and (max-width:768px)
{
/*#menulink_findastore {
 display:none;
} */  

#menulink_findastore {
  width:120px;
}

#inputlocation {
 display:none;
}

#header_image {
 display:none;
}

#imgspecaddr {
 display:none;
}

/*.searchStore {
 display:none;
}*/

#megaMenu ul.megaMenu > li.menu-item:last-child a {
  color:inherit;
}

#megaMenu ul.megaMenu > li.menu-item:last-child a:hover, #megaMenu ul.megaMenu > li.menu-item:last-child:hover a {
  color:#7ebf00;
}

.megaMenuMobileFooter {
  display:block;
}

.megaMenuMobileDivider {
  border-top-style: dotted;
  border-top-width: 1px;
  border-top-color: Green;
  padding-top: 20px;
  width:200px; 
}

}
li#menu-item-2058 {
    float: left !important;
}
/*added for ipad view 10-13-2014 - Chryzel*/
@media screen and (max-width:475px){
	#getappmenu{
		display: block !important;
		margin-left: -40% !important;
		color: #888888 !important;
	}
	#megaMenu ul.megaMenu > li.menu-item{
		margin-left: 6%;
		margin-right: 6%;
		width: 100%;
	}
	.findstoremenu{
		margin-left: 30% !important	
	}	
	li#menu-item-1173 a{
		font-size: 18px !important;
		color: #888888 !important;
	}
}

@media screen and (min-width:475px) and (max-width:768px) {
    #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg
    {
        margin: 0.1em;
    }

	#getappmenu{
		display: block !important;
		color: #888888 !important;
	}

	.findstoremenu{
		margin-left: -5% !important	
	}	
}

@media screen and (min-width:475px) and (max-width:479px) {
	#getappmenu{
		display: block !important;
		margin-left: -40% !important;
		color: #888888 !important;
	}
}

/*landscape view*/
@media screen and (max-height:768px) and (max-width: 1024px){

}
/*ipad mini*/
@media screen and (max-width: 980px){
	/*Added by Chryzel on 10/24/2014 to fix header on web browser*/
	/*#menu-item-1432, #menu-item-1447, #menu-item-1448, #menu-item-1449, #menu-item-1450, #menu-item-1451, #menu-item-1460, .mobilenav {
		display: block !important;
	}*/
	/*end of added*/
}
@media screen and (max-width:1213px){
	input#inputlocation{
		display:none;	
	}	
	img#imgspecaddr{
		display:none;
	}
	img.searchStore{
		margin-top: 12%;
	}
	li#menu-item-1173{
		width: 10px;
		right:4%;
	
	}
}
/******CODE BLOCK ADDED 10/13/2014 Phillip Zahir***********/
@media screen and (min-width:769px) and (max-width:1213px)
{
li#menu-item-1173 a{
	font-size:0px;
}
a.findstoremenu{
	margin-top: 0 !important;
}
}
/******END CODE BLOCK ADDED 10/13/2014 Phillip Zahir***********/
@media screen and (max-width:475px)
{
	/*get app menu settings*/
	#getappmenu{
		display: block !important;
	}
	.findstoremenu{
		margin-left: -5% !important;
		margin-top: -11% !important;
	}
	#megaMenu ul.megaMenu > li.menu-item{
		margin-left: 0 !important;
	}
	/*end of getapp menu*/
	/*Added by Chryzel on 10/24/2014 to fix header on web browser*/
	#menu-item-1447, #menu-item-1448, #menu-item-1449, #menu-item-1450, #menu-item-1451, .mobilenav {
		display: block !important;
	}
	/*end of added*/

}