@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

  .fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    animation-duration:2s;

    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  aside {
    flex: auto !important;
    margin: 0 !important;
  }

  select {
    border-radius: 3px;
    padding: 4px;
  }

  progress {
    visibility: hidden;
  }

  .post {
    margin-bottom: 32px;
    margin-top: 32px;
  }

  .entry-footer {
    display: none;
  }

  .white-text-logo {
    border-radius: 0 !important;
  }

  #svg-replaced-0 {
    max-width: 100%;
  }

  .newman-card-shadow {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
  }

  .wp-block-separator {
    height: 2px;
    background-color: rgba(0,0,0,.12);
    border-bottom-style: none !important;
  }

  /* BANNER */
  .ll-banner {
    height: 32px;
    display: inline-block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20000;
    background-color: #00C853;
    color: #fff;
    margin: 0;
  }
  
  .ll-banner a {
    font-weight: 500;
    margin-left: 8px;
  }

  /* NAV BAR */
  #masthead {
    min-height: 80px;
    position: fixed;
    top: 32px;
    left: 0;
    right: 0;
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    background-color: #fff;
    z-index: 1000;
    padding: 0px 16px;
  /* Shadow 4dp */
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);
  }

  .social-links-menu {
    height: 48px;
  }

  .social-links-ll svg path {
    display: none;
  }

  .social-links-ll svg {
    background-image: url('https://treehousefarmsok.com/wp-content/uploads/2021/08/LeafLink-Icon_Black_edit.svg');
    background-repeat: no-repeat;
  }

  /* FOOTER */
  #colophon {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    background-color: #212121;
    padding: 16px 32px;
  }

  #colophon .site-info {
    display: none;
    flex: auto !important;
    color: #fff;
    margin: 0;
  }



  /* HOME */
  .newman-text-shadow {
    text-shadow: -1px 1px 3px rgba(0,0,0,0.2);
  }

  .has-text-align-center {
    max-width: 100% !important;
  }

  .wp-block-group {
    padding: 0 !important;
  }

  #post-4 header {
    display: none;
  }

  #post-4 .wp-block-image {
    border: 0 solid transparent;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
  }

  #post-4 .wp-block-columns {
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
  }

  #post-4 .wp-block-column {
    text-align: center;
  }

  .latest-post-container {
    position: relative;
    padding-top: 32px !important;
  }

  .latest-post-container:after {
    content: "";
    background: url('https://treehousefarmsok.com/wp-content/uploads/2021/03/leaf.svg');
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    left: 7%;
    right: 7%;
    height: 12px;
    width: 86%;
    margin: 0 auto;
  }

  .get-notified-arrow {
    width: 56px;
    position: absolute;
    top: -20px;
    right: 40px;
    transform: rotate(-10deg);
  }
  @media screen and (min-width: 425px) {
    .get-notified-arrow {
      width: 64px;
      right: -60px;
    }
  }

  section#wpsp-2621.wp-show-posts {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto !important;
    text-align: left !important;
  }

  .wp-show-posts-single {
    margin-top: 48px;
  }

  #post-4 #wpsp-2621.wp-show-posts .wp-block-column {
    text-align: left !important;
  }

  #more-drops-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    align-items: center;
  }

  @media screen and (max-width:425px) {
    #more-drops-container {
      flex-direction: column;
      flex: 0;
      align-items: center;
    }

    #more-drops-container > svg{
      transform: rotate(90deg);
      margin: 16px 0px;
    }
  }

  #more-drops-container > h6 {
    flex-wrap: nowrap;
    line-height: 1;
  }

  #more-drops-button {
    font-size: 1rem;
    padding: 18px;
  }



  /* DROPS */
  .category-drops {
    padding: 0 5%;
  }

  body.blog header > h2.entry-title {
    display: none;
  }

  .drop-post-divider {
    position: relative;
  }

  .drop-post-divider:after {
    content: "";
    background: url('https://treehousefarmsok.com/wp-content/uploads/2021/03/leaf.svg');
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: auto;
    right: auto;
    height: 12px;
    width: 86%;
    margin: 0 auto;
  }

  .drop-post-head-style {
    position: relative;
    display: inline-flex;
    flex: 0;
    padding-bottom: 8px;
    margin-bottom: 0px !important;
    font-size: 19px;
    font-weight: 600;
    line-height: 1;
  }

  .drop-post-head-style:after {
    content: "";
    border-bottom: 1px solid rgba(0,0,0,.12);
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    height: 1px;
    width: 100%;
  }

  .drop-post-list-style {
    font-size: 17px;
  }



  /* MEDIA PAGE STYLES */
  #post-29 {
    margin: 0 5%;
  }

  #post-29 > div.entry-content > h4 {
    margin-left: 0;
    margin-right: auto;
  }

  .entry-header {
    text-align: center;
  }

  .entry-content {
    margin-top: 0 !important;
  }

  .blocks-gallery-item:nth-of-type(4n) {
    margin-right: 0 !important;
  }

  .wp-block-jetpack-instagram-gallery__grid-post > img {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
  }



  /* CONTACT */
  #post-57 header {
    display: none;
  }

  #post-57 .wp-block-cover {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
  }

  .emp-app {
    margin: 64px auto;
  }



  /* WOOCOMMERCE */
  ul.products > li.product > a > img {
    border-radius: 3px;
  }

  #woocommerce-wrapper ul.products li.product .woocommerce-loop-product__title {
    font-size: 19px;
  }

  .woocommerce-menu-container {
    display: none !important;
    margin: 8px !important;
  }

  .woocommerce-breadcrumb {
    color: #212121 !important;
    font-size: 16px !important;
  }

  .reset_variations {
    display: none !important;
  }

  .summary {
    padding: 0 8px;
  }

  .flex-control-thumbs {
    padding-top: 4px !important;
  }


  /* DESKTOP AND TABLET */
  @media screen and (min-width:425px) {

    .main-menu {
      flex-wrap: nowrap !important;
    }

    #masthead {
      padding: 16px;
    }

    #custom_html-3 {
      width: 100%;
    }
    
    #footer-copy {
      display: inline-block !important;
    }

    .site-logo {
      margin: auto auto auto 0px !important;
    }
    
    .site-logo img {
      max-width: 96px;
      max-height: 96px;
    }

    .social-navigation {
      margin: auto 0px auto auto !important;
    }
    
    .social-links-menu {
      height: 32px;
    }

    /* WP STORE LOCATOR STYLES */
    #wpsl-wrap {
      width: 100%;
      max-width: none;
      height: auto;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 32px;
      border-width: 0;
      border-radius: 3px;
      box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
      z-index: 1;
    }

    .wpsl-search {
      background-color: #fff;
      margin: 0;
      padding: 24px 12px;
      border-bottom: 1px solid #E0E0E0;
    }

    .wpsl-input {
      display: inline-flex !important;
      margin-bottom: 0;
      align-items: center;
    }

    #wpsl-search-input  {
      height: 32px;
      font-size: 16px;
    }

    #wpsl-search-btn-wrap {
      line-height: 32px;
    }

    #wpsl-search-btn {
      height: 32px;
      font-size: 13px;
      font-weight: 700;
      background-color: #212121;
      background-image: none;
      color: #fff;
      border-radius: 3px;
      border-style: none;
      border-width: 0px;
      padding: 0px 18px;
    }

    #wpsl-search-wrap {
      display: flex !important;
      justify-content: center;
    }

    #wpsl-search-wrap > form{
      flex-direction: row;
      flex: 0 1 auto;
      justify-content: flex-start;
    }

    #wpsl-search-wrap > form > div > div > label {
      width: unset;
      display: inline-flex !important;
      flex-wrap: nowrap;
    }

    #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
      min-height: 33.3vw;
      max-height: fit-content;
    }

    #wpsl-stores {
      border-right: 1px solid #E0E0E0;
    }

    #wpsl-gmap {
      min-width: 70%;
      max-width: 100%;
    }

    #wpsl-result-list {
      min-width: 30%;
      max-width: 100%;
    }
    
    #post-29 .entry-content h2 {
      margin-left: 16px !important;
      margin-right: 16px !important;
    }
    
    #post-57 .wp-block-cover {
      height: 100%;
      background-size: cover;
      background-position: 50% -256px;
      background-attachment: fixed;
      background-repeat: no-repeat;
    }
    
    .blocks-gallery-item {
      width: calc(25%-.75em) !important;
      margin: 0 12px 12px 0 !important;
      box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
    }
  }



  /* MOBILE */
  @media screen and (max-width: 425px) {

    .site-logo {
      flex: 1;
      /* margin: 16px auto auto 0px !important; */
      padding: auto 0;
    }

    .site-logo img {
      max-width: 88px;
      max-height: 88px;
    }

    .social-navigation {
      z-index: unset !important;
      flex: 2;
      margin: 16px 0px auto auto !important;
    }

    .social-navigation > div > ul {
      justify-content: flex-end;
    }

    #site-navigation {
      top: 52px !important;
      flex: 1;
    }

    #site-navigation.main-navigation #toggle:checked + label {
      top: 52px !important;
    }

    .main-menu-container {
      padding-top: 116px !important;
    }

    #toggle-cart {
      display: none !important;
    }

    /* WP STORE LOCATOR STYLES */
    #wpsl-wrap {
      width: 100%;
      max-width: none;
      height: auto;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 32px;
      border-width: 0;
      border-radius: 3px;
      box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
      z-index: 1;
    }

    .wpsl-search {
      background-color: #fff;
      margin: 0;
      padding: 24px 12px;
      border-bottom: 1px solid #E0E0E0;
    }

    .wpsl-input {
      display: flex !important;
      flex-direction: column;
      margin-bottom: 0;
      align-items: center;
    }

    #wpsl-search-input  {
      height: 32px;
      font-size: 16px;
    }

    .wpsl-search-btn-wrap {
      width: 100%;
      display: flex !important;
      flex: 1;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      min-height: 32px;
      line-height: 32px;
    }

    #wpsl-search-btn {
      height: 32px;
      font-size: 13px;
      font-weight: 700;
      background-color: #212121;
      background-image: none;
      color: #fff;
      border-radius: 3px;
      border-style: none;
      border-width: 0px;
      padding: 0px 18px;
    }

    #wpsl-search-wrap {
      display: flex !important;
      flex-direction: column;
      align-items: center;
    }

    #wpsl-search-wrap > form{
      flex-direction: row;
      flex: 1;
      justify-content: center !important;
      align-items: flex-start;
    }

    #wpsl-search-wrap form div div label {
      width: unset;
      display: inline-flex !important;
      flex-wrap: nowrap;
    }

    #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
      min-height: 33.3vw;
    }

    #wpsl-stores {
      border-top: 1px solid #E0E0E0;
    }

    #wpsl-gmap {
      min-width: 70%;
      max-width: 100%;
      margin: 0;
      aspect-ratio: 1;
    }

    #wpsl-result-list {
      min-width: 30%;
      max-width: 100%;
    }

    #wpsl-result-list li {
      padding-left: 10px !important;
    }
    
    #post-4 .wp-block-column {
      padding-left: 16px;
      padding-right: 16px;
    }
    
    .entry-title {
      font-size: 1.7rem;
    }
    
    .wp-block-jetpack-instagram-gallery__grid-post {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    
    .blocks-gallery-item {
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20);
    }

    .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
      width: 100%;
    }
  }



  /*** PLUGIN STYLES ***/


  /* MAILCHIMP STYLES */
  #mc_embed_signup {
    position: relative;
    max-width: 360px;
    margin: 0 auto;
    padding: 8px 16px 0;
  }

  #mce-EMAIL {
    width: 100%;
    height: 36px;
    margin-bottom: 16px;
    -webkit-appearance: none !important;
  }

  #mc-embedded-subscribe {
    width: 100%;
    padding: 10px 20px !important;
  }



  /* WP STORE LOCATOR STYLES */
  .wpsl-store-location {
    line-height: 1.2;
  }

  #wpsl-result-list li p {
    margin-bottom: 16px;
  }

  .wpsl-store-location span {
    font-size: 16px;
  }

  .wpsl-direction-wrap {
    font-size: 16px;
  }


  /* WP JOB LISTINGS STYLES */

  ul.job_listings li.job_listing {
    font-size: 16px;
  }

  ul.job_listings li.job_listing a div.position h3 {
    font-size: 20px;
  }

  /* FLOATING ACTION BUTTON */
  /* .floating-btn-ll {
    width: 200px;
    height: 200px;
    position: fixed;
    bottom: 1rem;
    border: none;
    z-index: 10000;
    margin: 1rem 0;
    right: 1rem;
  }

  .floating-btn-ll-text {
    
  }
  
  .svg-star {
    filter: drop-shadow( 0px 3px 2px rgba(0, 0, 0, .25));
  }
 */