@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Regular-400.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-SemiBold-600.ttf");
  font-weight: 500;
}
.content-with-image-container .title-section {
  margin-top: 4.375rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .content-with-image-container .title-section {
    text-align: left;
  }
}
.content-with-image-container .title-section h2 {
  margin-bottom: 0.3125rem;
}

.content-with-image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 100px;
  grid-row-gap: 0px;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  grid-template-areas: "image content";
}
.content-with-image.blog-page {
  grid-column-gap: 45px;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.content-with-image.right-image {
  grid-template-areas: "content image";
}
.content-with-image.three-columns {
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "content image content-right";
  grid-column-gap: 30px;
}
.content-with-image.three-columns h3 {
  text-align: center !important;
}
.content-with-image.three-columns p {
  text-align: center !important;
}
.content-with-image.three-columns .btn {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .content-with-image {
    grid-column-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .content-with-image {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
.content-with-image .image-container {
  display: flex;
  justify-content: center;
  grid-area: image;
}
.content-with-image .image-container img {
  width: 100%;
  height: auto;
  max-width: 35.625rem;
  object-fit: contain;
  object-position: top;
}
@media screen and (max-width: 768px) {
  .content-with-image .image-container img {
    margin-bottom: 1.875rem;
  }
}
.content-with-image .content-container {
  grid-area: content;
  text-align: center;
}
.content-with-image .content-container.content-right {
  grid-area: content-right;
}
.content-with-image .content-container ul {
  list-style: none;
  padding-left: 15px;
}
.content-with-image .content-container ul li:before {
  content: "";
  background-repeat: no-repeat;
  transform: translateY(-3px);
  background-position: center;
  background-size: 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='3.5' cy='3.5' r='3.5' fill='%23159c48'/%3E%3C/svg%3E%0A");
  color: #159C48;
  font-weight: bold;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: -1em;
  margin-right: 0.625rem;
}
.content-with-image .centered-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.content-with-image h2 {
  text-transform: uppercase;
  margin-bottom: 0.625rem;
  padding-bottom: 0;
}
.content-with-image a {
  margin-top: 1.5625rem;
  width: -moz-fit-content;
  width: fit-content;
}

@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Regular-400.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-SemiBold-600.ttf");
  font-weight: 500;
}
.blog-banner-container {
  background-color: #FDCC4D;
  padding-top: 0.0625rem;
}
@media screen and (max-width: 768px) {
  .blog-banner-container .breadcrumbs {
    display: none !important;
  }
}
.blog-banner-container .breadcrumbs #crumbs {
  font-weight: 400 !important;
  font-size: 0.875rem;
}
.blog-banner-container .breadcrumbs a {
  color: #000000 !important;
  font-weight: 600;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .blog-banner-container .container {
    padding: 0;
  }
}

.blog-banner {
  display: flex;
  flex-direction: row-reverse;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 100px;
  grid-row-gap: 0px;
  padding-bottom: 3.75rem;
  grid-template-areas: "image content";
}
@media screen and (max-width: 768px) {
  .blog-banner {
    padding-top: 0;
    padding-bottom: 1.875rem;
  }
}
.blog-banner.right-image {
  grid-template-areas: "content image";
}
@media screen and (max-width: 1024px) {
  .blog-banner {
    grid-column-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .blog-banner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
.blog-banner .image-container {
  display: flex;
  justify-content: center;
  grid-area: image;
}
.blog-banner .image-container img {
  width: 670px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
@media screen and (max-width: 768px) {
  .blog-banner .image-container img {
    margin-bottom: 1.875rem;
  }
}
.blog-banner .content-container {
  grid-area: content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 25rem;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .blog-banner .content-container {
    padding: 0 1.25rem;
  }
}
.blog-banner .centered-content {
  display: flex;
  align-items: center;
}
.blog-banner .date {
  margin-bottom: 0.9375rem;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  font-family: "League Spartan", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #000000;
}
.blog-banner h1 {
  margin-top: 1.875rem;
  font-size: 3.125rem;
  line-height: 3.125rem;
}
.blog-banner h2 {
  text-transform: uppercase;
  margin-bottom: 0.625rem;
}
.blog-banner p {
  margin-top: 1.25rem;
}
.blog-banner a {
  margin-top: 1.5625rem;
  width: -moz-fit-content;
  width: fit-content;
}

@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Regular-400.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-SemiBold-600.ttf");
  font-weight: 500;
}
#blog-post-grid h2 {
  margin-top: 1.875rem;
}

.blog-grid {
  padding: 1.875rem 0;
}
@media screen and (max-width: 768px) {
  .blog-grid {
    padding: 0;
  }
}
.blog-grid.home {
  padding: 0rem 0 3.75rem 0;
  margin-top: -1.875rem;
}
@media screen and (max-width: 768px) {
  .blog-grid.home {
    padding: 0;
  }
}
.blog-grid h2 {
  text-align: center;
  padding-bottom: 0;
}
.blog-grid .blog-posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 1.875rem;
  grid-row-gap: 0;
  margin: 2.5rem 0 0 0;
}
@media screen and (max-width: 768px) {
  .blog-grid .blog-posts {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
  }
}
.blog-grid .blog-posts .blog-post {
  background: #F5F5F5;
}
.blog-grid .blog-posts .blog-post.home {
  margin-top: 1.875rem;
}
.blog-grid .blog-posts .blog-post.home .link-container {
  height: 100%;
  display: block;
}
.blog-grid .blog-posts .blog-post.home p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-grid .blog-posts .blog-post.home.no-thumbnail {
  height: 100%;
}
.blog-grid .blog-posts .blog-post.home.no-thumbnail p {
  -webkit-line-clamp: 16;
}
@media screen and (max-width: 768px) {
  .blog-grid .blog-posts .blog-post:not(.blog-grid .blog-posts .blog-post:first-child) {
    display: none;
  }
}
.blog-grid .blog-posts .blog-post a:hover img {
  transform: scale(1.06);
}
.blog-grid .blog-posts a {
  text-decoration: none;
  color: #000000;
}
.blog-grid .blog-posts .content {
  padding: 1.25rem 1.25rem 2.125rem 1.25rem;
}
.blog-grid .blog-posts .content h6 {
  padding-bottom: 0.25rem;
  line-height: 1.3125rem;
}
.blog-grid .blog-posts .content .date {
  margin: 0.625rem 0;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.125rem;
  padding-bottom: 0;
}
.blog-grid .blog-posts .content p {
  padding-bottom: 0;
}
.blog-grid .blog-posts img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.blog-grid .btn {
  width: -moz-fit-content;
  width: fit-content;
  margin: 2.5rem auto 0 auto;
  display: inherit !important;
}
.blog-grid.search-page {
  display: block;
}
.blog-grid.search-page .blog-posts {
  display: block;
  margin-top: 0rem;
  height: 100%;
}
.blog-grid.search-page .blog-posts .blog-post {
  margin-top: 0;
}

.home .eightysix-blog-grid {
  background: #f9f9f9;
  padding: 50px 0 75px;
}
.home .blog-grid {
  position: relative;
}
.home .blog-grid a.btn.btn-primary.blog-btn {
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
  height: 46px;
  padding: 16px;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 1.5px;
}
@media screen and (max-width: 768px) {
  .home .blog-grid a.btn.btn-primary.blog-btn {
    position: inherit;
    margin: 40px 0 0;
  }
}
.home .blog-grid h2.blog-section-title {
  text-align: left;
  margin-bottom: 36px;
  font-size: 34px;
  line-height: 38px;
  letter-spacing: 1.7px;
  margin-top: 15px;
  width: 70%;
}
@media screen and (max-width: 768px) {
  .home .blog-grid h2.blog-section-title {
    width: 100%;
  }
}
.home .blog-grid .blog-posts {
  display: flex;
  gap: 30px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .home .blog-grid .blog-posts {
    display: block;
  }
}
.home .blog-grid .blog-posts .blog-post {
  background: transparent;
  width: 50%;
  display: block !important;
  position: relative;
}
.home .blog-grid .blog-posts .blog-post:last-child {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr);
  grid-row-gap: 15px;
  max-height: 570px;
}
@media screen and (max-width: 768px) {
  .home .blog-grid .blog-posts .blog-post {
    width: 100%;
  }
}
.home .blog-grid .blog-posts .blog-post.half-width {
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .home .blog-grid .blog-posts .blog-post.half-width {
    margin-bottom: 28px;
  }
}
.home .blog-grid .blog-posts .blog-post .blog-info {
  margin-bottom: 28px;
  border-radius: 12px;
  overflow: hidden;
  grid-column: span 12;
  grid-row: span 6;
  position: relative;
}
.home .blog-grid .blog-posts .blog-post .blog-info a img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.home .blog-grid .blog-posts .blog-post .blog-info:last-child {
  margin-bottom: 0;
}
.home .blog-grid .blog-posts .blog-post a {
  margin-bottom: 30px;
  border-radius: 12px;
  overflow: hidden;
}
.home .blog-grid .blog-posts .blog-post a .content {
  position: absolute;
  top: auto;
  bottom: 0;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7019607843) 100%) 0% 0% no-repeat padding-box;
  width: 100%;
  padding: 57px 50px;
  border-radius: 0 0 12px 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .home .blog-grid .blog-posts .blog-post a .content {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 768px) {
  .home .blog-grid .blog-posts .blog-post a .content {
    padding: 25px 30px;
  }
}
.home .blog-grid .blog-posts .blog-post a .content h6 {
  padding-bottom: 0;
  font-size: 34px;
  line-height: 38px;
  letter-spacing: 1.7px;
  color: #fff;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .home .blog-grid .blog-posts .blog-post a .content h6 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 1.2px;
  }
}
@media screen and (max-width: 768px) {
  .home .blog-grid .blog-posts .blog-post a .content h6 {
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 1.2px;
  }
}
.home .blog-grid .blog-posts .blog-post a .content .date {
  margin: 0 0 15px;
  font-weight: 700;
  line-height: 18px;
  padding-bottom: 0;
  font-size: 16px;
  color: #fff;
}
.home .blog-grid .blog-posts .blog-post:hover {
  box-shadow: none;
}

