/*****************************************
File: MGRO Site CSS
Scope: Controls the CSS at the MGRO Microsite Level
*****************************************/


@import url("/smg/templates/assets/css/microsites/MGRO/microsite.css");
@import url("/smg/templateFramework/css/microSites/MGRO/mgro_mobile.css");


/* set header bar background */
body.brands2013.desktop #smg_page_template_header_container #smg_page_template_headerBlock_outer #smg_page_template_global-nav div#global-back {
  border-bottom: 3px solid #509643;
  background-color: #373b3c;
}


/* temp needed till 2015March ear */
body.brands2013.desktop #smg_page_template_container {
  overflow: hidden;
}
body.brands2013.desktop #smg_page_template_header_container {
  background-color: transparent;
}

/* Hide the zip code filter on Smartling translated sites */
body.lang_en_CA #zip-code-filter, 
body.lang_fr_CA #zip-code-filter
{ display: none; }

/* overrides needed for PS implementation */
body.mgro.mobile .prodDetail.product-info.brands2013 .product-actions .supply-list-container, body.mgro.mobile .prodDetail.product-info.brands2013 .product-actions .buy-now-container {
  float: none;
  width: 100%;
}


/* overrides for search tab results */

body.mgroSearchResults .search-results .tabs > ul li a {
        background-color: #5fb061 !important;
        color: white !important;
}

body.mgroSearchResults .search-results .tabs > ul li a.selected {
        background-color: white !important;
        color: black !important;
}


/* Social Icon Override*/
#smg_page_template_featured-html .social-icons {
	margin-top: 15px;
}

#smg_page_template_featured-html .social-button-twitter img{
	height: 20px;
}


/* Left Nav Settings */
	#smg_page_template_left-nav ul li{
		margin-bottom: 12px;
		font-size:13px;
		padding:0 0 0 0;
		background:#fff;
		font-weight:700;
		}
	
	#smg_page_template_left-nav ul li.active{
		background:#fff;
		}
	
	body.brands2013.mgro #smg_page_template_left-nav h3.title{
		display:none;
		}

/* Fix Products landing page */
	body.brands2013.mgro.mobile #smg_page_template_featured-html .miracle-grid .item-content {
		height: 230px !important; /* Override inline css */
	}

	body.brands2013.mgro.mobile .product-categories .item .item-content .heading {
		height: 180px;
	}

	body.brands2013.mgro.mobile .product-categories .miracle-grid .item-content .heading .image {
		bottom: initial;
	}

	@media screen and (max-width: 475px) {
    	body.brands2013.mgro.mobile .product-categories .item .item-content .heading .image img {
			width: 100%;
		}
	}

/* Fix mobile Icon alignment */
	body.mobile #smg_page_template_headerBlock_outer #smg_page_template_global-nav.both {
		text-align: center;
		width: 100px;
		padding-top: 10px;
		min-width: 100px;
	}

	body.mobile #smg_page_template_headerBlock_outer #smg_page_template_mega-menu-region {
		width: 136px;  /* room for menu and search icons, remainder is for Header */
		min-width: 120px;
	}

	body.mobile.brands2013.mgro #smg_page_template_header {
		margin: 0;
		min-width: 100px;
		max-width: none;
	}