/**************************************************************************************************
bgn section intermediary category page ************************************************************
**************************************************************************************************/
   .main-section-intermediary-txt-intro-cs 
      {
   /* reset general section padding */
      padding              : 0 0 1rem 0;
      }

   .main-section-intermediary-txt-intro-cs p
      {
      max-width            : 56rem;
      }
/**************************************************************************************************
end section intermediary category page ************************************************************
**************************************************************************************************/

/**************************************************************************************************
bgn section product list page *********************************************************************
**************************************************************************************************/
   section.section-shop 
      {
      padding              : 4.54545rem 0 0 0; 
      }
   
   @media print , screen and (min-width : 64em) 
      {
      section.section-shop 
         {
         padding              : 8.48485rem 0 0 0;
         } 
      }

   .no-dual-column-flexible-content-div-cs 
      {
      padding-bottom          : 4.54545rem; 
      }
   
   @media print , screen and (min-width : 64em) 
      {
      .no-dual-column-flexible-content-div-cs
         {
         padding-bottom          : 4.54545rem; 
         } 
      }

   section.section-shop .lc-select-wrapper, 
   section.section-shop .summary table.variations tbody tr td.value, 
   .summary table.variations tbody tr section.section-shop td.value 
      {
      margin               : 0.48485rem 0 0 0;
      }

   @media print , screen and (min-width : 64em)
      {
      section.section-shop .lc-select-wrapper.is-clean, 
      section.section-shop .summary table.variations tbody tr td.is-clean.value, 
      .summary table.variations tbody tr section.section-shop td.is-clean.value 
         {
         margin-left          : 1.45455rem; 
         } 
      }

   section.section-shop .products 
      {
      width                : 100%;
      }
       
   @media print , screen and (min-width : 64em) 
      {
      section.section-shop .products 
         {
         padding-left         : 1.45455rem; 
         } 
      }
     
   @media screen and (min-width : 90em) 
      {
      section.section-shop .archive-content 
         {
         margin-top           : 1.93939rem; 
         } 
      }
/**************************************************************************************************
end section product list page *********************************************************************
**************************************************************************************************/

/**************************************************************************************************
bgn main content woocommerce pages ****************************************************************
**************************************************************************************************/
   h2.h2-main-product-content 
      {
   /* default font size adopted from .h3 */    
      font-size               : 1.51515rem;
      font-weight             : bold; 
      line-height             : 1.4;
      margin-top              : 0;
      margin-bottom           : 1.69697rem;
   /* color adopted from .text-primary */   
      color                   : #006d65;
      }

   /* for screens wider than 64em (1024px with a standard setting of 16px per em) */
   @media screen and (min-width : 64em) 
      {
    h2.h2-main-product-content
         {
      /* custom size similar to .h3 at this screen width */
         font-size               : 2.06061rem;
         }
      }

   /* for screens wider than 120em (1920px with a standard setting of 16px per em) */
   @media screen and (min-width : 120em)
      {
      h2.h2-main-product-content
         {
      /* custom size similar to .h3 at this screen width */ 
         font-size               : 2.30303rem;
         }
      }
/**************************************************************************************************
end main content woocommerce pages ****************************************************************
**************************************************************************************************/

/**************************************************************************************************
bgn breadcrumb woocommerce pages ******************************************************************
**************************************************************************************************/
/* padding to prevent overlapping by header */
   #container-breadcrumb 
      {
      padding-top             : 4.54545rem;
      padding-bottom          : 0.9697rem;
      }

   /* 64em 1024px */
   @media print , screen and (min-width : 64em) 
      {
      #container-breadcrumb 
         {
         padding-top             : 8.48485rem;
         padding-bottom          : 0.9697rem;
         }
      }

/* 120em 1920px */
   @media screen and (min-width : 120em) 
      {
      #container-breadcrumb 
         {
         padding-top             : 8.48485rem;
         padding-bottom          : 0.9697rem;
         }
      }
/**************************************************************************************************
end breadcrumb woocommerce pages ******************************************************************
**************************************************************************************************/