@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Regular-400.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-SemiBold-600.ttf");
  font-weight: 500;
}
.featured-products-slider-container {
  padding: 4.375rem 0rem 5.625rem;
}
@media screen and (max-width: 768px) {
  .featured-products-slider-container {
    padding: 2.5rem 0 3.125rem;
  }
}
.featured-products-slider-container h2 {
  padding-bottom: 0;
  width: 65%;
}
@media screen and (max-width: 767px) {
  .featured-products-slider-container h2 {
    margin-bottom: 17px;
  }
}
.featured-products-slider-container .featured-products-slider {
  margin: 0 -0.9375rem;
  /* the parent */
}
.featured-products-slider-container .featured-products-slider .slick-slide {
  margin: 0 15px;
}
.featured-products-slider-container .featured-products-slider .slick-list {
  padding-left: 0 !important;
}
.featured-products-slider-container .featured-products-slider .slick-arrow {
  position: absolute;
  top: -1.25rem;
  transform: translateY(-50%);
}
.featured-products-slider-container .featured-products-slider .slick-arrow svg path {
  transition: 0.35s;
}
.featured-products-slider-container .featured-products-slider .slick-arrow:hover svg path {
  transition: 0.35s;
  fill: #159C48;
}
.featured-products-slider-container .featured-products-slider .slick-arrow.slick-prev {
  right: 4.375rem;
  z-index: 1;
}
.featured-products-slider-container .featured-products-slider .slick-arrow.slick-next {
  right: 0;
}
.featured-products-slider-container .featured-products-slider .featured-product {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 16.875rem;
}
.featured-products-slider-container .featured-products-slider .featured-product .product-grid-image {
  position: relative;
  max-width: 16.875rem;
  width: 100%;
  margin-top: 0.9375rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
}
.featured-products-slider-container .featured-products-slider .featured-product .product-grid-image a {
  transition: 0.4s;
}
.featured-products-slider-container .featured-products-slider .featured-product .product-grid-image a .primary-image {
  visibility: visible;
  opacity: 1;
  transition: 0.1s;
}
.featured-products-slider-container .featured-products-slider .featured-product .product-grid-image a .secondary-image {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  transition: 0.4s;
}
.featured-products-slider-container .featured-products-slider .featured-product .product-grid-image a:hover .primary-image {
  visibility: hidden;
}
.featured-products-slider-container .featured-products-slider .featured-product .product-grid-image a:hover .secondary-image {
  visibility: visible;
  opacity: 1;
}
.featured-products-slider-container .featured-products-slider .featured-product .product-grid-image img {
  width: 100%;
  height: auto;
  max-width: 16.875rem;
  transition: 0.35s;
}
.featured-products-slider-container .featured-products-slider .featured-product .product-name {
  text-decoration: none;
  margin-top: 0;
}
.featured-products-slider-container .featured-products-slider .featured-product .product-name h4 {
  font-family: "League Spartan", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0.4px;
  line-height: 1.625rem;
  margin-top: 0.3125rem;
  text-align: center;
  min-height: 3.25rem;
  padding-bottom: 0;
}
.featured-products-slider-container .featured-products-slider p {
  font-weight: 400;
  margin-top: 0.375rem;
  margin-bottom: 0.9375rem;
  padding-bottom: 0;
}
.featured-products-slider-container .featured-products-slider a.slick-arrow {
  width: 47px;
  height: 47px;
  top: -47px;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .featured-products-slider-container .featured-products-slider a.slick-arrow {
    top: -60px;
  }
}
.featured-products-slider-container .featured-products-slider a.slick-arrow:hover {
  background: #159C48 !important;
}
.featured-products-slider-container .featured-products-slider a.slick-arrow:hover svg path {
  fill: transparent !important;
}
.featured-products-slider-container .featured-products-slider a.slick-arrow.slick-prev {
  transform: rotate(90deg);
  background: #000;
  border-radius: 50%;
  padding: 6px 4px;
  transition: 0.3s;
  right: 80px;
}
.featured-products-slider-container .featured-products-slider a.slick-arrow.slick-prev svg {
  width: 38px;
  height: 38px;
}
.featured-products-slider-container .featured-products-slider a.slick-arrow.slick-prev svg path {
  stroke: #fff;
}
.featured-products-slider-container .featured-products-slider a.slick-arrow.slick-next {
  transform: rotate(-90deg);
  background: #000;
  border-radius: 50%;
  padding: 6px;
  transition: 0.3s;
  right: 15px;
}
.featured-products-slider-container .featured-products-slider a.slick-arrow.slick-next svg {
  width: 38px;
  height: 38px;
}
.featured-products-slider-container .featured-products-slider a.slick-arrow.slick-next svg path {
  stroke: #fff;
}

