/**
 * This file is a container for custom CSS. You can use it to override the default styles of the theme.
 *
 * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css".
 *    Otherwise this file will not be loded by Magento.
 * 2. Enable it in the admin panel.
 * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme.
 *
 * Please refer to the user guide for more details.
 *
 */



/* Stock indicator on product page: icon color
-------------------------------------------------------------- */

/*
.availability-only .ic { color: green; }
*/



/* Product counter in the mini cart drop-down
-------------------------------------------------------------- */

/*
.header .skip-link .count {
	background-color: deepskyblue;
}
*/
#colorchart
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#colorchart td, #colorchart th 
{
font-size:1.0em;
border:1px solid #98bf21;
/*padding:3px 7px 2px 7px;*/
text-align:center;
background-color:#fff;
width:75px;
}
#colorchart th 
{
font-size:1.4em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#fff;
}
#colorchart tr.alt td 
{
color:#000;
background-color:#EAF2D3;
text-align:center;
}

.colornumber
{
	margin-top:3px;
color:#ec7416;
background-color:#f4f4e4;

}

.colornumber-new
{
	margin-top:3px;
color:#ec7416;
background-color:#ffffff;

}
#colorchart .button {
    font-size: 12px;
    padding: 0 5px;
}

.header-top {
	display: none !important;
}

@media only screen and (min-width: 1200px){
	
	.nav-container .container{
	max-width: 100%;
	width:100% !important;
}
}

.header-primary-container{
	position: relative;
    z-index: 10000;
}

@media only screen and (min-width: 768px){
h1 {
    font-size: 2.5rem;
}
}

.product-view .product-shop .product-name h1 {
   
    font-size: 2.2rem !important;
}

.nav-regular {
    background-color: transparent !important;
   
}

.vertnav-trigger, .nav-regular .nav-item.level0 > a, .nav-holder .dropdown .dropdown-heading {
    
    text-transform: none !important;
}

.cms-index-index .nav-regular:not(.nav-vert) .nav-item.level0 > a {
    color: #ffffff !important;
}

.cms-index-index .sticky-header .nav-regular .nav-item.level0 > a {
    color: #333333 !important;
}

.cms-index-index .header-primary .dropdown .dropdown-heading{
	color: #ffffff !important;
}
ul.menu-list li{
	padding: 0px 5px;
}

ul.menu-list li a{
	padding: 5px;
}

h5.shopbycolor{
	margin-top: 10px;
	padding-left:10px;
}

.header-mobile .skip-link.skip-active {
    background-color: #a7c942 !important;
    
}

.nav-regular:not(.nav-vert) .nav-item.level0.active > a {
    background-color: #a7c942 !important;
   }