/** Shopify CDN: Minification failed

Line 133:0 Unexpected "}"
Line 349:0 Comments in CSS use "/* ... */" instead of "//"

**/
* {box-sizing: border-box;margin:0;padding:0;}
body
{
 font-family: 'Lakesight Personal Use Only', sans-serif;
}
body img:first-child 
    {
        
    }
 @media (max-width:600px)
  {
    #jtop
    {
      min-height: 113px !important;
    }
    #logo {
    width: 98px !important;
    }
    #fproduct
    {
      width:60% !important;
      
    }
    #fproduct h2
    {
      font-size:15px;
      font-weight:bold;
    }
 .feature-products
    {
      display: flex;
      font-size: 12px;
      width: 50%;
      flex-wrap: nowrap;
      display: inline-block;
      align-items: center;
      margin: 14px auto;
      
    }
   #products .feature-products .xthumbnail
    {
      width:100%;
    }
    #products .feature-products img
    {
      width:100%;
    }
     .feature-products p
    {
      font-size:12px;
      margin-top:15px;
    }
  }


table {width:100%;}
.jcontainer
{
  max-width:1200px;
  margin:0 auto;
}

#jtop {min-height: 138px;}
#content {position:related;}

.row {margin-bottom:40px;}

.navbar-brand {padding:5px;}
#logo { 
	width: 150px;
    height: auto;
    margin-top: -17px;
}
.message {padding-top: 5px;    position: relative;}

#loginButton {margin-right: 10px;}

#ul_btn {
	left: -155px;
    color: green;
}
#toprow {
	padding: 0px 20px;
    position: relative;
    z-index: 15;
    line-height: normal;
    color: #fff;
}

#toprow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-bottom: 1px solid #5ba4aa;
    background-color:#13372b;
}


#toprow a {
    color: #fff;
}
#toprow a:hover {
    color: #bd1f2e;
}
#jcontent {height:100%;margin-bottom: 20px;}
#xjfooter {
	clear:both;
	position:relative;
	color:white;
	text-align:center;
	background-color:#13372b; min-height:60px;
	padding:40px;
}
#jfooter{
	margin: 20px 0 0 0;
    xposition: relative;
    color: white;
    text-align: center;
    background-color: #13372b;
    /* height: 100%; */
    padding: 40px;
}
}

#jfooter b {font-size:17px;margin-top: 20px;}
#newsletter {padding:5px;}

.list-styled li a, .list-unstyled li a, .list-inline li a {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

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

.dropdown, .dropdown-toggle {
    position: relative;
    line-height: 2em;
}

#accounts {
    position: relative;
}

#accounts #loginBox {
    margin-top: 3px;
	position: absolute;
	display:none;
}
#accounts #loginBox {
    min-width: 260px;
    left: auto;
    right: 0;
    margin-top: 9px;
}

#accounts, #accounts .login {
    z-index: 5;
    padding: 0;
}

#loginButton:hover +div{display:block !important; display:block;}

.login:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.control-container {
    padding: 15px 20px 20px;
}
.control-group {
    margin-bottom: 0;
    clear: both;
    overflow: hidden;
}

.navbar-inverse {
	margin-top: -26px;
    background-color: white;
    xborder-color: #13372b;
	border: none;
}

.navbar-nav>li>a {
    color:darkgreen !important;
	font-size: 14px;
    font-weight: 700;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #5ba4aa;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
    background-color: #333;
}
.navbar-brand { color: darkgreen !important; }

#navbarCollapse {padding-top: 6px;}

#paymentcard a{color:white;font-size:24px;}

.banner {    
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 360px;
}

.banner-home{ 
	background-image: url('{{../images/santa-1.jpg}}'); 
	background-size: 100% 160%;
    background-position-y: 30%;
}
.banner-about{ background-image: url('../images/trees-on-farm-2.jpg'); }

.banner-treecaretips {	background-image: url('../images/Christmas-Tree-2.jpg');}

.banner{
	position:relative;
	margin-bottom: 20px;
}
.banner img {width:100%;}

.banner span{
	position: absolute;
    top: 38%;
    left: 50px;
    font-size: 3vw;
    color: white;
    font-weight: 600;
}

.banner-about span{
	position: absolute;
    top: 6vw;
    left: 50px;
    font-size: 4vw;
    color: white;
    font-weight: 600;
}

.banner-treecaretips span  {
	position: absolute;
    top: 6vw;
    left: 50px;
    font-size: 3vw;
    color: white;
    font-weight: 600;
}

#treecaretips span button {
	font-size:1.8vw;
}
.banner span button,#treecaretips span button{
	background-color: #00000038;
    padding: 10px;
    border-color: white;
    font-weight: lighter;
}

.banner span p,#treecaretips span p {font-size:12px; width:60%;}

#btn_learnmore {
	background-color:transparent;
    padding: 10px;
    border-color:#214539;
    font-weight: lighter;
}

#ourhistory {
	margin-bottom: 20px;
}
#xourhistory img {
	    height: 336px;
    margin-left: 100px;
}

.jcolor {background-color:#efe4e0;margin:0px;}

#mid_img {    margin-left: 0px;}
#tblwatmakes{width:100%;color: #ea2724;}
#watmakes{width:50%;}
#tblwatmakes hr{border-color: #ea2724;}
.text-orange{color: #ea2724;}


#tblfproduct{width:100%;color:#072b1f;}
#tblfproduct hr{border-top: 3px solid #ddd;}
#fproduct{width:40%;}
#fproduct h2 {color:#0b2e22;}

#products img {width:80%;}
#products td{
	vertical-align: bottom;text-align:center;
	color: #1d4235;
    font-weight: bold;
}
#shopnow {
	background-color: #ec2b2c;
    color: white;
    padding: 10px;
    border: 1px solid white;
}

#noneedpreorder {
	background-color: #ec2b2c;
    color: white;
    text-align: center;
    padding: 20px;
    margin-top: 40px;
}

#noneedpreorder p {font-size:17px;}

#c_accounts {color:#022d1f;}

#realtrees td {width:50%;vertical-align:top;}
#td-1{background-color: #446054;color:white;padding: 10% !important;vertical-align: middle;}
#td-11 {background-color: #446054;}
#td-11 img {width:100%;}

#td-2{background-color:#13372b;color:white;padding: 10% !important;vertical-align: middle;}
#td-21 {background-color:#13372b;}
#td-21 img {width:100%;}

.mtop10 {margin-top:5%;}
//custom feature product
.cart-sidebar
{
background-color: white!important;
    z-index: 999!important;
}
@font-face {
    font-family: 'Lakesight Personal Use Only';  
    src: url('https://hayes-farms.com/cdn/shop/t/7/assets/LakesightPersonalUseOnly.eot');
    src: local("{{ 'Lakesight Personal Use Only' | asset_url }}"), local('LakesightPersonalUseOnly'),
        url("{{ 'LakesightPersonalUseOnly.eot?#iefix' | asset_url }}") format('embedded-opentype'),
        url("{{ 'LakesightPersonalUseOnly.woff2' | asset_url }}") format('woff2'),
        url("{{ 'LakesightPersonalUseOnly.woff' | asset_url }}") format('woff'),
        url("{{ 'LakesightPersonalUseOnly.ttf' | asset_url }}") format('truetype'),
        url("{{ 'LakesightPersonalUseOnly.svg#LakesightPersonalUseOnly' | asset_url }}") format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}