@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Regular-400.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-SemiBold-600.ttf");
  font-weight: 500;
}
#sb_instagram {
  padding-top: 3.75rem;
}
#sb_instagram .sb_instagram_header {
  max-width: 1170px;
  margin: 0 auto;
  display: block;
  float: none;
}
@media screen and (max-width: 1210px) {
  #sb_instagram .sb_instagram_header {
    padding: 0 1.25rem;
  }
}
#sb_instagram .sb_instagram_header .sbi_header_link {
  float: none;
}
#sb_instagram .sb_instagram_header .sbi_header_text h2 {
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #sb_instagram .sb_instagram_header .sbi_header_text h2 {
    text-align: center;
    margin-bottom: 1.875rem;
  }
}
#sb_instagram .sb_instagram_header .sbi_header_text h2 span {
  color: #159C48;
  word-break: break-word;
  transition: 0.35s;
}
#sb_instagram .sb_instagram_header .sbi_header_text h2 span:hover {
  color: #000000;
  transition: 0.35s;
}
#sb_instagram .sb_instagram_header .sbi_header_img {
  display: none;
}

@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Light-300.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-Regular-400.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "spartan";
  src: url("/wp-content/themes/eighty-six/fonts/Spartan-SemiBold-600.ttf");
  font-weight: 500;
}
.product-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  padding: 85px 0 100px;
}
.product-grid-container.search {
  padding: 85px 0 100px;
}
.product-grid-container.search-page {
  padding: 0;
  background: #F5F5F5;
}
.product-grid-container.search-page p {
  margin-bottom: 0.625rem !important;
}
.product-grid-container.search-page .btn {
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .product-grid-container.search-page {
    margin-bottom: 1.875rem;
  }
}
@media screen and (max-width: 900px) {
  .product-grid-container {
    grid-column-gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .product-grid-container {
    padding: 1.875rem 0;
  }
}
.product-grid-container .slick-arrow {
  position: absolute;
  top: 10.9375rem;
}
.product-grid-container .slick-arrow svg path {
  transition: 0.35s;
}
.product-grid-container .slick-arrow:hover svg path {
  transition: 0.35s;
  fill: #159C48;
}
.product-grid-container .slick-arrow.slick-prev {
  left: 0.625rem;
  z-index: 1;
}
.product-grid-container .slick-arrow.slick-next {
  right: 0.625rem;
}
.product-grid-container .product-grid {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 0;
}
.product-grid-container .product-grid h4 {
  padding-bottom: 0;
}
.product-grid-container .product-grid .product-grid-slider-container {
  width: 100%;
}
.product-grid-container .product-grid .product-grid-slider {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.product-grid-container .product-grid .product-grid-slider.search-page p {
  padding-bottom: 0;
}
.product-grid-container .product-grid .product-grid-slider.search-page .btn {
  margin-top: 0;
}
.product-grid-container .product-grid .product-grid-slider.search-page .product-grid-images {
  margin-bottom: 1.25rem;
}
.product-grid-container .product-grid .product-grid-slider.search-page .product-grid-images {
  margin-top: 0;
}
.product-grid-container .product-grid .product-grid-images {
  position: relative;
  max-width: 23.125rem;
  margin-top: 0.9375rem;
  margin-bottom: 20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media screen {
  .product-grid-container .product-grid .product-grid-images {
    max-width: 27.375rem;
  }
}
.product-grid-container .product-grid .product-grid-images img {
  width: 100%;
  height: auto;
  max-width: 23.125rem;
  max-height: 23.125rem;
  object-position: center;
  object-fit: cover;
  transition: 0.35s;
}
@media screen {
  .product-grid-container .product-grid .product-grid-images img {
    max-width: 27.375rem;
    max-height: 27.375rem;
  }
}
.product-grid-container .product-grid .product-grid-images a {
  transition: 0.4s;
}
.product-grid-container .product-grid .product-grid-images a .primary-image {
  visibility: visible;
  opacity: 1;
  transition: 0.1s;
}
.product-grid-container .product-grid .product-grid-images a .secondary-image {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  transition: 0.4s;
}
.product-grid-container .product-grid .product-grid-images a:hover .primary-image {
  visibility: hidden;
}
.product-grid-container .product-grid .product-grid-images a:hover .secondary-image {
  visibility: visible;
  opacity: 1;
}
.product-grid-container .product-grid .product-name {
  text-decoration: none;
  margin: 0;
}
.product-grid-container .product-grid .product-name h4 {
  font-family: "League Spartan", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0.4px;
  line-height: 1.625rem;
  padding: 0 2rem;
  margin-top: 0.5rem;
  text-align: center;
}
.product-grid-container .product-grid p {
  font-weight: 400;
  margin-top: 0.375rem;
  font-family: "spartan", sans-serif;
  letter-spacing: 0.4px;
  color: black;
}

.product-grid-container.search-page .product-grid-container {
  display: block;
}

.share-article {
  display: flex;
  padding-top: 2.1875rem;
  border-top: 1px solid #F5F5F5;
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 768px) {
  .share-article {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.share-article div {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .share-article div {
    justify-content: space-between;
    width: 100%;
    max-width: 17.5rem;
    margin-top: 1.875rem;
  }
}
.share-article h5 {
  text-transform: uppercase;
}
.share-article a {
  text-decoration: none;
}
.share-article svg {
  height: 1.3125rem;
  margin-left: 1.25rem;
}
@media screen and (max-width: 768px) {
  .share-article svg {
    height: 1.875rem;
  }
}

@media screen and (max-width: 768px) {
  .blog-posts .blog-post:not(.blog-posts .blog-post:first-child) {
    display: block !important;
    margin-top: 1.875rem;
  }
}

.pagination {
  margin-bottom: 1.875rem;
}

.blog-bottom-detail {
  margin-bottom: 70px;
}