/*
 stylesheet for the "legacy" template.

 ver. 0.5 - 2024/01/13

 I'm also turning this style sheet upside down, 
 i.e. loading the default styling as a minimum mobile screen
  

 I've obsoleted the "primary" css file and I think that I'll
 do the same with the menu-header style sheet. That way, there's 
 just 1 style sheet for each template system. The file may be larger because
 of the extra styling for the 'catalog' pages when loading the 'product' pages
 or for the 'product' page when loading a 'basic' page   


*/

@charset "UTF-8";
/* primary styles */
* {box-sizing: border-box;
   margin: 0;
   padding: 0;}
a {color: #1B2234;
   text-decoration: none;}

.answer, .answer >p{padding: 0 0 2rem 0;}

.additional-photos-link{display:block; font-size:larger; font-weight: 500; margin:1em 0 1em 0; padding-left:2%;}
.address{margin:1rem 2% 2rem 2%;}
.address>span{display:block;}
body {color:#1B2234;
      background-color: #e4ddcb;
      font-family: "Open Sans", Arial, sans-serif;
      font-size: 1rem;}
.breadcrumbs, 
.navigation.list, 
.footer.links{border-bottom: #1b2134 thin solid;}  
.breadcrumbs{padding:1em 2% 1em 2%;}    
.breadcrumbs > ol{align-items: center; 
                  display:flex; 
                  flex-direction: column; 
                  list-style: none; 
                  font-size: large; 
                  /*padding:0.5em;*/}
.breadcrumbs > li{font-size: 1em; padding:0.25em 0 0.25em 0;}
/* .breadcrumbs > li a::after, */
.breadcrumbs li::after,
.groups > li::after{
    background-image: url(https://laurelleaffarm.com/assets/sprite_v3.5.webp);
    background-repeat: no-repeat;
    background-position: -205px 2px;
    content:'\00A0';
    display:inline-block;
    height:20px;
    width:20px;
    /* content:'\00A0>\0020';  
                    font-size: x-large; 
                    font-weight: bold; */
                    vertical-align: middle;}

/* .breadcrumbs > .current > a::after{content:none;}                                 */
.breadcrumbs  .current::after{content:none;}                                
.cart.button{/* background-color: #c1d8de;  */
             /* background-color: #676F44;  */
             /* background-color: #306326;  */
             background-color: #65806D; 
             border:solid #1b2234 1px;
             border-radius: 10px;
             color:whitesmoke;
             display:block; 
             font-size:1.2rem;
             margin:2em auto 2em auto;
             margin:2em 0 2em 0; 
             max-width:200px; 
             min-width:100px;
             padding:10px; 
             width:100%;}

.catalog.content,.confirmation.content{margin:0 2% 0 2%;}
/* .catalog.page.links{display:flex; list-style:none; padding:0 0 0 0;}  */
/* .catalog.page.links > li{background-color:#F4F1EA; border-radius: 12px; margin:0 1rem 0 1rem; padding:0.5rem;}  */


.content.block,
.content.section{font-size:1.2rem; padding:1.5rem 3% 1.5rem 3%; width:100%}
.content.block > p,
.content.section > p{margin:auto auto 2rem auto;}
.content.block.customers{margin-top:0; font-style:italic;}
.content.block.customers > p,
.content.block.customers > div > p{font-size: 1rem; margin:auto auto 2rem auto;}
.content.email,
.content.emph,
.content.link,
.email,.order-number{color:#65806D;}
.content.msg{background-color: inherit; color:inherit;}

.content.section.title,.content.msg{font-size: 1.6rem; padding: 1rem 0 1.5rem 0;}
.content.social-media{display:flex; justify-content: center; }

.cover{width:100%; 
  height:auto; 
  overflow:auto; 
  padding: 1.75rem 0 2rem 0; 
  margin:5rem auto 2.5rem auto;
  background-image:url(https://laurelleaffarm.com/assets/backgrounds/homepage-cover-background.v1.0.jpg);}
                       
.cover > h3{display:block;
          font-family: Georgia, Garamond, serif;
          font-weight:400;
          font-size:5rem;
          color:#F7F7F3;
          text-align:center;
          margin:0 auto 0 auto;
          
          line-height:inherit;}
          
.cover > span{display:block;
      font-size:2em;
      text-align:center;
      color:silver;}
          
.cover > h3 > span{display:block;
                 font-size:.25em;
                 text-align:center;
                 margin:0 0 0 0;
                 padding:0 0 0 0;}  
                 
.cover > h3 > span > span{display:block;
                       font-size:1.5em;
                       text-align:center;
                       margin:0 0 0 0;
                       padding:0 0 0 0;} 




.description,
.product.card.content,
.product.card.title{font-weight:200;  margin-bottom:1rem;}  
.detail.container{display:flex;
                  flex-direction:column;
                  flex-wrap: wrap;
                  justify-content: space-around;}                
.details.list{list-style:none; padding:0;}
.details.list > li{margin-bottom:.5rem;}
.exclusions{display:inline-block; font-style:italic; padding:0 0 1rem 0;}
.featured.collections > span{display: inline-block; font-weight: 500;}
.featured.collections > ul{padding:0 0 0 1rem;}

.feed.link{font-size:x-large; text-align: right; width:100%;}
.feed.link span{font-size: smaller;}

.feed.list{display:flex; 
           flex-wrap:wrap; 
           justify-content: space-around; 
           list-style: none;
           width:100%;}
.feed.link,
.feed.title{font-style: italic; margin:3rem 0 3rem 0;}

footer{background-color:#ded6c1;
       border-top:2px solid #1b2234;
       height:4em; 
       width:100%; 
       height:auto;
       padding:1.5rem 0 .75rem 0;}
.footer.links{margin-bottom:1em;}

.footer.links > ul{font-size: x-large;
                   margin: 0 10% 2rem auto;
                   width: 80%;} 
              
.footer.links > li{padding:0.5rem 0 0.5rem 0;}

.free-shipping{color:#65806D; 
               display:block; 
               font-size: larger;
               font-style: italic;
               font-weight: 500;
               width:fit-content;}

h1,h2,h3,
.product.card.title{font-family:'Open Sans', Arial, sans-serif;}

header {background-color: #ded6c1;
        border-bottom: solid thin #1b2134;
        display: flex;
        flex-direction: column;
        width: 100%;}


.header-logo{display:block; margin: auto; padding:1em 0 1em 0;}
.header-logo > a{display:block;}
.header.menu{background-color: #6F6F3D;}
.header > .icon-list{display:flex;
                     flex-flow:row;
                     justify-content:space-around;}

.icon-list {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-around;
list-style: none;
}
.icon-menu > button {
background-image: url(https://laurelleaffarm.com/assets/hamburger-menu.v1.0.svg);
background-size: cover;
background-position: center center;
border: 0;
background-color: inherit;
height: 1.5rem;
width: 1rem;
}

.inst > a, .tiktok > a{color:whitesmoke;}
.inst{white-space:nowrap;}
.inst > a::before{background-position: left 0 bottom 0;}  
.inst > a::before, 
.tiktok > a::before{background-image:url(https://laurelleaffarm.com/assets/sprites/social-media-sprite.v1.0.png);
                    background-repeat: no-repeat;
                    content:"";
                    display:inline-block;
                    height:27px;
                    width:24px;
                    margin-right:0.4rem;}
.italic.text{font-style:italic;}
.larger-text{font-size:larger;}                   
main{width:100%; /*padding: 0 2% 0 2%;*/}
.menu.bar{display:flex; 
          flex-direction: column;
          flex-wrap:wrap;
          font-size:large; 
          padding:0 0 0.5em 0;
          width:100%;}
.menu.bar.main{background-color:#d9d0b8; 
               list-style:none; 
               justify-content: space-around; 
               padding:0.5em 2% 0.5em 2%;}
.menu.bar.main li {padding:0.25em 0 0.25em 0;}
/* .menu.bar.main li::after {content:'>'; color: red;} */


/* .menu.bar.top{border-bottom: solid thin #1b2134; flex-direction: row; justify-content:flex-end; padding-right:1.5em; } */
.menu.bar.top{border-bottom: 
              solid thin #1b2134; 
              flex-direction: row; 
              flex-wrap: nowrap;
              justify-content:flex-end; 
              padding:0 4% 0.5em 4%; }
.menu-search{display:flex;}
.menu-search > button{background-color: inherit;
                      background-image:url(https://laurelleaffarm.com/assets/sprite_v3.5.webp); 
                      background-position: 4px 0; 
                      background-repeat: no-repeat;  
                      border:0;
                      height:35px; 
                      width:50px}
.menu-search > input{
    border-radius: 12px;
    color:#1b2234;
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    height:auto;
    padding: 0.1em 0 0.1em 0.5em;
    width: 78%;} 

.groups > li{align-items: center; display:flex; font-size:1em;}

.msg{/*background-color:#C1D8DE;*/
     /* background-color:#676F44; */
     background-color:#65806D;
     color:whitesmoke;
     padding:0.2rem 0 0.2rem 0;
     width: 100%;}
.msg.coupon{background-color:#C1D8DE; color:inherit; display:flex; font-size: larger; justify-content:flex-start; padding:0 0 1em 1em;}
.msg.coupon >span{display:flex; flex-direction:column; margin:auto;}
.msg.coupon .title,
.msg.coupon .code{font-style: italic;}
.msg.coupon .title{font-size:x-large; padding:0.25em 0 0.25em 0;}
.msg.follow {text-align: center;}

.msg.promo {background-color:whitesmoke;
            text-align: center;
            padding-left:3%;
            padding-right:3%;}

.no-search.content{margin:0 0 0 1rem;}
.no-search h2{font-size:x-large; font-weight:400;}
.on-page.search{border-bottom: thin solid #1b2234; 
                border-top:thin solid #1B2234; 
                margin: 2% 0 2% 0; 
                padding:2em 0 2em 0; 
                width:96%;}
.page.content {margin:0 0 1rem 0;}
.page.navigation {margin: 3em auto 2em auto;;
                  width: 100%;}

.page-nav.current {border-top: 2px solid #1B2234;
                   padding: 0 .75em 0 .75em;}                   
.page-nav {margin: auto;
           text-align: center;}

/*  one style of catalog page navigation that we might use */

.page-nav.list {width: 100%;
                list-style: none;
                font-weight: 400;
                display: flex;
                border-bottom: 2px solid #1B2234;}

.page-nav.next {margin-right: 0.5%;}
.page-nav.next >a{align-items:center; display:inline-flex;}
.page-nav.next >a::after{background-image:url(https://laurelleaffarm.com/assets/sprite_v3.5.webp);
                         background-position: -237px -9px;
                         background-repeat: no-repeat;
                         content: ' '; 
                         display:inline-block;
                         height: 18px; 
                         width:20px;}

.page-nav.prev {margin-left: 0.5%;}
.page-nav.prev >a{align-items:center; display:inline-flex;}
.page-nav.prev >a::before{background-image:url(https://laurelleaffarm.com/assets/sprite_v3.5.webp);
                          background-position: -226px -9px;
                          background-repeat: no-repeat; 
                          content: ' '; 
                          display:inline-block;
                          height: 18px; 
                          width:20px;}


.photo{width:100%;}

.feed.list,
#product.text-italic{font-style:italic;}_list{display:flex; 
                     flex-wrap:wrap; 
                     justify-content: space-around; 
                     list-style: none;
                     width:100%;}
.catalog.page.links > li,                     
.product.card{background-color:#F4F1EA;
              border-radius: 12px; 
              margin: 1rem 0 1rem 0; 
              padding:1rem 2% 1rem 2%;
              width:100%; }

.product.card.content,
.product.card.description{border:none; 
                          margin:0 auto 0 auto;
                          padding-top:0;}
.product.card.content.price > .free-shipping{font-size:inherit;}
.product.card.content.price{font-size:larger; font-weight: bolder;}

.product.card.photo{border:none; margin: 0 auto 1em auto;}

.product.card.title{border:none; 
                    font-size:1.3em;
                    font-weight:400;
                    padding-top:0;
                    margin:0 auto 0 auto;  
                    width:100%;}


.product.details{margin-bottom:1rem; padding: 0 2% 0 2%;} 
.product.feeds{list-style:none;} 

.catalog.page.links,
.feed.list,
#product_list{display:flex; 
              flex-wrap:wrap; 
              justify-content: space-around; 
              list-style: none;
              width:100%;}

#product_list>li{margin: 0 1% 0 1%; 
                 width:100%;} 
/*.feed.title,
.page.title,
.product h1,
.product h2,
.products.related > h3,
.related.title,
.products h1{margin:1rem auto 1rem auto; 
             padding:0 2% 0 2%; 
             width:100%;}*/
/* .content>.title, */
.feed.title,
main>h1,
.page.title,
.product h1,
.product h2,
.products.related > h3,
.related.title,
.products h1{font-family:Georgia, Garamond, serif;
             font-size:x-large;
             font-weight: 200;
             margin:1.5rem auto 1.5rem auto; 
             padding:0 2% 0 2%; 
             width:100%;}  
                        
.page.title{font-size:2em; padding:0 0 2rem 0;}
.page.title>span{display:block;}

.product.photo{display:block; margin:0 auto 1rem auto; width:100%;}            
.product.photo.list{display:flex;
                    flex-wrap: wrap;
                    justify-content: space-around;
                    list-style:none;
                    margin:auto;
                    padding:0;
                    width:100%;}
.product.photo.list li{margin-bottom:1rem; 
	                   text-align:center; 
	                   width:100%}                                  
.product.photos{height:auto; 
                width:100%;}

.product.photos li{text-align:center; width:100%}
.product.status{font-size: larger; font-weight:bold;}
.question{font-size:1.4rem; font-style:italic; padding-top:2rem;}
.related-products, section.product{padding:0 2% 0 2%;
                                   width:100%;}                   
.related-products > header{border-top:#1b2234 solid 1px; 
                           background-color: transparent;
                           display:block;
                           height:auto; 
                           margin-top:1rem; 
                           margin-bottom:1rem;
                           min-height:3rem;}
.related.products.list{border:0;
                       display:flex; 
                       flex-direction:column; 
                       list-style: none; 
                       margin:0; 
                       padding:0;}

.related.products li{margin-top:1rem; 
                     margin-bottom:1rem; 
                     width:100%;}
.related-photo{border-radius: 10%; display:block; margin: auto; width:100%;}

.sale.markdown{font-weight:500;}
.sale.markdown > span{font-weight:300; text-decoration: line-through;}

.search-box.plugin{margin:1em 0 0 0;}
.search-box.plugin > p{font-size:larger;}

.search.string{font-size:1.8rem;}


section.product{font-weight: 300; width:100%; /*padding-bottom:1.5rem;*/} 


.navigation.list{background-color:#ded6c1; columns: 1; padding:1em 2% 2em 2%;}
.navigation.list>ul{list-style:circle;/*list-style-position: inside; list-style-type:decimal;*/ margin:0; padding:0; }
.navigation.list li{font-size: 1.1em; padding:0.25em 0 0.25em 0}

.sitemap{font-size:larger; 
         margin:2em 0 3em 0; 
         padding:0 0.5rem 0 2em; 
         list-style-type:disc; 
         list-style-position: outside;}
.sitemap.directory{font-weight:500; 
                   margin-top:1em;
                   padding-left:0;}
.sitemap.directory ol{font-size: smaller;}
.sitemap ol{list-style-type:circle; list-style-position: outside; padding:0 0 0 1.5em;}
.sitemap li{margin:0 0 0.5em 0;}

small{display:inline-block; text-align:center; width:96%;}
.smaller-text{font-size:smaller;}
.tiktok{white-space: nowrap; }
.tiktok > a::before {background-position: left -48px bottom 0;} 


/*    FOXYCART styling */
/* .fc-cart__header.fc-container__row{width:} */ 
.fc-cart__title{background-color:#e4e4e4; }
h2.fc-cart__title__header{display:none;}
.mini-cart,.view-cart{
           background-image:url(https://laurelleaffarm.com/assets/sprite_v3.5.webp); 
           background-position: -50px 0px; 
           background-repeat: no-repeat; 
           font-size:larger;
           font-weight: bolder;
           height:35px;
           /* min-width:80px; */
           margin-left:2em;
           min-width:90px;
           text-align: right;
           /* width:50px;  */
            }
.mini-cart a{color:#65806D;}
.mini-cart a span{color:firebrick; font-weight: lighter;}
/* media query styles */
/* @media screen and (min-width: 768px){ */
@media screen and (min-width: 740px){
    .product.card.title{font-size:1.3em;}
    .product.card.content,
    .product.card.description{font-size:0.9rem;}
    .menu.bar{flex-direction: row;}
}

@media screen and (min-width:912px)
{
    .breadcrumbs > ol{flex-direction: row;}
    .on-page.search{width:70%; max-width: 600px;}
    #product_list > li{width:46%;}
    .page.navigation{width:76%;}
    .page-nav.prev .text,.page-nav.next .text{display:inline-block;
                                              margin: 0 .25em 0 .25em;}
    .page.title>span{display:inline;}                                          
    .related.products.list{flex-direction:row;}
    .related.products li{margin-left:1.5%; 
                         margin-right:1.5%;
                         width:33%;} 
    .menu-search{flex-grow: 1; justify-content: flex-end;}
    .navigation.list{columns: 2;}                                                            
    section.product{width:50%;}
    
}

@media screen and (min-width:1366px)
{    
    .navigation.list{columns: 3;}
    #product_list > li{width: 30%;}
    .page.navigation{width:50%;}

   
}

@media screen and (min-width:1440px)
{
    #product_list > li{width: 30%;}

}

@media screen and (min-width:1600px)
{
    .catalog.page.links > li,
    #product_list > li{width: 22%;}
    .page.navigation{width:30%;}

}