/**************************************************************************************************
bgn title category above grid *********************************************************************
**************************************************************************************************/
   .page-title-product-list-cs,
   .wrap-page-title-intermediary-div-cs h1,
   .wrap-page-title-intermediary-div-cs h2
      {
      font-size               : var(--h2-large-font-size);
      font-weight             : bold;

      color                   : var(--color-primary-dark-green);        
      }

   .wrap-page-title-intermediary-div-cs h1,
   .wrap-page-title-intermediary-div-cs h2
      {
      line-height             : var(--h2-default-line-height);
      margin-bottom           : var(--h2-default-margin-bottom);      
      }

   .page-title-product-list-cs
      {
      line-height             : 1;
      margin-bottom           : calc(var(--h2-large-font-size) * 0.5);
      }
/**************************************************************************************************
end title category above grid *********************************************************************
**************************************************************************************************/

/**************************************************************************************************
bgn category page banner block ********************************************************************
**************************************************************************************************/
   .category-banner-block-div-cs.intermediary
      {
      padding-top             : 0.9697rem;
      padding-bottom          : 0.9697rem;
      margin-bottom           : 0.9697rem;
      }

   .category-banner-block-div-cs.intermediary.border,
   .grid-container-banner-block-div-cs.border
      {
      border-top              : 0.06061rem solid #ebebeb;
      border-bottom           : 0.06061rem solid #ebebeb;
      }

   @media print , screen and (min-width : 64em) 
      {
      .category-banner-block-div-cs.intermediary.border,
      .grid-container-banner-block-div-cs.border
         {
         border               : 0.06061rem solid #ebebeb;
         }
      }

   .grid-container-banner-block-div-cs
      {
      display                 : grid;
      grid-template-columns   : 2fr 1fr; /* two-thirds and one-third width */
      grid-template-rows      : auto auto;
      }

   .category-banner-block-div-cs.product-list .grid-container-banner-block-div-cs
      {
      margin-top              : 1rem;
      margin-bottom           : 1rem;
      padding                 : 0.5rem;
      }

   @media print , screen and (min-width : 64em) 
      {
      .category-banner-block-div-cs.product-list .grid-container-banner-block-div-cs
         {
         padding-top             : 0.9697rem;
         padding-left            : 1.93939rem;
         padding-right           : 1.93939rem;
         padding-bottom          : 0.9697rem;
         }
      }

   .wrap-title-category-banner-block-div-cs
      {
      grid-row                : 1;
      grid-column             : 1 / span 2;
      }

   @media print , screen and (min-width : 40em) 
      {
      .wrap-title-category-banner-block-div-cs
         {
         grid-row                : 1;
         grid-column             : 1;
         }
      }

   .wrap-title-category-banner-block-div-cs h2
      {
      font-size               : var(--h2-default-font-size);
      font-weight             : bold;
      line-height             : var(--h2-default-line-height);
      margin-bottom           : var(--h2-default-margin-bottom);

      color                   : var(--color-secondary-dark-blue);
      }

   .wrap-text-category-banner-block-div-cs
      {
      grid-row                : 2;
      grid-column             : 1;       
      }

   @media print , screen and (min-width : 40em) 
      {
      .wrap-text-category-banner-block-div-cs
         {
         grid-row                : 2;
         grid-column             : 1;
         }
      }

   .wrap-text-category-banner-block-div-cs p
      {
      font-size               : var(--p-large-font-size);
      margin                  : 0;
      padding-right           : 0.5rem;
      color                   : var(--color-primary-black);
      }

   @media print , screen and (min-width : 64em) 
      {
      .wrap-text-category-banner-block-div-cs p
         {
         padding-right           : 1.93939rem;
         }
      }

   .wrap-image-category-banner-block-div-cs
      {
      grid-row                : 2;
      grid-column             : 2;

      background-size         : contain;
      background-position     : center;
      background-repeat       : no-repeat;
      }

   .wrap-image-category-banner-block-div-cs.image
      {
      min-height              : calc(
         var(--h2-default-font-size) * var(--h2-default-line-height) + 
         var(--h2-default-margin-bottom) + 
         var(--p-large-font-size)
         );
      }

   @media print , screen and (min-width : 40em) 
      {
      .wrap-image-category-banner-block-div-cs
         {
         grid-row                : 1 / span 2;
         grid-column             : 2;
         }
      }
/**************************************************************************************************
end category page banner block ********************************************************************
**************************************************************************************************/