html {
			background-color: #ef592b;
		}

		body {
			color:#131313;
		}

        		

		
            header .content-wrapper
			{
				background-image:url("https://latinofarmersmarket.luluslocalfood.com/Picture/Logo(100,100)/62080.jpg");
				/*height:355px;*/
                background-position: center;
                background-position: center calc(50% + 20px); 
                background-size: auto 70%; 
                 padding-bottom: 29.58333%;
			}
        		

		h1{
			color:#8c24e1;
		}
		h2{
			color:#8c24e1;
		}
		h3
		{
			color:#6e0e5a;
		}
		h4
		{
			color:#6e0e5a;
			margin: 10px 0px 2px 0px;
		}

		legend {
			color: #6e0e5a;
		}

        
        /*#TopNav{
            background-color: #6e0e5a !important;
            border-bottom:2px solid #FFFFFF !important;
        }    */    
        .circle{
            background-color: rgba(110, 14, 90, 0.9);
            color: #ffffff;
        }
        .circle:hover{
            background-color: #e7beee;
        }

        .cart-text{
            color:#6e0e5a;
            text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
        }
		nav{
			background-color: rgba(110, 14, 90, 0.9);
			/*border-top:2px solid rgba(255, 255, 255, 0.9);
			border-bottom:2px solid rgba(255, 255, 255, 0.9);*/
             
                            position: fixed;
                            top:0;
                            height: 45px;
		}
        #AccountTopMenu ul
        {
            /* Color change to semi-opaque  */
            background-color: rgba(110, 14, 90, 0.9);
        }
        
		nav a:link, nav a:visited, nav a:hover, nav a:active, #TopNav a:link, 
        #TopNav a:visited, #TopNav a:hover, #TopNav a:active {
			color: #ffffff;
		}
		nav a:hover{
			background-color:#e7beee;
		}


        .nav-toggle {
			background-color: rgba(110, 14, 90, 0.9) !important;
			border-color: #ffffff  !important;
		}
        .nav-toggle .icon-bar{
            color: #ffffff  !important;
            background-color: #ffffff  !important;
        }

		footer {
			background-color: #ef592b;
			color:#ffffff;
		}

		footer a {
			color:#ffffff !important;
		}
		footer .lululogo a
		{
			background-image:url("/Content/images/LulusSmaller.png");
		}
		/* Table style overrides*/

		table.tabular th{
			color:#ffffff;
			background: #096d0b;
			background: -webkit-gradient(linear, left top, left bottom, from(#217B23), to(#096d0b)); 
			background: -moz-linear-gradient(top,  #217B23,  #096d0b);
			background: -o-linear-gradient(top, #217B23 0%,#096d0b 100%); 
			background: -ms-linear-gradient(top, #217B23 0%,#096d0b 100%);
			background: linear-gradient(to bottom, #217B23 0%,#096d0b 100%); 
		}

        
		a.linkButton{
			color: #ffffff !important;
		}

		.actionButton 
		{
			padding:4px;
			border-radius: 4px;
			color: #ffffff !important;
			border: solid 1px #096d0b;
			background: #096d0b;
			background: linear-gradient(to bottom, #217B23 0%,#096d0b 100%); 
		}

		.actionButton:hover {
			background: #217B23;
			background: linear-gradient(to bottom, #378839 0%,#217B23 100%);  
		}

		.actionButton:active {
			color: #ffffff;
			background: linear-gradient(to bottom, #096d0b 0%,#217B23 100%);
		}


        .menuButton 
		{
			padding:4px;
			border-radius: 4px;
			color: #ffffff !important;
			border: solid 1px #6e0e5a;
			background: #6e0e5a;
			background: linear-gradient(to bottom, #8B3E7B 0%,#6e0e5a 100%); 
		}

		.menuButton:hover {
			background: #217B23;
			background: linear-gradient(to bottom, #6e0e5a 0%,#e7beee 100%);  
		}

		.menuButton:active {
			color: #ffffff;
			background: linear-gradient(to bottom, #6e0e5a 0%,#8B3E7B 100%);
		}

        
		
		
        .breakout-panel:nth-child(odd) {
            background: #ef9b32;
            color: #121212;
        }
        .breakout-panel:nth-child(odd) h3{
            color: #096d0b;
        }
        .breakout-panel:nth-child(odd)  .read-more { 
            background-image: linear-gradient(transparent 0%, #ef9b32 90%);
        }
        @media only screen and (max-width: 965px) {
             nav
            {
                /* Color change to semi-opaque  */
                background: rgba(110, 14, 90, 0.9);
            }
            
            
                            header .content-wrapper
                            {
                                background-size: auto 80% !important; 
                                background-position: center center !important;
                                min-height:80px;
                            }
         }
		