/** Shopify CDN: Minification failed

Line 12889:0 Unexpected "<"
Line 13060:27 Unexpected "*"

**/
@charset "UTF-8";


/* Fonts */

@font-face {
  font-family: Figtree;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//funanc1al.com/cdn/fonts/figtree/figtree_n4.3c0838aba1701047e60be6a99a1b0a40ce9b8419.woff2") format("woff2"),
       url("//funanc1al.com/cdn/fonts/figtree/figtree_n4.c0575d1db21fc3821f17fd6617d3dee552312137.woff") format("woff");
}

@font-face {
  font-family: Figtree;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//funanc1al.com/cdn/fonts/figtree/figtree_n7.2fd9bfe01586148e644724096c9d75e8c7a90e55.woff2") format("woff2"),
       url("//funanc1al.com/cdn/fonts/figtree/figtree_n7.ea05de92d862f9594794ab281c4c3a67501ef5fc.woff") format("woff");
}

@font-face {
  font-family: Figtree;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//funanc1al.com/cdn/fonts/figtree/figtree_n3.e4cc0323f8b9feb279bf6ced9d868d88ce80289f.woff2") format("woff2"),
       url("//funanc1al.com/cdn/fonts/figtree/figtree_n3.db79ac3fb83d054d99bd79fccf8e8782b5cf449e.woff") format("woff");
}

@font-face {
  font-family: Figtree;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//funanc1al.com/cdn/fonts/figtree/figtree_n4.3c0838aba1701047e60be6a99a1b0a40ce9b8419.woff2") format("woff2"),
       url("//funanc1al.com/cdn/fonts/figtree/figtree_n4.c0575d1db21fc3821f17fd6617d3dee552312137.woff") format("woff");
}

@font-face {
  font-family: Figtree;
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("//funanc1al.com/cdn/fonts/figtree/figtree_i3.914abbe7a583759f0a18bf02652c9ee1f4bb1c6d.woff2") format("woff2"),
       url("//funanc1al.com/cdn/fonts/figtree/figtree_i3.3d7354f07ddb3c61082efcb69896c65d6c00d9fa.woff") format("woff");
}

@font-face {
  font-family: Figtree;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//funanc1al.com/cdn/fonts/figtree/figtree_i4.89f7a4275c064845c304a4cf8a4a586060656db2.woff2") format("woff2"),
       url("//funanc1al.com/cdn/fonts/figtree/figtree_i4.6f955aaaafc55a22ffc1f32ecf3756859a5ad3e2.woff") format("woff");
}


/* Reset */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  background: #fff;
  color: #000;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html, body {
  font-size: 100%;
}

img {
  border: 0;
  display: block;
  -ms-interpolation-mode: bicubic;
}

button, input, textarea, select {
  border-radius: 0;
  font-family: inherit;
  font-size: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-outlines button, .no-outlines input, .no-outlines textarea, .no-outlines select {
  outline: none;
}

a {
  color: #121212;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-outlines a {
  outline: none;
}

.clear {
  clear: both;
}

.hide {
  display: none;
}

.show {
  display: block;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@font-face {
  font-family: "FontCalifornia";
  src: url('//funanc1al.com/cdn/shop/t/9/assets/california.eot?v=151563639807344968331767150729');
  src: url('//funanc1al.com/cdn/shop/t/9/assets/california.eot?%23iefix&v=151563639807344968331767150729') format('embedded-opentype'), url('//funanc1al.com/cdn/shop/t/9/assets/california.woff?v=49304409737161394141767150729') format('woff'), url('//funanc1al.com/cdn/shop/t/9/assets/california.ttf?v=157951320179712875211767150729') format('truetype'), url('//funanc1al.com/cdn/shop/t/9/assets/california.svg?v=54339100628992287251767150729') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fc {
  display: inline-block;
  font: normal normal normal 14px/1 FontCalifornia;
  font-size: inherit;
  text-rendering: auto;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: text-bottom;
}

.fc-lg {
  font-size: 1.5em;
}

.fc-spin {
  -webkit-animation: fc-spin 2s infinite linear;
  animation: fc-spin 2s infinite linear;
}

@-webkit-keyframes fc-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fc-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fc-search:before {
  content: "\4a";
  position: relative;
  left: 1px;
}

.fc-cog:before {
  content: "\64";
}

.fc-bars:before {
  content: "\4b";
}

.fc-print:before {
  content: "\65";
}

.fc-angle-left:before {
  content: "\66";
}

.fc-angle-right:before {
  content: "\67";
}

.fc-angle-down:before {
  content: "\68";
}

.fc-tag:before {
  content: "\69";
}

.fc-pinterest:before {
  content: "\6a";
}

.fc-twitter:before {
  content: "\6b";
}

.fc-facebook:before {
  content: "\6c";
}

.fc-lock:before {
  content: "\6d";
}

.fc-close:before {
  content: "\61";
}

.fc-chevron-down:before {
  content: "\62";
}

.fc-cart:before {
  content: "\6f";
}

.fc-user:before {
  content: "\70";
}

.fc-envelope-o:before {
  content: "\71";
}

.fc-phone:before {
  content: "\72";
}

.fc-instagram:before {
  content: "\49";
}

.fc-linkedin-square:before {
  content: "\74";
}

.fc-pinterest-square:before {
  content: "\75";
}

.fc-twitter-square:before {
  content: "\76";
}

.fc-facebook-square:before {
  content: "\77";
}

.fc-flickr:before {
  content: "\78";
}

.fc-yelp:before {
  content: "\79";
}

.fc-vimeo-square:before {
  content: "\7a";
}

.fc-youtube-square:before {
  content: "\41";
}

.fc-tumblr-square:before {
  content: "\42";
}

.fc-wordpress:before {
  content: "\43";
}

.fc-rss:before {
  content: "\44";
}

.fc-tiktok:before {
  content: "\45";
}

.fc-circle:before {
  content: "\46";
}

.fc-circle-line:before {
  content: "\47";
}

.fc-whatsapp:before {
  content: "\48";
}

.fc-check:before {
  content: "\73";
}

.fc-load-d:before {
  content: "\64";
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 16px;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #121212;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #121212;
}

.mfp-preloader a:hover {
  color: #454545;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 28px;
  color: #fff;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: zoom-out;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.mfp-bg {
  background-color: #ffffff;
}
.mfp-bg.mfp-fade {
  -webkit-backface-visibility: hidden;
  opacity: 0;
  transition-property: all 0.3s ease-out;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.mfp-bg.mfp-fade.mfp-ready {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-bg.mfp-fade.mfp-removing {
  transition-property: all 0.3s ease-out;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  opacity: 0;
  filter: alpha(opacity=0);
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition-property: all 0.3s ease-out;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing {
  transition-property: all 0.3s ease-out;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
.mfp-fade.mfp-wrap.mfp-removing button {
  opacity: 0;
}

.mfp-counter {
  display: none;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: zoom-out;
}
.mfp-figure:after {
  box-shadow: none;
  background: none;
}

button.mfp-close {
  margin: 5px 10px;
  font-size: em(40px);
  font-weight: 300px;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #121212;
}

button.mfp-arrow {
  top: 0;
  height: 100%;
  width: 20%;
  margin: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
button.mfp-arrow:after, button.mfp-arrow .mfp-a {
  display: none;
}
button.mfp-arrow:before, button.mfp-arrow .mfp-b {
  display: none;
}
button.mfp-arrow:active {
  margin-top: 0;
}

.mfp-chevron {
  position: absolute;
  pointer-events: none;
}
.mfp-chevron:before {
  content: '';
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 25px;
  width: 25px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  transform: rotate(-45deg);
}
.mfp-chevron.mfp-chevron-right {
  right: 55px;
}
.mfp-chevron.mfp-chevron-right:before {
  transform: rotate(45deg);
}
.mfp-chevron.mfp-chevron-left {
  left: 55px;
}
.mfp-chevron.mfp-chevron-left:before {
  transform: rotate(-135deg);
}

/* Layout */
html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  min-height: 100%;
  background: #FFFFFF;
  position: relative;
  text-align: left;
  display: flex;
  flex-direction: column;
}
body .side-nav-section,
body .side-cart,
body .side-pick {
  transition-property: all;
  transition-duration: 0.45s;
  transition-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  transition-delay: 0s;
}
body.browsing {
  overflow: hidden;
}
body.browsing .side-nav-section {
  transform: translateX(375px);
}
body.shopping {
  overflow: hidden;
}
body.shopping .side-cart {
  transform: translateX(-400px);
  visibility: visible;
}
body.picking {
  overflow: hidden;
}
body.picking .side-pick {
  transform: translateX(-375px);
  visibility: visible;
}
body.modeling, body.searching {
  overflow: hidden;
}

body > .section-header {
  flex: 0 0 auto;
}

body > .main {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}
body > .main > .layout {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
body > .main > .layout > .sections {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
}
body > .main > .layout .section-page,
body > .main > .layout .section-search {
  height: 100%;
  width: 100%;
}
body > .main > .layout .section-page .content,
body > .main > .layout .section-search .content {
  height: 100%;
}
body > .main > .layout .section-page .content.featured-page,
body > .main > .layout .section-search .content.featured-page {
  height: auto;
}
body > .main > .layout .section-404 {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
}

.sections {
  margin: 0 auto;
  max-width: 2000px;
}
.sections .shopify-section > .content {
  padding: 30px;
  margin: 0 0 30px;
}
.sections .shopify-section > .content.no-padding {
  padding: 0;
}
.sections .shopify-section > .content.extra-padding {
  padding: 60px 30px;
}
.sections .shopify-section > .content.with-background {
  background: #F3F3F3;
}
.sections .shopify-section > .content.with-background:not(.expanded) {
  margin-left: 30px;
  margin-right: 30px;
}
.sections .shopify-section > .content.loading {
  display: none;
}
.sections .shopify-section > .content .inner.with-layout-options {
  width: 100%;
  max-width: 900px;
}
.sections .shopify-section > .content .inner.with-layout-options.left {
  margin-right: auto;
  text-align: left;
}
.sections .shopify-section > .content .inner.with-layout-options.right {
  margin-left: auto;
  text-align: right;
}
.sections .shopify-section > .content .inner.with-layout-options.centered {
  margin: 0 auto;
}
.sections .shopify-section > .content .inner.with-layout-options.expanded {
  max-width: none;
  margin: 0 auto;
}
.sections .shopify-section > .content .inner.extended {
  padding: 30px 0;
}
.sections .shopify-section > .content .inner.extended h1 {
  margin-top: 0;
}
.sections .shopify-section > .content.page, .sections .shopify-section > .content.blog, .sections .shopify-section > .content.featured-blog {
  display: flex;
  align-items: flex-start;
}
.sections .shopify-section > .content.page-404 {
  align-items: center;
  margin: 0 auto;
}
.sections .shopify-section:first-child > .content.with-background:not(.expanded) {
  margin-top: 30px;
}
.sections .shopify-section:last-child > .content {
  margin-bottom: 0;
}
.sections .shopify-section:last-child > .content.with-background:not(.expanded) {
  margin-bottom: 30px;
}
.sections .shopify-section:only-child > .content.page, .sections .shopify-section:only-child > .content.blog, .sections .shopify-section:only-child > .content.search {
  min-height: 400px;
}

@media (min-width: 720px) {
  .hide-on-desktop {
    display: none !important;
  }
}

@media (max-width: 720px) {
  .hide-on-mobile {
    display: none !important;
  }
}

.content {
  position: relative;
}
.content h1 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 40px;
  margin: 0 0 20px;
}
.content h2 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 32px;
  color: #000000;
  margin: 0 0 10px;
}
.content h3 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 20px;
  margin: 0 0 15px;
}
.content h3.expanded {
  line-height: 30px;
}
.content h3.striped {
  text-decoration: line-through;
  color: rgba(18, 18, 18, 0.6);
}
.content h3 a {
  color: #1BA1E2;
  text-decoration: none;
}
.content h3 a:hover {
  color: #1891cb;
  border-bottom: 1px solid;
}
.content h4 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 20px;
  margin: 0 0 15px;
}
.content h4 a {
  color: #1BA1E2;
  text-decoration: none;
}
.content h4.highlight {
  font-weight: 700;
  font-size: 18px;
}
.content h5 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 16px;
  margin: 0 0 5px;
}
.content h1.align-center, .content h2.align-center, .content h3.align-center, .content h4.align-center, .content h5.align-center {
  text-align: center;
}
.content h1.align-right, .content h2.align-right, .content h3.align-right, .content h4.align-right, .content h5.align-right {
  text-align: right;
}
.content p {
  font-size: 16px;
  line-height: 24px;
}
.content p a {
  color: #1BA1E2;
  text-decoration: none;
}
.content p a:hover {
  color: #1891cb;
}
.content p.expanded {
  line-height: 28px;
}
.content p.big {
  font-size: 20px;
  line-height: 28px;
}
.content p.big.expanded {
  line-height: 36px;
}
.content p.small {
  font-size: 14px;
  line-height: 20px;
}
.content p span.intro {
  color: #000000;
}
.content p span.highlight {
  color: #000000;
  background: #ffffcc;
}
.content div.row {
  position: relative;
  padding: 0 0 15px;
}
.content div.row.left {
  text-align: left;
}
.content div.row.right {
  text-align: right;
}
.content div.row.center {
  text-align: center;
}
.content div.row.extra {
  margin: 30px 0 0;
}
.content div.row.bank_account div {
  display: inline;
}
.content div.row:last-child {
  padding-bottom: 0;
}
.content .flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.content .flex-row:last-child {
  margin-bottom: 0;
}
@media (max-width: 720px) {
  .content .flex-row {
    flex-direction: column;
  }
}
.content input[type=text],
.content input[type=email],
.content input[type=date],
.content input[type=password],
.content input[type=tel],
.content textarea,
.content .output {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  display: inline-block;
  min-height: 34px;
  vertical-align: middle;
  background-color: #FFF;
  border: 1px solid #A8A8A8;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 11px 14px;
  border-radius: 2px;
  line-height: 25px;
}
.content input[type=text].full,
.content input[type=email].full,
.content input[type=date].full,
.content input[type=password].full,
.content input[type=tel].full,
.content textarea.full,
.content .output.full {
  width: 100%;
}
.content input[type=text].center,
.content input[type=email].center,
.content input[type=date].center,
.content input[type=password].center,
.content input[type=tel].center,
.content textarea.center,
.content .output.center {
  text-align: center;
}
.content input[type=text].bank, .content input[type=text].branch,
.content input[type=email].bank,
.content input[type=email].branch,
.content input[type=date].bank,
.content input[type=date].branch,
.content input[type=password].bank,
.content input[type=password].branch,
.content input[type=tel].bank,
.content input[type=tel].branch,
.content textarea.bank,
.content textarea.branch,
.content .output.bank,
.content .output.branch {
  width: 20%;
}
.content input[type=text].control,
.content input[type=email].control,
.content input[type=date].control,
.content input[type=password].control,
.content input[type=tel].control,
.content textarea.control,
.content .output.control {
  width: 15%;
}
.content input[type=text].account,
.content input[type=email].account,
.content input[type=date].account,
.content input[type=password].account,
.content input[type=tel].account,
.content textarea.account,
.content .output.account {
  width: 42%;
}
.content input[type=text].error,
.content input[type=email].error,
.content input[type=date].error,
.content input[type=password].error,
.content input[type=tel].error,
.content textarea.error,
.content .output.error {
  border-color: #ff555d;
}
.content .field_with_errors input[type=text],
.content .field_with_errors input[type=email],
.content .field_with_errors input[type=date],
.content .field_with_errors input[type=password] {
  border-color: #ff555d;
}
.content .field_with_errors label {
  border: 1px solid #ff555d;
  padding: 11px 14px;
  border-radius: 4px;
}
.content .field_with_errors label .field_with_errors {
  display: inline;
}
.content .field-error {
  text-align: left;
  color: #ff555d;
  font-style: italic;
  text-transform: initial;
  margin: 5px 0 0;
  line-height: 25px;
}
.content .label {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  color: rgba(18, 18, 18, 0.6);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  min-height: 34px;
  vertical-align: middle;
  padding: 11px 0;
  line-height: 20px;
  margin-right: 20px;
  position: absolute;
  top: 4px;
  left: 8px;
}
.content .label:after {
  content: ":";
}

.no-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border: 2px dashed #121212;
  text-align: center;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 18px;
  line-height: 30px;
  padding: 30px;
}
.no-content a {
  color: #1BA1E2;
  border-bottom: 2px solid;
}

.navigation {
  position: absolute;
  top: 0;
  right: 0;
}
.navigation a.btn.icon {
  width: 34px;
  height: 44px;
  padding-top: 10px;
}
.navigation a.btn.icon:hover, .navigation a.btn.icon.hover {
  color: #121212;
}
.navigation a.btn.icon.end {
  cursor: default;
  color: #f3f3f3;
}

body.template-cart .sections .shopify-section,
body.template-customers-login .sections .shopify-section,
body.template-customers-register .sections .shopify-section,
body.template-customers-activate_account .sections .shopify-section,
body.template-customers-reset_password .sections .shopify-section,
body.template-customers-account .sections .shopify-section,
body.template-customers-addresses .sections .shopify-section,
body.template-customers-order .sections .shopify-section,
body.template-gift_card .sections .shopify-section,
body.template- .sections .shopify-section {
  text-align: center;
}
body.template-cart .sections .shopify-section > .content,
body.template-customers-login .sections .shopify-section > .content,
body.template-customers-register .sections .shopify-section > .content,
body.template-customers-activate_account .sections .shopify-section > .content,
body.template-customers-reset_password .sections .shopify-section > .content,
body.template-customers-account .sections .shopify-section > .content,
body.template-customers-addresses .sections .shopify-section > .content,
body.template-customers-order .sections .shopify-section > .content,
body.template-gift_card .sections .shopify-section > .content,
body.template- .sections .shopify-section > .content {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
body.template-cart .footer,
body.template-customers-login .footer,
body.template-customers-register .footer,
body.template-customers-activate_account .footer,
body.template-customers-reset_password .footer,
body.template-customers-account .footer,
body.template-customers-addresses .footer,
body.template-customers-order .footer,
body.template-gift_card .footer,
body.template- .footer {
  display: none;
}

.no-js:not(html) {
  display: none;
}
.no-js .no-js:not(html) {
  display: block;
}

.no-js .js {
  display: none;
}

@media (max-width: 960px) {
  .sections .shopify-section > .content {
    padding: 30px 20px;
  }
  .sections .shopify-section > .content.with-background:not(.expanded) {
    margin-left: 20px;
    margin-right: 20px;
  }
  .sections .shopify-section:first-child > .content.with-background:not(.expanded) {
    margin-top: 20px;
  }
}
@media (max-width: 720px) {
  .sections .shopify-section > .content {
    padding: 30px 15px;
  }
  .sections .shopify-section > .content.with-background.with-background:not(.expanded) {
    margin-left: 15px;
    margin-right: 15px;
  }
  .sections .shopify-section:first-child > .content.with-background:not(.expanded) {
    margin-top: 15px;
  }

  .navigation {
    display: none;
  }
}
@media (max-width: 420px) {
  .content h2 {
    margin: 5px 0;
  }
  .content div.row.left {
    float: none;
    text-align: center;
    padding-bottom: 25px;
  }
  .content div.row.right {
    float: none;
    text-align: center;
  }
  .content div.row.extra {
    margin: 0px 0 0;
  }
  .content div.row.bank_account div {
    display: inline;
  }
  .content h1 {
    font-size: 26px;
  }
  .content p {
    font-size: 18px;
    line-height: 26px;
  }
  .content input[type=text].bank, .content input[type=text].branch, .content input[type=text].control, .content input[type=text].account {
    padding-left: 8px;
    padding-right: 8px;
    width: auto;
  }
}
.share {
  margin: 35px 0 0;
  min-height: 56px;
}
.share a.icon {
  font-size: 22px;
  text-decoration: none;
  border-radius: 50%;
  text-align: center;
  width: 44px;
  height: 44px;
  margin: 0 5px 0 0;
  border: 0;
  color: #ffffff;
  display: inline-block;
  font-family: monospace;
  padding-top: 11px;
}
.share a.icon.facebook {
  background-color: #3b5998;
}
.share a.icon.twitter {
  background-color: #4099FF;
}
.share a.icon.pinterest {
  background-color: #C92228;
  padding-top: 10px;
}
.share a.icon > i.fc {
  margin: 0;
  vertical-align: inherit;
}

/* UI */
body {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

a.logo h1 {
  font-weight: 700;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

div.actions {
  margin-bottom: 10px;
}

a > i.fa {
  margin-right: 5px;
}
a.link {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 16px;
  text-decoration: none;
}
a.link:hover {
  color: #1891cb;
  background: transparent;
}
a.underscore {
  text-decoration: none;
  color: #121212;
}
a.underscore:hover {
  border-bottom: 1px solid rgba(18, 18, 18, 0.6);
}

b, strong {
  font-weight: 400;
}

.nowrap {
  white-space: nowrap;
}

a.btn, .btn {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  border-radius: 2px;
  transition-property: background-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
  transition-delay: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f2f2f2;
  color: #121212;
  padding: 14px 40px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
}
a.btn.action, .btn.action {
  color: #fff;
  background: #1BA1E2;
  font-weight: 400;
  font-size: 18px;
  padding: 14px 15px 13px;
  position: relative;
  z-index: 1;
}
a.btn.action:before, .btn.action:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1891cb;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: .25s;
  transition-timing-function: ease-out;
  border-radius: 2px;
}
a.btn.action:hover, .btn.action:hover {
  color: #fff;
  background-color: none;
}
a.btn.action:hover:before, .btn.action:hover:before {
  transform: scaleX(1);
}
a.btn.solid, .btn.solid {
  background: #121212;
  color: #fff;
}
a.btn.solid:hover, .btn.solid:hover {
  background: #1f1f1f;
}
a.btn.solid.small, .btn.solid.small {
  font-size: 16px;
  padding: 8px;
}
a.btn.small, .btn.small {
  font-size: 14px;
  padding: 10px 40px 9px;
}
a.btn.big, .btn.big {
  font-size: 20px;
  padding: 14px 40px 13px;
}
a.btn.line, .btn.line {
  color: #121212;
  background-color: transparent;
  font-weight: 300;
  text-decoration: none;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid rgba(18, 18, 18, 0.6);
  padding: 6px 10px;
}
a.btn.line:hover, .btn.line:hover {
  background-color: transparent;
  border-color: #121212;
}
a.btn.line.normal, .btn.line.normal {
  font-size: 18px;
  padding: 14px 15px 13px;
}
a.btn.line.big, .btn.line.big {
  font-size: 20px;
  padding: 14px 40px 13px;
}
a.btn.line.active, .btn.line.active {
  color: #121212;
  border-color: #121212;
  position: relative;
  top: -1px;
  border-width: 2px;
}
a.btn.line.processing, .btn.line.processing {
  background-color: transparent !important;
  color: #121212 !important;
  cursor: default !important;
}
a.btn.line.processing i, .btn.line.processing i {
  margin-right: 10px;
  position: relative;
  top: -1px;
}
a.btn.line i, .btn.line i {
  position: relative;
  top: -1px;
  margin-right: 2px;
}
a.btn.icon, .btn.icon {
  color: rgba(18, 18, 18, 0.6);
  background-color: transparent;
  font-weight: 300;
  font-size: 18px;
  padding: 3px 6px;
  text-align: center;
  height: 28px;
}
a.btn.icon i, .btn.icon i {
  margin: 0;
}
a.btn.icon:hover, .btn.icon:hover {
  background-color: transparent;
  color: #121212;
}
a.btn.icon.browse i, a.btn.icon.search i, .btn.icon.browse i, .btn.icon.search i {
  text-align: center;
}
a.btn:hover, .btn:hover {
  text-decoration: none;
}
a.btn:hover span, .btn:hover span {
  border-bottom: 1px solid;
}
a.btn.full, .btn.full {
  width: 100%;
}
a.btn.semi, .btn.semi {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: block;
}
a.btn.processing, .btn.processing {
  background-color: rgba(18, 18, 18, 0.6) !important;
  color: #fff !important;
  cursor: default !important;
}
a.btn.processing i, .btn.processing i {
  margin-right: 10px;
  position: relative;
  top: -1px;
}
a.btn.processing:before, .btn.processing:before {
  transform: scaleX(1);
}
a.btn.disabled, .btn.disabled {
  background-color: rgba(18, 18, 18, 0.6) !important;
  cursor: default !important;
}
a.btn.faded, .btn.faded {
  opacity: 0.8;
}

.select {
  position: relative;
  cursor: pointer;
  background-color: #f2f2f2;
  border-radius: 6px;
}
.select .arrow {
  position: absolute;
  right: 12px;
  top: 10px;
  z-index: 1;
}
.select .arrow i {
  color: #121212;
}
.select select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  color: #121212;
  display: inline-block;
  width: 100%;
  border: 0;
  cursor: pointer;
  padding: 10px 45px 10px 12px;
  background-color: transparent;
  z-index: 2;
}
.select option {
  color: #121212;
}
.select input[type=number] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  color: rgba(18, 18, 18, 0.6);
  display: inline-block;
  width: 100%;
  border: 0;
  cursor: pointer;
  padding: 11px 0px 11px 12px;
  background-color: transparent;
  z-index: 2;
}
.select.number input[type=number]::-webkit-inner-spin-button,
.select.number input[type=number]::-webkit-outer-spin-button {
  opacity: 0;
}
.select.number input[type=number] {
  -moz-appearance: textfield;
}
.select.number:hover .arrow, .select.number:active .arrow {
  display: none;
}
.select.number:hover input[type=number], .select.number:active input[type=number] {
  padding-right: 12px;
  -moz-appearance: number-input;
}
.select.number:hover input[type=number]::-webkit-inner-spin-button,
.select.number:hover input[type=number]::-webkit-outer-spin-button, .select.number:active input[type=number]::-webkit-inner-spin-button,
.select.number:active input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

.disclosure {
  position: relative;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
  color: #333;
}
.disclosure .disclosure__toggle {
  border: 0;
  background-color: #eee;
  border-radius: 6px;
  transition-property: background-color;
  transition-duration: 0;
  transition-timing-function: ease;
  transition-delay: 0;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  color: #121212;
  cursor: pointer;
  padding: 10px 50px 10px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}
.disclosure .disclosure__toggle span {
  border-bottom: 1px solid transparent;
}
.disclosure .disclosure__toggle span.code {
  font-size: 16px;
}
.disclosure .disclosure__toggle .arrow {
  position: absolute;
  right: 12px;
  top: 8px;
  z-index: 1;
}
.disclosure .disclosure__toggle .arrow i {
  color: #121212;
}
.disclosure .disclosure__toggle:hover span, .disclosure .disclosure__toggle[aria-expanded="true"] span {
  border-color: inherit;
}
.disclosure .disclosure__list {
  display: none;
  border-radius: 6px;
  border: 0;
  background-color: #eee;
  position: absolute;
  z-index: 200;
  bottom: 115%;
  overflow-y: auto;
  padding: 11px 0px;
  max-height: 30vh;
}
.disclosure .disclosure__list.disclosure-list--visible {
  display: block;
}
.disclosure .disclosure__list li {
  list-style: none;
  white-space: nowrap;
  text-align: left;
  padding: 0;
}
.disclosure .disclosure__list li a {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  color: #121212;
  text-decoration: none;
  display: block;
  padding: 5px 15px;
}
.disclosure .disclosure__list li a span.code {
  font-size: 16px;
}
.disclosure .disclosure__list li a:hover {
  color: #121212;
  background: #ddd;
}
.disclosure .disclosure__list li.disclosure-list__item--current a {
  font-weight: 400;
  color: black;
}

table td {
  padding: 2px 10px;
  text-align: center;
}

.ruler {
  padding: 0 10px;
}
.ruler span {
  overflow: hidden;
  text-align: center;
}
.ruler span:before, .ruler span:after {
  background-color: #C5C5C5;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 48%;
}
.ruler span:before {
  right: .5em;
  margin-left: -50%;
}
.ruler span:after {
  left: .5em;
  margin-right: -50%;
}

h2.section-title {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 32px;
  color: #000000;
  padding: 0;
  margin: 0 auto 20px;
}
h2.section-title.align-center {
  text-align: center;
}
h2.section-title.align-right {
  text-align: right;
}

.rte {
  line-height: 24px;
}
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
  color: #121212;
  text-decoration: none;
  margin: 20px 0 10px;
  line-height: normal;
}
.rte h1 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 40px;
  text-transform: none;
  margin: 20px 0 10px;
}
.rte h2 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 32px;
  margin: 20px 0 10px;
}
.rte h3 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 28px;
  text-transform: none;
}
.rte h4 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 24px;
  text-transform: none;
}
.rte h5 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 20px;
  text-transform: none;
}
.rte h6 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 16px;
  text-transform: none;
}
.rte p, .rte ul, .rte ol {
  margin: 0 0 10px;
  color: #121212;
}
.rte p b, .rte ul b, .rte ol b {
  color: #121212;
  font-weight: 400;
}
.rte p a, .rte ul a, .rte ol a {
  color: #1BA1E2;
  text-decoration: none;
}
.rte p a:hover, .rte ul a:hover, .rte ol a:hover {
  border-bottom: 1px solid;
}
.rte p.tabbed, .rte ul.tabbed, .rte ol.tabbed {
  margin: 5px 0 0 36px;
  line-height: 22px;
}
.rte p.caption, .rte ul.caption, .rte ol.caption {
  font-size: 14px;
  margin: -15px 0 0;
}
.rte p:last-child, .rte ul:last-child, .rte ol:last-child {
  margin-bottom: 0;
}
.rte ul, .rte ol {
  margin-left: 25px;
  margin-top: -5px;
}
.rte img {
  max-width: 100%;
  margin: 10px 0;
  display: inline-block;
}
.rte img.expanded {
  width: 100%;
}
.rte table {
  margin: 0 0 5px;
  border-collapse: collapse;
  width: 100%;
}
.rte table td {
  padding: 10px;
  border: 1px solid #eee;
  text-align: left;
}
.rte table thead td {
  font-weight: 300;
}
.rte iframe {
  max-width: 100%;
}
.rte.align-center {
  text-align: center;
}
.rte.align-center ul, .rte.align-center ol {
  list-style-position: inside;
}
.rte.align-right {
  text-align: right;
}

.accordion {
  text-align: left;
  border-top: 1px solid #121212;
  border-bottom: 1px solid #121212;
}
.accordion summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  position: relative;
  padding: 15px 10px;
}
.accordion .header {
  display: flex;
  flex: 1;
}
.accordion .header .icon-accordion {
  align-self: center;
  fill: #121212;
  margin-right: 15px;
  min-width: 20px;
  height: 100%;
}
.accordion .header h3 {
  margin: 0 40px 0 0 !important;
  display: inline-block;
  font-size: 18px;
}
.accordion .arrow {
  position: absolute;
  width: 22px;
  height: 24px;
  top: 14px;
  right: 10px;
  vertical-align: middle;
}
.accordion .arrow .fc {
  color: #121212;
}
.accordion .rte {
  padding: 0 10px 15px;
  margin-top: -5px;
}
.accordion .rte img {
  max-width: 100%;
}
.accordion details[open] summary .arrow .fc {
  transform: rotate(180deg);
}
.align-right .accordion {
  text-align: right;
}
.align-right .accordion .header {
  justify-content: flex-end;
}
.align-right .accordion .header .icon-accordion {
  margin-right: 0;
  margin-left: 15px;
  order: 2;
}
.align-right .accordion .header h3 {
  margin: 0 0 0 40px !important;
}
.align-right .accordion .arrow {
  left: 10px;
  right: auto;
}

.accordion + .accordion {
  border-top: 0;
}

.placeholder-svg {
  display: block;
  fill: rgba(18, 18, 18, 0.25);
  background: #F3F3F3;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.placeholder-svg.with-white-background {
  border: 1px solid rgba(18, 18, 18, 0.25);
  background: white;
}
.placeholder-svg.with-border {
  border: 1px solid rgba(18, 18, 18, 0.25);
  background: none;
}
.placeholder-svg.darker {
  background: #eee;
}
.placeholder-svg.portrait {
  aspect-ratio: 0.8;
}
.placeholder-svg.landscape {
  aspect-ratio: 1.3333;
}

details summary {
  outline: none;
}
details summary::-webkit-details-marker {
  display: none;
}

.modal {
  display: flex;
  position: relative;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.modal .background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
}
.modal .frame {
  position: relative;
  background: #ffffff;
  padding: 30px;
  margin: 30px;
  overflow: scroll;
  text-align: left;
  max-width: 800px;
  max-height: 80vh;
  border-radius: 4px;
}
.modal .frame .close {
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
}
@keyframes animate-out-background {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes animate-out-frame {
  from {
    opacity: 0.5;
    top: 20px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
.modal.animated .background {
  opacity: 0;
  animation-name: animate-out-background;
  animation-duration: 200ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.modal.animated .frame {
  opacity: 0;
  animation-name: animate-out-frame;
  animation-duration: 250ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 50ms;
}
.modal.hidden {
  display: none;
}
@media (max-width: 960px) {
  .modal .frame {
    margin: 20px;
  }
  .modal .frame .close {
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 720px) {
  .modal .frame {
    margin: 15px;
  }
  .modal .frame .close {
    top: 15px;
    right: 15px;
  }
}

/* Accesibility */
.visually-hidden {
  display: none;
}

.js-focus-hidden:focus {
  outline: none;
}

.skip-link {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  left: 0;
  top: 0;
}
.skip-link:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 15px;
  opacity: 1;
  z-index: 10000;
  transition: none;
  background: white;
  color: black;
}

@media (max-width: 720px) {
  h2.section-title {
    font-size: 34px;
  }
}
/* Mobile and down */
@media (max-width: 420px) {
  a.btn span.extra, .btn span.extra {
    display: none;
  }
  a.btn.action.small, .btn.action.small {
    padding: 14px 20px;
  }

  .rte h1 {
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #121212;
    font-size: 40px;
  }
  .rte h2 {
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #121212;
    font-size: 32px;
  }
  .rte h3 {
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #121212;
    font-size: 28px;
  }
  .rte h4 {
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #121212;
    font-size: 24px;
  }
  .rte h5 {
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #121212;
    font-size: 20px;
  }
  .rte h6 {
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #121212;
    font-size: 18px;
  }

  .disclosure .disclosure__list li a {
    padding: 10px 15px;
  }
}
/* Filters */
.sorting-and-filtering .filter-label {
  margin-right: 10px;
  display: block;
  font-size: 18px;
}
.sorting-and-filtering form input[type=checkbox] {
  filter: grayscale(1);
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.sorting-and-filtering form label, .sorting-and-filtering form select {
  cursor: pointer;
}
.sorting-and-filtering form input:disabled + label {
  color:  ;
  cursor: default;
}
.sorting-and-filtering form .price-range {
  display: flex;
  margin: 0 0 7px;
}
.sorting-and-filtering form .price-range .price:first-child {
  margin-right: 20px;
}
.sorting-and-filtering form .price-range .price input {
  padding: 8px 10px 7px;
  border: 1px solid #d3dbe2;
  color: #121212;
  font-weight: 300;
}
.sorting-and-filtering form.desktop {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sorting-and-filtering menu-drawer details summary {
  position: relative;
  cursor: pointer;
  text-align: center;
  list-style: none;
}
.sorting-and-filtering menu-drawer details summary span.count {
  margin-left: 5px;
}
.sorting-and-filtering menu-drawer details form {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.sorting-and-filtering menu-drawer details form .inner {
  width: calc(100% - 50px);
  margin-left: auto;
  height: 100%;
  overflow-y: auto;
  pointer-events: all;
  background: #F3F3F3;
}
.sorting-and-filtering menu-drawer details form .inner .header {
  display: flex;
  position: sticky;
  top: 0;
  background: #F3F3F3;
  z-index: 2;
  border-bottom: 1px solid rgba(18, 18, 18, 0.25);
  text-align: center;
  flex-direction: column;
  padding: 15px;
}
.sorting-and-filtering menu-drawer details form .inner .menu {
  position: relative;
  z-index: 1;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details {
  border-bottom: 1px solid rgba(18, 18, 18, 0.25);
}
.sorting-and-filtering menu-drawer details form .inner .menu .details.last {
  border-bottom: 0;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details .summary {
  padding: 15px;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details .summary > div {
  display: flex;
  align-items: baseline;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details .summary > div .arrow {
  margin-left: auto;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details .summary > div .arrow svg {
  height: 10px;
  fill: ;
  transform: rotate(0deg);
}
.sorting-and-filtering menu-drawer details form .inner .menu .details .summary > div .select {
  margin-left: auto;
  background: white;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details .summary > div .select:hover select {
  color: #121212;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details .submenu {
  padding: 0 15px 5px;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details .submenu ul {
  list-style: none;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details .submenu ul li {
  margin: 0 0 10px;
  display: flex;
  align-items: baseline;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details .submenu ul li label {
  width: 100%;
}
.sorting-and-filtering menu-drawer details form .inner .menu .details[open] .summary > div .arrow {
  transform: rotate(-180deg);
}
.sorting-and-filtering menu-drawer details form .inner .price-range {
  margin-top: 10px;
}
.sorting-and-filtering menu-drawer details form .inner .price-range .price input {
  width: 90px;
}
.sorting-and-filtering menu-drawer details form .inner .footer {
  padding: 15px;
  border-top: 1px solid rgba(18, 18, 18, 0.25);
  display: flex;
  position: sticky;
  bottom: 0;
  background: #F3F3F3;
  margin-top: 0;
  align-items: stretch;
  align-content: stretch;
}
.sorting-and-filtering menu-drawer details form .inner .footer a, .sorting-and-filtering menu-drawer details form .inner .footer button {
  display: block;
}
.sorting-and-filtering menu-drawer > details > summary .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-bottom: 10px;
}
.sorting-and-filtering menu-drawer > details > summary .btn svg {
  stroke: #121212;
  margin-right: 10px;
  height: 50px;
}
.sorting-and-filtering menu-drawer > details > summary .btn:hover span {
  border: 0;
}
.sorting-and-filtering menu-drawer > details > summary .close {
  display: none;
}
.sorting-and-filtering menu-drawer > details > summary + * {
  z-index: 100;
}
.sorting-and-filtering menu-drawer > details[open] > summary .close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 101;
}
.sorting-and-filtering .filters > details > summary::before, .sorting-and-filtering menu-drawer > details > summary::before {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  cursor: default;
  content: ' ';
  background: 0 0;
}
.sorting-and-filtering .filters > details[open] > summary::before, .sorting-and-filtering menu-drawer > details[open] > summary::before {
  height: 100vh;
  display: block;
}
.sorting-and-filtering .filtering .filters {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.sorting-and-filtering .filtering .filter-group {
  margin-right: 10px;
}
.sorting-and-filtering .filtering .filter-group .filter-group-summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  overflow: hidden;
  vertical-align: bottom;
  max-width: 100%;
  margin-bottom: 10px;
  padding: 10px 12px 8px;
  display: flex;
  background-color: #f2f2f2;
  border-radius: 6px;
  transition-property: background-color;
  transition-duration: 0;
  transition-timing-function: ease;
  transition-delay: 0;
}
.sorting-and-filtering .filtering .filter-group .filter-group-summary > div {
  display: inline-block;
}
.sorting-and-filtering .filtering .filter-group .filter-group-summary > div.text {
  color: #121212;
  font-size: 18px;
}
.sorting-and-filtering .filtering .filter-group .filter-group-summary > div.text span.count {
  margin-left: 5px;
}
.sorting-and-filtering .filtering .filter-group .filter-group-summary > div.arrow {
  margin-left: 10px;
}
.sorting-and-filtering .filtering .filter-group .filter-group-summary > div.arrow i {
  color: #121212;
}
.sorting-and-filtering .filtering .filter-group .filter-group-summary:hover > div.text {
  border-bottom: 1px solid;
}
.sorting-and-filtering .filtering .filter-group .filter-group-summary .shopify-select-icon {
  cursor: pointer;
  display: block;
  fill: #798c9c;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  pointer-events: none;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.sorting-and-filtering .filtering .filter-group .filter-group-display {
  border: 1px solid #d3dbe2;
  border-radius: 3px;
  background: #ffffff;
  z-index: 100;
  position: absolute;
}
.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-header,
.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content {
  padding: 10px;
}
.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-header {
  border-bottom: 1px solid #d3dbe2;
}
.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-header a.reset {
  margin-left: 50px;
}
.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul {
  list-style: none;
  margin: 0 0 10px;
}
.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul li {
  margin: 0 0 5px;
  padding-right: 5px;
}
.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul li:hover label {
  text-decoration: underline;
}
.sorting-and-filtering .filtering .filter-group .filter-group-display .filter-group-content ul li:hover input:disabled + label {
  text-decoration: none;
}
.sorting-and-filtering .filtering .filter-group[open] .filter-group-summary > div.text {
  border-bottom: 1px solid;
}
.sorting-and-filtering .sorting {
  flex-shrink: 0;
}
.sorting-and-filtering .sorting .sort {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.sorting-and-filtering .sorting .sort button {
  margin-left: 10px;
}
.sorting-and-filtering .sorting .select {
  margin-bottom: 10px;
}
.sorting-and-filtering .active-facets {
  display: flex;
  flex-wrap: wrap;
}
.sorting-and-filtering .active-facets a.btn, .sorting-and-filtering .active-facets button {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  padding: 6px 20px;
}
.sorting-and-filtering .active-facets a.btn i.fc, .sorting-and-filtering .active-facets button i.fc {
  margin-left: 10px;
}
.sorting-and-filtering .active-facets a.btn:last-child, .sorting-and-filtering .active-facets button:last-child {
  margin-right: 0;
}
.sorting-and-filtering .active-facets a.btn:only-child {
  display: none;
}

@media (max-width: 720px) {
  .sorting-and-filtering .active-facets a.btn, .sorting-and-filtering .active-facets button {
    flex: 1 0 auto;
    justify-content: center;
  }
}
/* Account */
body.template-customers-account .sections .content {
  max-width: 540px;
}
body.template-customers-account h2 {
  margin-bottom: 15px;
}
body.template-customers-account .orders {
  border-top: 1px solid rgba(18, 18, 18, 0.25);
  margin: 20px auto;
  text-align: center;
}
body.template-customers-account .orders .order {
  display: block;
  width: 100%;
  padding: 10px 5px;
  border-bottom: 1px solid rgba(18, 18, 18, 0.25);
}
body.template-customers-account .orders .order p {
  max-width: 500px;
  margin: 0 auto;
}

/* Login & Register */
body.template-customers-login .sections .shopify-section > .content {
  max-width: 400px;
}
body.template-customers-login .content.login {
  max-width: 400px;
}
body.template-customers-login .content.login .box {
  padding: 0 0 15px;
  margin: 0 auto 20px;
}
body.template-customers-login .content.login .box.register {
  border-bottom: 1px dashed rgba(18, 18, 18, 0.6);
}
body.template-customers-login .content.login .box.login {
  padding: 0;
}
body.template-customers-login .content.login .box.guest {
  padding: 15px 0 0;
  border-top: 1px dashed rgba(18, 18, 18, 0.6);
}

body.template-customers-register .sections .shopify-section > .content,
body.template-customers-activate_account .sections .shopify-section > .content,
body.template-customers-reset_password .sections .shopify-section > .content {
  max-width: 500px;
}
body.template-customers-register .sections .content a.link,
body.template-customers-activate_account .sections .content a.link,
body.template-customers-reset_password .sections .content a.link {
  text-decoration: none;
  color: #121212;
}
body.template-customers-register .sections .content a.link:hover,
body.template-customers-activate_account .sections .content a.link:hover,
body.template-customers-reset_password .sections .content a.link:hover {
  border-bottom: 1px solid rgba(18, 18, 18, 0.6);
}

/* Mobile and down */
@media (max-width: 420px) {
  body.template-customers-login .login {
    padding: 20px 10px;
  }
}
/* Header */
.section-header {
  --text-color: #404752;
  --border-color: rgba(64, 71, 82, 0.1);
  --border: 1px solid rgba(64, 71, 82, 0.1);
}
.section-header .header {
  max-width: 2000px;
  margin: 0 auto;
}
.section-header .header .inner {
  background: #FFFFFF;
  border-bottom: var(--border);
}
.section-header .header a.btn.icon {
  margin: 0;
  height: 44px;
  min-width: 40px;
  line-height: 48px;
  padding: 0;
  color: var(--text-color);
  position: relative;
}
.section-header .header a.btn.icon i {
  font-size: 24px;
}
.section-header .header a.btn.icon .circle {
  position: absolute;
  top: 3px;
  left: 21px;
  font-size: 12px;
  font-weight: 700;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1BA1E2;
  color: #fff;
  border: 0;
  letter-spacing: -1px;
}
.section-header .header a.btn.icon .circle.empty {
  width: 18px;
  height: 18px;
  left: 23px;
  top: 6px;
}
.section-header .header a.btn.icon .circle.hidden-count {
  visibility: hidden;
}
.section-header .header a.btn.icon.close {
  color: #404752;
}
.template-cart .section-header .header a.btn.icon.cart {
  display: none;
}
.section-header .header .logo a {
  display: block;
  text-decoration: none;
}
.section-header .header .logo h1 {
  display: block;
  font-size: 28px;
  margin: 0;
  padding: 0;
  line-height: 28px;
  color: inherit;
  text-align: center;
}
.section-header .header .logo img {
  display: inline-block;
  width: auto;
  height: auto;
}
.section-header .header .logo img + img {
  display: none;
}
.section-header .header .logo.with-image h1 {
  line-height: 0;
  top: 0;
}
.section-header .header .content {
  padding: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.section-header .header .left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex: 0 1 100%;
}
.section-header .header .left > .btn.browse {
  display: none;
}
.section-header .header .left .menu {
  text-align: left;
  display: flex;
  flex-direction: row;
}
.section-header .header .left .menu ul {
  list-style: none;
}
.section-header .header .left .menu ul li {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
.section-header .header .left .menu ul li:last-child {
  margin-right: 0;
}
.section-header .header .left .menu ul li a {
  display: inline-block;
  font-size: 18px;
  text-decoration: none;
  color: var(--text-color);
}
.section-header .header .left .menu ul li a:not(.plus) {
  padding: 3px 0;
  margin: 7px 0;
  border-bottom: 1px solid transparent;
}
.section-header .header .left .menu ul li a:not(.plus).active {
  border-bottom: 1px solid var(--text-color);
}
.section-header .header .left .menu ul li a:not(.plus):hover {
  border-bottom: 1px solid var(--text-color);
}
.section-header .header .left .menu ul li a.plus {
  padding: 10px 0;
  margin: 0;
}
.section-header .header .left .menu ul li a.plus:after {
  content: '+';
  display: inline-block;
  margin-left: 3px;
}
.section-header .header .left .menu ul li a.plus[aria-expanded="true"] {
  opacity: 1;
}
.section-header .header .left .menu ul li ul.second {
  visibility: hidden;
  transform: translateY(-4%);
  position: absolute;
  z-index: 10;
  left: -10px;
  padding: 10px;
  text-align: left;
  background: white;
  border-radius: 3px;
  box-shadow: 0 0.33333333vw 1.33333333vw 0 rgba(5, 0, 56, 0.16);
  opacity: 0;
  transition: box-shadow 125ms 0ms, transform 125ms 0ms, opacity 125ms 0ms, visibility;
}
.section-header .header .left .menu ul li ul.second.expanded {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: visibility 0ms 0ms, opacity 350ms 0ms, transform 350ms 0ms, box-shadow 350ms 62.5ms;
}
.section-header .header .left .menu ul li ul.second.expanded li {
  display: block;
  white-space: nowrap;
}
.section-header .header .left .menu ul li ul.second.expanded li a {
  margin: 5px 10px;
  color: #121212;
  display: inline-block;
}
.section-header .header .left .menu ul li ul.second.expanded li a.column-child {
  font-size: 14px;
}
.section-header .header .left .menu ul li.megamenu {
  position: static;
}
.section-header .header .left .menu ul li.megamenu a.plus:hover:before {
  content: '';
  background: transparent;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  height: 100%;
  margin-top: 20px;
}
.section-header .header .left .menu ul li.megamenu ul.tab {
  left: 0;
  right: 0;
  top: 100%;
  padding: 0;
  border: 0;
  text-align: left;
  box-shadow: none;
  border-radius: 0;
  border-bottom: var(--border);
}
.section-header .header .left .menu ul li.megamenu ul.tab .line {
  background: var(--border-color);
  height: 1px;
  width: 100%;
  margin-bottom: 20px;
}
.section-header .header .left .menu ul li.megamenu ul.tab .columns {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0 30px;
}
.section-header .header .left .menu ul li.megamenu ul.tab .column {
  margin-bottom: 20px;
}
.section-header .header .left .menu ul li.megamenu ul.tab li a.column-header {
  color: #1BA1E2;
  font-weight: 400;
}
.section-header .header .left .menu ul li.megamenu ul.tab li a.column-header:hover {
  border-color: #1BA1E2;
}
.section-header .header .left .menu ul li.megamenu ul.tab .image {
  max-width: 300px;
}
.section-header .header .left .menu ul li.megamenu ul.tab .image a {
  padding: 0;
  margin: 7px 0 0;
  display: block;
  border: 0;
}
.section-header .header .left .menu ul li.megamenu ul.tab .image img {
  width: 100%;
  display: block;
}
.section-header .header .left .menu ul li.megamenu ul.tab .image p {
  text-align: center;
  margin-top: 4px;
}
.section-header .header .center {
  flex: 1 0 auto;
  padding: 0 10px;
}
.section-header .header .right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex: 0 1 100%;
}
.section-header .header .right .disclosures {
  margin-right: 5px;
}
.section-header .header .right .disclosures .disclosure__list {
  right: 0;
  bottom: auto;
  margin-top: 10px;
}
.section-header .header .right .disclosures .disclosure__list li {
  text-align: right;
}
.section-header .header .right .disclosures .disclosure__toggle {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 16px;
  display: flex;
  align-items: center;
  color: var(--text-color);
  background: #f2f2f2;
}
.section-header .header .right .disclosures .disclosure__toggle .arrow {
  margin-left: 5px;
  margin-top: 2px;
  position: static;
}
.section-header .header .right .disclosures .disclosure__toggle .arrow i {
  display: block;
  font-size: 16px;
  color: var(--text-color);
}
.section-header .header .overlay {
  visibility: hidden;
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: black;
  opacity: 0;
  transition: visibility 0s, opacity 0.35s cubic-bezier(0.46, 0.01, 0.32, 1) 0.1s;
}
.searching .section-header .header .overlay, .picking .section-header .header .overlay, .shopping .section-header .header .overlay, .browsing .section-header .header .overlay {
  visibility: visible;
  opacity: 0.4;
}
.section-header .header .side-nav-section {
  display: none;
  position: fixed;
  top: 0;
  left: -375px;
  width: 375px;
  max-width: 100%;
  height: 100%;
  text-align: left;
  z-index: 102;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 34px;
  color: #404752;
  background: #ffffff;
}
.section-header .header .side-nav-section .side-nav {
  overflow-y: auto;
  height: 100%;
  padding: 30px;
}
.section-header .header .side-nav-section .btn.close {
  color: #404752 !important;
  opacity: 0.85;
}
.section-header .header .side-nav-section .btn.close:hover {
  opacity: 1;
}
.section-header .header .side-nav-section .btn.close i {
  font-size: 24px;
}
.section-header .header .side-nav-section .nav {
  margin-top: 10px;
}
.section-header .header .side-nav-section .nav ul {
  list-style: none;
  margin-left: 15px;
}
.section-header .header .side-nav-section .nav ul li {
  margin: 0 0 10px;
}
.section-header .header .side-nav-section .nav ul a {
  text-decoration: none;
  color: #404752;
  opacity: 0.85;
}
.section-header .header .side-nav-section .nav ul a:hover {
  color: #404752;
  opacity: 1;
}
.section-header .header .side-nav-section .nav ul a.plus:after {
  content: '+';
  margin-left: 10px;
  display: inline-block;
}
.section-header .header .side-nav-section .nav ul a.plus[aria-expanded="true"]:after {
  content: '–';
  position: relative;
  top: -1px;
}
.section-header .header .side-nav-section .nav ul ul {
  display: none;
  margin-bottom: 10px;
}
.section-header .header .side-nav-section .nav ul ul li {
  margin: 0;
}
.section-header .header .side-nav-section .nav ul ul li a {
  font-size: 24px;
  padding: 5px 0 5px;
}
.section-header .header .side-nav-section .nav ul ul ul li a {
  font-size: 20px;
}
.section-header .header .side-nav-section > a.btn.browse {
  display: none;
}
.section-header .header .side-nav-section .extra > * {
  padding-top: 20px;
  margin: 0 15px;
  position: relative;
}
.section-header .header .side-nav-section .extra > *:first-child {
  margin-top: 30px;
  padding-top: 30px;
}
.section-header .header .side-nav-section .extra > *:first-child:before {
  content: "—";
  position: absolute;
  top: -20px;
  left: 0;
  color: #404752;
  font-size: 34px;
}
.section-header .header .side-nav-section .extra > *:last-child {
  padding-bottom: 30px;
}
.section-header .header .side-nav-section .connect {
  color: #404752;
  line-height: 35px;
  font-size: 18px;
}
.section-header .header .side-nav-section .connect i {
  color: #404752;
  margin-right: 10px;
  font-size: 22px;
}
.section-header .header .side-nav-section .connect a {
  text-decoration: none;
  color: #404752;
}
.section-header .header .side-nav-section .connect.cols-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  column-gap: 5px;
}
.section-header .header .side-nav-section .selectors-form .disclosures {
  flex-direction: column;
}
.section-header .header .side-nav-section .selectors-form .disclosures .disclosure {
  margin-right: 8px;
  margin-left: 0;
}
.section-header .header .side-nav-section .selectors-form .disclosures .disclosure__toggle {
  color: #404752;
  background: #f2f2f2;
}
.section-header .header .side-nav-section .selectors-form .disclosures .disclosure__toggle .arrow i {
  color: #404752;
}
.section-header .header .disclosures {
  display: flex;
  gap: 8px;
}
.section-header .header.overlaying {
  height: 0;
  position: relative;
}
:not(.sticky-header) .section-header .header.overlaying > .inner {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 20;
}
.section-header .header.overlaying.transparent .inner {
  background: transparent;
}
.section-header .header.overlaying.transparent .logo img:not(:only-child):first-child {
  display: none;
}
.section-header .header.overlaying.transparent .logo img + img {
  display: inline-block;
}
.section-header .header.overlaying.transparent .right .disclosures .disclosure__toggle {
  background: transparent;
  border: 1px solid;
  border-width: 2px;
  padding: 5px 10px;
}
.sticky-header .section-header .header.overlaying .inner {
  transition: background-color 350ms cubic-bezier(0.46, 0.01, 0.32, 1);
}
.template-gift_card .section-header .header .left, .template-gift_card .section-header .header .right {
  display: none;
}
.sticky-header .section-header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 20;
}

@media (min-width: 961px) {
  .section-header .header.logo-position-left .center {
    order: -1;
    padding: 0 30px 0 0;
  }
  .section-header .header.logo-position-left .right {
    flex: none;
  }
}
@media (max-width: 960px) {
  .section-header .header .logo h1 {
    font-size: 26px;
  }
  .section-header .header .content {
    padding: 30px 20px;
  }
  .section-header .header .left > .btn.browse {
    display: block;
  }
  .section-header .header .left .menu {
    display: none;
  }
  .section-header .header .right .disclosures {
    display: none;
  }
  .section-header .header .side-nav-section {
    display: block;
  }
  .section-header .header .side-nav-section .side-nav {
    padding: 30px 20px;
  }
}
@media (max-width: 720px) {
  .section-header .header .content {
    padding: 30px 15px;
  }
  .section-header .header .left, .section-header .header .right {
    flex: 1;
  }
  .section-header .header > .btn.browse {
    opacity: 0;
  }
  .section-header .header .center {
    flex: 1 1 auto;
    text-align: center;
  }
  .section-header .header .right .btn.user {
    display: none;
  }
  .section-header .header .side-nav-section .side-nav {
    padding: 30px 15px;
  }
}
@media (max-width: 420px) {
  .section-header .header .logo h1 {
    font-size: 20px;
  }
  .section-header .header .logo img {
    max-width: 100%;
  }
}
@media (max-width: 300px) {
  .section-header .header .logo h1 {
    font-size: 20px;
  }
  .section-header .header .left, .section-header .header .right {
    display: none;
  }
}
.no-js .section-header .header .left > .btn.browse {
  opacity: 0 !important;
}
.no-js .section-header .header .left .menu .nav ul li:focus-within ul, .no-js .section-header .header .left .menu .nav ul li:hover ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: visibility 0ms 0ms, opacity 350ms 0ms, transform 350ms 0ms, box-shadow 350ms 62.5ms;
}
.no-js .section-header .header .left .menu .nav ul li:focus-within ul li, .no-js .section-header .header .left .menu .nav ul li:hover ul li {
  display: block;
  white-space: nowrap;
}
.no-js .section-header .header .left .menu .nav ul li:focus-within ul li a, .no-js .section-header .header .left .menu .nav ul li:hover ul li a {
  margin: 5px 10px;
  color: #121212;
  display: inline-block;
}
.no-js .section-header .header .left .menu .nav ul li:focus-within ul li a.column-child, .no-js .section-header .header .left .menu .nav ul li:hover ul li a.column-child {
  font-size: 14px;
}
.no-js .section-header .header .side-nav-section {
  transition: none !important;
}
.no-js .section-header .header .side-nav-section > a.btn.browse {
  display: block;
  position: absolute;
  right: -64px;
  top: 20px;
  height: auto;
  min-width: 44px;
  line-height: 44px;
  padding: 0;
}
.no-js .section-header .header .side-nav-section > a.btn.browse i {
  font-size: 24px;
}
@media (max-width: 720px) {
  .no-js .section-header .header .side-nav-section > a.btn.browse {
    right: -54px;
    top: 10px;
  }
}
.no-js .section-header .header .side-nav-section .btn.close {
  display: none;
}
.no-js .section-header .header .side-nav-section:focus-within, .no-js .section-header .header .side-nav-section:hover {
  z-index: 100;
  transform: translateX(375px);
}
.no-js .section-header .header .side-nav-section:focus-within > a.btn.browse, .no-js .section-header .header .side-nav-section:hover > a.btn.browse {
  opacity: 0;
}
.no-js .section-header .header .side-nav-section .nav ul li:focus-within a.plus:after, .no-js .section-header .header .side-nav-section .nav ul li:hover a.plus:after {
  content: '–';
  position: relative;
  top: -1px;
}
.no-js .section-header .header .side-nav-section .nav ul li:focus-within > ul, .no-js .section-header .header .side-nav-section .nav ul li:hover > ul {
  display: block;
}
.no-js .section-header .header .side-nav-section .nav ul li:focus-within > ul li:focus-within ul, .no-js .section-header .header .side-nav-section .nav ul li:focus-within > ul li:hover ul, .no-js .section-header .header .side-nav-section .nav ul li:hover > ul li:focus-within ul, .no-js .section-header .header .side-nav-section .nav ul li:hover > ul li:hover ul {
  display: block;
}

.align-right .section-header .header .left {
  order: 3;
  justify-content: flex-end;
}
.align-right .section-header .header .left .menu {
  text-align: right;
}
.align-right .section-header .header .left .menu ul li {
  margin-left: 10px;
  margin-right: 0;
}
.align-right .section-header .header .left .menu ul li ul.second {
  text-align: right;
  left: auto;
  right: -10px;
}
.align-right .section-header .header .left .menu ul li.megamenu ul.tab {
  left: 0;
  right: 0;
}
.align-right .section-header .header .center {
  order: 2;
}
.align-right .section-header .header .right {
  order: 1;
  justify-content: flex-start;
}
.align-right .section-header .header .side-nav-section {
  left: auto;
  right: -375px;
  text-align: right;
}
.align-right .section-header .header .side-nav-section .nav ul {
  margin-left: 0;
  margin-right: 15px;
}
.align-right .section-header .header .side-nav-section .extra > *:first-child:before {
  left: auto;
  right: 0;
}
.align-right .section-header .header .side-nav-section .selectors-form .disclosures .disclosure {
  margin-left: 8px;
  margin-right: 0;
}
.align-right.browsing .side-nav-section {
  transform: translateX(-375px);
}

/* Side Cart */
.side-cart {
  visibility: hidden;
  position: fixed;
  z-index: 11;
  top: 0;
  right: -400px;
  width: 400px;
  max-width: 100%;
  height: 100%;
  text-align: left;
  padding: 30px;
  background: #ffffff;
}
.side-cart a.close {
  position: absolute;
  top: 34px;
  right: 30px;
  text-decoration: none;
  opacity: 0.85;
}
.side-cart a.close i {
  font-size: 24px;
}
.side-cart a.close:hover {
  opacity: 1;
}
.side-cart .side-cart-header {
  border-bottom: 1px solid #f2f2f2;
}
.side-cart .side-cart-header h2 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 25px;
  margin: 0 0 20px;
}
.side-cart .side-cart-container {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px 30px;
}
.side-cart .side-cart-container .items {
  position: absolute;
  top: 0;
  bottom: 150px;
  left: 0;
  right: 0;
  padding: 0 30px;
  overflow-y: auto;
  overflow-x: hidden;
}
.side-cart .side-cart-container .items .item {
  position: relative;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.45s;
  transition-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  transition-delay: 0s;
}
.side-cart .side-cart-container .items .item:after {
  display: table;
  content: '';
  clear: both;
}
.side-cart .side-cart-container .items .item .quantity {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.45s;
  transition-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  transition-delay: 0s;
}
.side-cart .side-cart-container .items .item.loading .quantity {
  opacity: 0.3;
}
.side-cart .side-cart-container .items .item.removing {
  opacity: 0.1;
}
.side-cart .side-cart-container .items .item .left {
  float: left;
  width: 30%;
}
.side-cart .side-cart-container .items .item .left img {
  width: 100%;
  background: #F3F3F3;
}
.side-cart .side-cart-container .items .item .right {
  display: block;
  float: left;
  width: 70%;
  padding: 0px 20px 10px 10px;
}
.side-cart .side-cart-container .items .item .right a.name {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 18px;
  color: #000000;
  text-decoration: none;
  display: inline;
}
.side-cart .side-cart-container .items .item .right .description {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 14px;
  color: #121212;
  margin: 1px 0 2px;
}
.side-cart .side-cart-container .items .item .right .quantity {
  margin: 10px 0 0;
}
.side-cart .side-cart-container .items .item .right .quantity input {
  width: 40px;
  text-align: center;
  border: 1px solid;
  background-color: transparent;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 14px;
  color: #121212;
  padding: 4px 0;
}
.side-cart .side-cart-container .items .item .right .quantity button {
  color: #121212;
  background-color: transparent;
  border: 0;
  padding: 4px 0;
  width: 30px;
  cursor: pointer;
}
.side-cart .side-cart-container .items .item .price {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 20px;
  color: #121212;
  text-align: right;
  clear: both;
}
.side-cart .side-cart-container .items .item .price span {
  display: inline-block;
}
.side-cart .side-cart-container .items .item .price span.striped {
  text-decoration: line-through;
  color: rgba(18, 18, 18, 0.6);
  font-size: 16px;
}
.side-cart .side-cart-container .items .item .price span.unit-price {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  color: rgba(18, 18, 18, 0.6);
}
.side-cart .side-cart-container .items .item .price span.allocation {
  display: block;
  font-size: 14px;
  color: #1BA1E2;
  line-height: 22px;
  margin-top: 2px;
}
.side-cart .side-cart-container .items .item .price span.allocation .icon {
  vertical-align: middle;
  margin-right: 5px;
}
.side-cart .side-cart-container .items .item .remove {
  position: absolute;
  top: 1px;
  right: 0;
  display: block;
  text-decoration: none;
}
.side-cart .side-cart-container .items .item:last-child {
  border: 0;
}
.side-cart .side-cart-container .items .instructions {
  margin: 20px 0;
}
.side-cart .side-cart-container .items .instructions label {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
  display: block;
  margin: 0 0 20px;
}
.side-cart .side-cart-container .items .instructions textarea {
  min-height: 160px;
  padding: 10px;
  font-size: 14px;
  width: 100%;
}
.side-cart .side-cart-container .more {
  border-top: 1px solid #f2f2f2;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  padding-top: 10px;
  padding-bottom: 30px;
  background: #ffffff;
}
.side-cart .side-cart-container .more .row {
  padding-bottom: 15px;
}
.side-cart .side-cart-container .more .row:last-child {
  padding-bottom: 0;
}
.side-cart .side-cart-container .more h3 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 25px;
}
.side-cart .side-cart-container .more h3:after {
  display: table;
  content: '';
  clear: both;
}
.side-cart .side-cart-container .more h3 span {
  font-weight: 300;
}
.side-cart .side-cart-container .more h3 .value {
  float: right;
  text-align: right;
}
.side-cart .side-cart-container .more h3.small {
  font-size: 20px;
}
.side-cart .side-cart-container .more h4 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
  display: block;
}
.side-cart .side-cart-container .more .shipping-and-taxes {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
  color: #1BA1E2;
}
.side-cart .side-cart-container .more h5 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 15px;
  color: #1BA1E2;
  font-weight: 700;
  display: block;
  margin: 0 0 5px;
}
.side-cart .side-cart-container .more h5 .icon {
  vertical-align: middle;
  margin-right: 2px;
  font-weight: 600;
}
.side-cart .side-cart-container .more h5 .value {
  float: right;
  text-align: right;
}
.side-cart .side-cart-container .more button {
  width: 100%;
}
.side-cart .side-cart-container .more button.update {
  display: none;
}
.no-js .side-cart .side-cart-container .more button {
  display: inline-block;
}
.no-js .side-cart .side-cart-container .more button br {
  display: inline-block;
  margin-right: 4px;
  content: ' ';
}
.side-cart .side-cart-container .more .additional-checkout-buttons {
  margin-top: -15px;
}
.side-cart .side-cart-container > h3 {
  margin-top: 10px;
}

@media (max-width: 420px) {
  .side-cart {
    padding: 30px 15px;
  }
  .side-cart a.close {
    right: 15px;
  }
  .side-cart .side-cart-container {
    padding: 15px 15px;
  }
  .side-cart .side-cart-container .items {
    padding: 0 15px;
  }
  .side-cart .side-cart-container .more {
    left: 15px;
    right: 15px;
  }
}
.search-overlay {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  z-index: 11;
  background: #FFFFFF;
  align-items: center;
}
.searching .search-overlay {
  display: block;
}
.search-overlay .search-bar {
  display: flex;
  align-items: center;
  padding: 0 30px;
  width: 100%;
  height: 100%;
}
.search-overlay .search-bar input {
  width: 100%;
  display: block;
  outline: none;
  border: 0;
  font-size: 20px;
  background: #FFFFFF;
  color: #404752;
  -webkit-appearance: textfield;
}
.search-overlay .search-bar ::-webkit-input-placeholder {
  color: rgba(64, 71, 82, 0.6);
}
.search-overlay .search-bar :-moz-placeholder {
  color: rgba(64, 71, 82, 0.6);
}
.search-overlay .search-bar ::-moz-placeholder {
  color: rgba(64, 71, 82, 0.6);
}
.search-overlay .search-bar :-ms-input-placeholder {
  color: rgba(64, 71, 82, 0.6);
}
.search-overlay .search-bar ::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.search-overlay .predictive-search-results {
  background: #FFFFFF;
  color: #404752;
  margin-top: 20px;
}
.search-overlay .predictive-search-results .products {
  border-top: 1px solid rgba(64, 71, 82, 0.1);
  padding: 0 30px 30px;
  overflow: scroll;
}

@media (max-width: 960px) {
  .search-overlay .search-bar {
    padding: 0 20px;
  }
  .search-overlay .predictive-search-results .products {
    padding: 0 20px 20px;
  }
}
@media (max-width: 720px) {
  .search-overlay .search-bar {
    padding: 0 15px;
  }
  .search-overlay .predictive-search-results .products {
    padding: 0 15px 15px;
  }
}
/* Alerts */
.alert-header {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 16px;
  color: #fff;
  background-color: #ff555d;
  text-align: center;
}
.alert-header ul {
  list-style-type: none;
  margin-top: 8px;
}
.alert-header ul li {
  margin-top: 2px;
}

/* Footer */
.footer {
  position: relative;
  text-align: left;
  background: #212529;
  margin: 0;
  padding: 0;
}
.footer .content {
  padding: 40px 30px;
  margin: 0 auto;
  max-width: 2000px;
}
.footer .content:after {
  display: table;
  content: '';
  clear: both;
}
.footer .content img {
  display: inline;
}
.footer .content h1 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 20px;
  color: #ffffff;
  margin: 0 0 15px;
}
.footer .content a {
  color: #B1B1B1;
  text-decoration: none;
}
.footer .content a i {
  color: #B1B1B1;
  margin-right: 10px;
  font-size: 18px;
}
.footer .content a:hover {
  color: #ffffff;
}
.footer .content a:hover i {
  color: #ffffff;
}
.footer .content .row {
  padding: 0;
}
.footer .content .row.cols {
  text-align: left;
}
.footer .content .row.cols:after {
  display: table;
  content: '';
  clear: both;
}
.footer .content .row.cols .col {
  float: left;
  width: 25%;
  padding-right: 20px;
}
.footer .content .row.cols .col p {
  color: #B1B1B1;
  line-height: 35px;
  font-size: 16px;
}
.footer .content .row.cols .col p.cols-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  column-gap: 10px;
}
.footer .content .row.cols .col .rte p {
  line-height: 26px;
}
.footer .content .row.cols .col .rte p a {
  text-decoration: underline;
}
.footer .content .row.cols .col ul {
  list-style-type: none;
  float: left;
  width: 40%;
  max-width: 200px;
}
.footer .content .row.cols .col ul li {
  color: #B1B1B1;
  line-height: 28px;
  font-size: 16px;
}
.footer .content .row.cols .col form input.small {
  font-size: 13px;
  padding: 4px 8px 3px;
  border: 0;
  min-height: 0;
  min-width: 170px;
}
.footer .content .row.cols .col form input.small.error {
  border: 2px solid #ff555d;
}
.footer .content .row.cols .col form .btn.line {
  padding: 7px 10px;
  margin: 0 0 0 2px;
  color: #B1B1B1;
  border-color: #B1B1B1;
}
.footer .content .row.cols .col form .btn.line:hover {
  color: #ffffff;
  border-color: #ffffff;
}
.footer .content .row.cols .col form .success {
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
}
.footer .content .row.cols .col form .field-error {
  margin: 5px 0 0;
  color: #ff555d;
  font-size: 16px;
}
.footer .content .row.cols.blocks-1 .col {
  width: 100%;
}
.footer .content .row.cols.blocks-2 .col {
  width: 50%;
}
.footer .content .row.cols.blocks-3 .col {
  width: 33.33%;
}
.footer .content .bottom {
  display: flex;
  flex-direction: row;
}
.footer .content .bottom .left, .footer .content .bottom .right {
  flex-grow: 1;
  align-self: flex-end;
}
.footer .content .bottom .left {
  text-align: left;
}
.footer .content .bottom .right {
  text-align: right;
}
.footer .content .extra {
  font-size: 16px;
  line-height: 22px;
  margin-top: 30px;
  position: relative;
  padding-top: 14px;
  color: #B1B1B1;
}
.footer .content .extra:before {
  content: "\2014";
  position: absolute;
  left: 0;
  top: -14px;
}
.footer .content .extra .icons {
  margin: 8px 0;
  display: flex;
  flex-wrap: wrap;
}
.footer .content .extra .icons svg {
  width: 50px;
  height: 32px;
  display: block;
  margin: 2px;
  order: 99;
}
.footer .content .extra .icons svg[aria-labelledby=pi-visa] {
  order: 1;
}
.footer .content .extra .icons svg[aria-labelledby=pi-apple_pay] {
  order: 2;
}
.footer .content .extra .icons svg[aria-labelledby=pi-google_pay] {
  order: 3;
}
.footer .content .extra .icons svg[aria-labelledby=pi-shopify_pay] {
  order: 4;
}
.footer .content .extra .icons svg[aria-labelledby=pi-paypal] {
  order: 5;
}
.footer .content .extra .icons svg[aria-labelledby=pi-amex] {
  order: 6;
}
.footer .content .extra .icons svg[aria-labelledby=pi-mastercard] {
  order: 7;
}
.footer .content > .extra:first-child {
  margin-top: 0;
}
.footer .content .disclosures {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.footer .content .disclosures .disclosure .disclosure__toggle {
  background: transparent;
  color: #B1B1B1;
  border: 1px solid #B1B1B1;
}
.footer .content .disclosures .disclosure .disclosure__toggle .arrow i {
  color: #B1B1B1;
}
.footer .content .disclosures .disclosure .disclosure__toggle:hover, .footer .content .disclosures .disclosure .disclosure__toggle[aria-expanded="true"] {
  color: #ffffff;
  border-color: #ffffff;
}
.footer .content .disclosures .disclosure .disclosure__toggle:hover .arrow i, .footer .content .disclosures .disclosure .disclosure__toggle[aria-expanded="true"] .arrow i {
  color: #ffffff;
}
.footer .content .disclosures .disclosure .disclosure__list {
  right: 0;
}
.footer .content .disclosures .disclosure .disclosure__list li {
  text-align: right;
}
.align-right .footer .content .row.cols {
  text-align: right;
}
.align-right .footer .content .row.cols .col {
  padding-left: 20px;
  padding-right: 0;
}
.align-right .footer .content .extra:before {
  left: auto;
  right: 0;
}
.align-right .footer .content .bottom .left {
  text-align: right;
  order: 2;
}
.align-right .footer .content .disclosures {
  justify-content: flex-start;
}

.template-collection .footer, .template-list-collections .footer {
  margin: 0 0 0;
}

@media (max-width: 960px) {
  .footer .content {
    padding: 40px 20px;
  }
  .footer .content .row.cols .col {
    width: 50%;
    margin-bottom: 50px;
  }
  .footer .content .row.cols .col:nth-child(3) {
    clear: left;
  }
  .footer .content .row.cols .col form input.small {
    min-width: 180px;
  }
}
@media (max-width: 720px) {
  .footer .content {
    padding: 15px;
  }
  .footer .content .row.cols .col {
    width: 100% !important;
    padding: 20px 0;
    margin-bottom: 0px;
  }
  .footer .content .row.cols .col h1 {
    margin: 0 0 10px;
  }
  .footer .content .row.cols .col p {
    font-size: 20px;
    line-height: 40px;
  }
  .footer .content .row.cols .col p i.fc {
    vertical-align: inherit;
  }
  .footer .content .extra {
    padding-top: 0;
    margin-top: 0;
  }
  .footer .content .extra:before {
    display: none;
  }
  .footer .content .extra .icons {
    justify-content: center;
    margin: 10px 0 20px;
  }
  .footer .content .bottom {
    flex-direction: column;
  }
  .footer .content .bottom .left, .footer .content .bottom .right {
    flex-basis: 100%;
    width: 100%;
    text-align: center;
  }
  .footer .content .bottom .left {
    order: 2;
  }
  .footer .content .bottom .right {
    order: 1;
  }
  .footer .content .bottom .disclosures {
    margin: 20px 0;
    justify-content: center;
  }
  .align-right .footer .content .disclosures {
    justify-content: flex-end;
  }
}
/* Popup */
.popup {
  padding: 0 !important;
}
.popup .modal .frame {
  padding: 60px 30px;
  text-align: center;
}
.popup .modal .frame .rte p {
  max-width: none;
}
.popup .titles {
  margin: 0 20px;
}
.popup .titles .section-title {
  margin-bottom: 10px;
}
.popup .titles .rte p:last-child {
  margin-bottom: 0;
}
.popup .content form, .popup .content .btn.action {
  margin-top: 20px;
}
.popup .content form {
  max-width: 500px;
}

/* Slideshow */
.slideshow {
  position: relative;
  height: 100%;
  overflow: hidden;
  --text-color: #ffffff;
}
.slideshow.height_10 {
  height: 10vh;
}
.slideshow.height_20 {
  height: 20vh;
}
.slideshow.height_30 {
  height: 30vh;
}
.slideshow.height_40 {
  height: 40vh;
}
.slideshow.height_50 {
  height: 50vh;
}
.slideshow.height_60 {
  height: 60vh;
}
.slideshow.height_70 {
  height: 70vh;
}
.slideshow.height_80 {
  height: 80vh;
}
.slideshow.height_90 {
  height: 90vh;
}
.slideshow.height_100 {
  height: 100vh;
}
.slideshow.dark-mode {
  --text-color: #333333;
}
.slideshow .slick-list, .slideshow .slick-track {
  height: 100%;
}
.slideshow .slides {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.browsing .slideshow .slides * {
  cursor: default;
}
.slideshow .slides .slick-slide {
  width: 100%;
  height: 100%;
}
.slideshow .slides .slick-slide > div {
  width: 100%;
  height: 100%;
}
.slideshow .slides .slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.slideshow .slides .slide .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slideshow .slides .slide .placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.slideshow .slides .slide.is-light h2, .slideshow .slides .slide.is-light h3, .slideshow .slides .slide.is-light .bottom-left {
  color: #ffffff;
}
.slideshow .slides .slide.is-light a.btn.line {
  color: #ffffff;
  border-color: #ffffff;
  opacity: 0.75;
}
.slideshow .slides .slide.is-light a.btn.line:hover {
  opacity: 1;
}
.slideshow .slides .slide.is-light .placeholder-background .placeholder-svg {
  fill: #333333;
  background-color: #262626;
}
.slideshow .slides .slide.is-dark h2, .slideshow .slides .slide.is-dark h3, .slideshow .slides .slide.is-dark .bottom-left {
  color: #333333;
}
.slideshow .slides .slide.is-dark a.btn.line {
  color: #333333;
  border-color: #333333;
  opacity: 0.75;
}
.slideshow .slides .slide.is-dark a.btn.line:hover {
  opacity: 1;
}
.slideshow .slides .slide.is-dark .placeholder-background .placeholder-svg {
  fill: rgba(64, 71, 82, 0.1);
  background-color: #f3f0ee;
}
.slideshow .slides .slick-prev, .slideshow .slides .slick-next {
  font-size: 0;
  line-height: 40px;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  background: transparent;
}
.slideshow .slides .slick-prev:before, .slideshow .slides .slick-next:before {
  font-size: 40px;
  font-family: "FontCalifornia";
  color: var(--text-color);
}
.slideshow .slides .slick-prev {
  left: 20px;
  z-index: 2;
}
.slideshow .slides .slick-prev:before {
  content: "\66";
}
.slideshow .slides .slick-next {
  right: 20px;
}
.slideshow .slides .slick-next:before {
  content: "\67";
}
.slideshow .slides .slick-dots {
  position: absolute;
  left: 100px;
  right: 100px;
  bottom: 30px;
  display: block;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slideshow .slides .slick-dots li {
  display: inline-block;
}
.slideshow .slides .slick-dots li button {
  font-size: 0;
  color: var(--text-color);
  padding: 5px;
  cursor: pointer;
  background: transparent;
  border: 0;
  display: block;
}
.slideshow .slides .slick-dots li button:before {
  font-size: 16px;
  content: "\47";
  font-family: "FontCalifornia";
}
.slideshow .slides .slick-dots li.slick-active button:before {
  content: "\46";
}
.slideshow .content {
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 30px;
}
.slideshow .content .container {
  max-width: 550px;
}
.slideshow .content .container h2 {
  font-size: 42px;
  color: var(--text-color);
  line-height: 52px;
  font-weight: 700;
  margin: 0 auto;
}
.slideshow .content .container h3 {
  color: var(--text-color);
  font-size: 28px;
  line-height: 38px;
  margin: 10px auto 0;
}
.slideshow .content .container .more {
  margin-top: -15px;
}
.slideshow .content .container a.logo {
  display: inline-block;
  text-decoration: none;
}
.slideshow .content .container a.logo h1 {
  font-size: 40px;
  margin: 0;
  display: inline-block;
}
.slideshow .content .container a.logo h1 img {
  display: inline-block;
  max-width: 100%;
}
.slideshow .content .container a.btn {
  margin: 30px 0 0;
  white-space: normal;
}
.slideshow .content .container a.btn.line {
  margin-top: 20px;
}
.slideshow .content.center {
  text-align: center;
}
.slideshow .content.left {
  text-align: left;
  justify-content: flex-start;
  max-width: none;
}
.slideshow .content.left.with-arrows {
  padding-left: 80px;
}
.slideshow .content.left .container h2, .slideshow .content.left .container h3 {
  margin-left: 0;
}
.slideshow .content.right {
  text-align: right;
  justify-content: flex-end;
  max-width: none;
}
.slideshow .content.right.with-arrows {
  padding-right: 80px;
}
.slideshow .content.right .container h2, .slideshow .content.right .container h3 {
  margin-right: 0;
}
.slideshow .content.bottom {
  align-items: flex-end;
}
.slideshow .bottom-left {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 4;
  font-family: sans-serif;
  font-size: 11px;
  text-align: left;
  max-width: 300px;
  color: var(--text-color);
}
.slideshow .bottom-left a {
  text-decoration: none;
  border-bottom: 1px solid;
  color: inherit;
}
.slideshow .bottom-left a:hover {
  color: #1BA1E2;
}

@media (max-width: 960px) {
  .slideshow .content {
    padding: 20px;
  }
  .slideshow .rslides_tabs {
    bottom: 50px;
  }
  .slideshow .bottom-left {
    left: 20px;
    right: 20px;
  }
}
@media (max-width: 720px) {
  .slideshow .content.left, .slideshow .content.right {
    text-align: center;
    justify-content: center;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .slideshow .content.left .container h2, .slideshow .content.left .container h3, .slideshow .content.right .container h2, .slideshow .content.right .container h3 {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 550px) {
  .slideshow .content .container h2 {
    font-size: 32px;
    line-height: 36px;
  }
  .slideshow .content .container h3 {
    font-size: 24px;
    line-height: 34px;
    max-width: 90%;
  }
}
@media (max-width: 420px) {
  .slideshow .content {
    padding: 15px;
  }
  .slideshow .content .container a.logo h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .slideshow .content .container h2 {
    display: block;
    font-size: 30px;
    line-height: 36px;
    margin: 0 auto;
  }
  .slideshow .content .container h2 br {
    display: none;
  }
  .slideshow .content .container h3 {
    display: block;
    font-size: 24px;
    line-height: 30px;
    margin: 5px auto 0;
  }
  .slideshow .content .container a.btn {
    margin: 20px 0 0;
  }
  .slideshow .content .container .more {
    display: none;
  }
  .slideshow .bottom-right, .slideshow .bottom-left {
    display: none;
  }
  .slideshow .slides .slick-dots {
    left: 10px;
    right: 10px;
  }
  .slideshow .slides .slick-prev {
    left: 0px;
  }
  .slideshow .slides .slick-next {
    right: 0px;
  }
}
/* Home */
.template-index {
  text-align: center;
}
.template-index .back-buttons .shopping, .template-index .back-buttons .back {
  display: none;
}

/* Feature Columns */
.feature-columns {
  text-align: center;
}
.feature-columns .titles {
  margin: 0 0 40px;
}
.feature-columns .titles h2 {
  margin-bottom: 10px;
}
.feature-columns .titles p {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 20px;
  line-height: 34px;
  max-width: 675px;
  margin: 0 auto;
  padding: 10px 0 0;
}
.feature-columns .titles p:first-child {
  padding-top: 0;
}
.feature-columns .cols {
  margin: 20px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
}
.feature-columns .cols .col {
  width: 33.333%;
  padding: 20px 10px;
}
.feature-columns .cols .col img {
  display: inline-block;
  margin: 0 0 10px;
  width: 100%;
}
.feature-columns .cols .col .number {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 90px;
  color: rgba(27, 161, 226, 0.3);
  margin: 0 auto 10px;
  border: 4px solid rgba(27, 161, 226, 0.3);
  width: 100px;
  border-radius: 100px;
  padding: 4px 9px 4px 7px;
  box-sizing: content-box;
}
.feature-columns .cols .col h3 {
  color: #121212;
  margin: 0 0 4px;
}
.feature-columns .cols .col p {
  color: #000000;
  max-width: 500px;
  line-height: 28px;
  margin: 0 auto;
}
.feature-columns .cols .break {
  flex-basis: 100%;
  height: 0;
}
.feature-columns .cols.layout-1 .col, .feature-columns .cols.layout-2 .col {
  width: 40%;
}
.feature-columns .cols.layout-5 .col-4, .feature-columns .cols.layout-5 .col-5 {
  width: 40%;
}
.feature-columns .cols.layout-7 .col-7 {
  width: 40%;
}
.feature-columns .cols.layout-8 .col-7, .feature-columns .cols.layout-8 .col-8 {
  width: 40%;
}
.feature-columns > .btn {
  margin: 0 0 60px;
}

@media (max-width: 960px) {
  .feature-columns .titles {
    margin: 0 0 30px;
  }
  .feature-columns .row.cols .col {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 40%;
  }
}
@media (max-width: 720px) {
  .feature-columns .row.cols .col {
    display: block;
    width: 100%;
    margin: 10px 0 20px;
    padding: 0;
  }
  .feature-columns .row.cols .col .number {
    font-size: 60px;
    margin: 0 auto 10px;
    width: 60px;
    padding: 0px 5px 0;
    border-radius: 50px;
    box-sizing: content-box;
  }
}
/* FAQ */
.faq .titles {
  text-align: center;
  margin: 0 0 30px;
}
.faq .titles h2 {
  margin-bottom: 10px;
}
.faq .titles p {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 20px;
  line-height: 34px;
  max-width: 675px;
  margin: 0 auto;
  padding: 10px 0 0;
}
.faq .titles p:first-child {
  padding-top: 0;
}

/* Featured image */
.featured-image img {
  display: block;
  width: 100%;
}
.featured-image a {
  text-decoration: none;
}
.featured-image .placeholder-svg {
  width: 100%;
  height: 40vw;
}

/* Featured collection */
.featured-collection {
  margin: 0 auto;
}
.featured-collection:last-child {
  margin-bottom: 0;
}
.featured-collection .collection .head {
  display: none;
}
.featured-collection .collection .products.columns_1 .product {
  margin: 0 auto 10px;
}
.featured-collection .btn {
  margin: 30px 0 0;
}

/* Rich text */
.rich-text {
  padding: 0 30px;
  text-align: center;
}
.rich-text h2.section-title {
  margin-bottom: 10px;
}
.rich-text .rte p, .rich-text .rte ul, .rich-text .rte ol {
  font-size: 18px;
  line-height: 26px;
}
.rich-text .btn {
  margin-top: 30px;
}

.logo-list {
  text-align: center;
}
.logo-list h2.section-title {
  margin-bottom: 10px;
}
.logo-list .flex-row {
  flex-wrap: wrap;
}
.logo-list .logo {
  width: 100px;
  display: block;
  margin: 20px;
}
.logo-list .placeholder-svg {
  fill: #121212;
}
@media (max-width: 720px) {
  .logo-list .flex-row {
    flex-direction: row;
  }
}

/* Collage */
.collage .rte {
  text-align: center;
  margin-bottom: 20px;
}
.collage .cards {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0 auto;
}
.collage .cards .card {
  position: relative;
}
.collage .cards .card.show-border {
  border: 1px solid rgba(18, 18, 18, 0.25);
}
.collage .cards .card.card-left {
  grid-column: 1 / span 2;
}
.collage .cards .card.card-left:nth-last-child(3) {
  grid-row: 1 / 3;
}
.collage .cards .card.card-right {
  grid-column: 2 / span 2;
}
.collage .cards .card.card-right:nth-child(3) {
  grid-row: 1 / 3;
}
.collage .cards .card:only-child {
  grid-column: 1 / span 3;
  max-width: 100%;
}
.collage .cards .card .card-content {
  height: 100%;
  width: 100%;
}
.collage .cards .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.collage .cards .card .placeholder-svg {
  display: block;
}
.collage .cards .card .card-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: rgba(18, 18, 18, 0.25);
  color: #fff;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
}
.collage .cards .card .card-info.left {
  text-align: left;
}
.collage .cards .card .card-info.right {
  text-align: right;
}
.collage .cards .card.image {
  border-radius: 4px;
  box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.collage .collection {
  margin: 0;
  height: 100%;
  width: 100%;
}
.collage .collection .products {
  display: block;
  margin: 0;
  height: 100%;
  width: 100%;
}
.collage .collection .products .product {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.collage .collection .products .product > .inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}
.collage .collection .products .product > .inner .image {
  height: 100%;
}
.collage .collection .products .product > .inner .frame {
  height: 100%;
}
.collage.with-background .cards .card.image .placeholder-svg {
  border: 1px solid rgba(18, 18, 18, 0.25);
}

@media (max-width: 720px) {
  .collage .cards {
    gap: 15px;
  }
  .collage.mobile-column .cards {
    display: block;
  }
  .collage.mobile-column .cards .card {
    margin-bottom: 15px;
  }
  .collage.mobile-column .cards .card:last-child {
    margin-bottom: 0;
  }
  .collage.mobile-column .cards .card .card-info {
    padding: 5px;
  }
}
/* Cart */
body.template-cart .content .items {
  margin: 30px 0 10px;
  text-align: left;
}
body.template-cart .content .items .item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  padding: 30px 0;
  border-top: 1px solid #f2f2f2;
}
body.template-cart .content .items .item .left {
  display: flex;
  align-items: flex-start;
}
body.template-cart .content .items .item .left > img {
  height: 45px;
  width: auto;
  display: inline;
  margin: 0 10px 0 0;
  border-radius: 3px;
}
body.template-cart .content .items .item .left .product {
  display: inline-block;
  vertical-align: top;
}
body.template-cart .content .items .item .left .product .title {
  color: #121212;
  display: block;
  font-size: 24px;
  line-height: 26px;
  max-width: 300px;
  width: 100%;
}
body.template-cart .content .items .item .left .product .subtitle {
  display: block;
  font-size: 16px;
}
body.template-cart .content .items .item .left .product .subtitle a {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
  color: #1BA1E2;
  text-decoration: none;
  margin: 0 0 0 1px;
}
body.template-cart .content .items .item .left .product .subtitle a:hover {
  color: #1891cb;
}
body.template-cart .content .items .item .left .product .unit-price {
  font-size: 14px;
}
body.template-cart .content .items .item .left .select {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
body.template-cart .content .items .item .left .select select {
  display: inline;
  min-width: 70px;
}
body.template-cart .content .items .item .left .select input {
  display: inline;
  width: 80px;
}
body.template-cart .content .items .item .left .select .arrow {
  right: 7px;
  top: 10px;
}
body.template-cart .content .items .item .left .discount .title {
  color: #1BA1E2;
  display: block;
  font-size: 24px;
  line-height: 26px;
  max-width: 500px;
  width: 100%;
}
body.template-cart .content .items .item .left .discount .title .fc {
  margin-right: 10px;
}
body.template-cart .content .items .item .right {
  text-align: right;
  flex-grow: 1;
  margin-left: 10px;
}
body.template-cart .content .items .item .right .subtotal {
  color: #121212;
}
body.template-cart .content .items .item .right .price .money {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 30px;
}
body.template-cart .content .items .item .right .price.with-discount {
  top: 0;
}
body.template-cart .content .items .item .right .price.with-discount .original {
  font-size: 22px;
  opacity: 0.6;
}
body.template-cart .content .items .item .right .price.with-discount .final {
  color: #1BA1E2;
  font-weight: 400;
}
body.template-cart .content .items .item .right .price.with-discount .allocation {
  color: #1BA1E2;
  margin-top: 2px;
  display: inline-block;
}
body.template-cart .content .items .item .right .price.subtotal {
  top: -2px;
}
body.template-cart .content .items .item .right .price.subtotal .money {
  font-weight: 400;
}
body.template-cart .content .items .item .right .symbol {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 38px;
  color: rgba(18, 18, 18, 0.6);
  display: inline-block;
  margin: 0 15px;
}
body.template-cart .content .items .item .right small {
  display: inline-block;
  margin-top: 10px;
}
body.template-cart .content .items .item.last {
  padding: 15px 0;
}
body.template-cart .content .update {
  margin-bottom: 10px;
}
body.template-cart .content .block.left {
  float: left;
  text-align: left;
}
body.template-cart .content .block.right {
  float: right;
  text-align: right;
}
body.template-cart .content .block.right h3 {
  color: #000000;
}
body.template-cart .content .block.full {
  width: 100%;
  margin: 0 0 20px;
  text-align: left;
}
body.template-cart .content .block.full textarea {
  display: block;
  margin-top: 8px;
  width: 100%;
  font-size: 16px;
  height: 100px;
}
body.template-cart .content .block.text {
  margin: 20px 0 0;
  float: right;
  max-width: 400px;
}
body.template-cart .content .block.text p {
  line-height: 20px;
  text-align: right;
}
body.template-cart .content .additional-checkout-buttons {
  margin: 10px 0 0;
}
body.template-cart .content .additional-checkout-buttons [data-shopify-buttoncontainer] {
  justify-content: flex-end;
}

@media (max-width: 960px) {
  body.template-cart .content .items {
    margin: 20px 0 10px;
  }
  body.template-cart .content .items .item {
    padding: 20px 0;
  }
}
@media (max-width: 720px) {
  body.template-cart .content .items .item {
    padding: 15px 0;
  }
  body.template-cart .content .items .item .left {
    text-align: left;
  }
  body.template-cart .content .items .item .left select.btn {
    margin-right: 5px;
    min-width: 50px;
    font-size: 14px;
    padding: 8px 30px 8px 6px;
  }
  body.template-cart .content .items .item .left .select input {
    width: 60px;
  }
  body.template-cart .content .items .item .right {
    margin-top: 10px;
  }
  body.template-cart .content .items .item .right .price.with-discount .allocation {
    font-size: 14px;
    line-height: 16px;
  }
  body.template-cart .content .items .item.last {
    justify-content: center;
  }
  body.template-cart .content .items .item.last .left {
    display: none;
  }
  body.template-cart .content .items .item.last .right {
    text-align: center;
  }
  body.template-cart .content .block.left {
    float: none;
    text-align: center;
  }
  body.template-cart .content .block.right {
    float: none;
    text-align: center;
  }
  body.template-cart .content .block.text {
    float: none;
    max-width: 100%;
  }
  body.template-cart .content .block.text p {
    text-align: center;
  }
  body.template-cart .content .additional-checkout-buttons [data-shopify-buttoncontainer] {
    justify-content: center;
  }
}
/* Pages */
.section-page form {
  margin: 20px 0 0;
}
.section-page .placeholder-svg {
  display: block;
  max-width: 100%;
  max-height: 300px;
}

.section-contact .rte {
  margin-bottom: 30px;
}

.align-right .section-page .rte {
  text-align: right;
}
.align-right .section-page .rte input[type=text], .align-right .section-page .rte textarea {
  text-align: right;
}

.align-center .section-page .rte {
  text-align: center;
}

/* Search */
.content.search h2 {
  margin-bottom: 0;
}
.content.search .search-header {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.content.search .search-header input {
  width: 100%;
  background-color: #eee;
  border-radius: 6px;
  margin-left: 10px;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  color: rgba(18, 18, 18, 0.6);
  display: inline-block;
  width: 100%;
  border: 0;
  cursor: pointer;
  padding: 10px 12px;
}
.content.search .search-header input[type="search"]::-webkit-search-decoration,
.content.search .search-header input[type="search"]::-webkit-search-cancel-button,
.content.search .search-header input[type="search"]::-webkit-search-results-button,
.content.search .search-header input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.content.search .sorting-and-filtering {
  margin: 0 0 10px;
}

/* Blog */
.featured-blog .posts {
  text-align: left;
}
.featured-blog .btn {
  margin-top: 60px;
}

.blog {
  color: #000000;
}
.blog .top {
  margin-bottom: 10px;
}
.blog .top h2 {
  margin-bottom: 0;
}
.blog .top h2 a {
  text-decoration: none;
}
.blog .top h2 .rss {
  font-size: 24px;
  position: relative;
  top: -3px;
}
.blog .top h3 {
  margin: 0;
  color: rgba(18, 18, 18, 0.6);
  font-size: 16px;
}
.blog h1 a:hover, .blog h2 a:hover {
  color: #1BA1E2;
}
.blog .pagination {
  margin-top: 60px;
}
.blog .pagination a {
  margin: 0;
}
.blog .pagination.comments {
  margin: 0 0 60px;
}

.posts.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}
.posts.grid.one {
  justify-content: center;
}
.posts.grid.one .post.no-image {
  text-align: center;
}
.posts.grid .post {
  width: 49%;
  margin-left: 0;
  margin-right: 0;
}
.posts.grid-with-even-posts .post:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.post {
  margin: 0 auto 40px;
}
.post h2 {
  margin: 5px 0 10px;
}
.post h2 a {
  text-decoration: none;
  color: #121212;
}
.post h3 {
  margin: 0;
}
.post h4 {
  color: rgba(18, 18, 18, 0.6);
  font-size: 16px;
  margin: 15px 0 0;
}
.post .text {
  font-size: 16px;
  line-height: 24px;
}
.post p {
  margin: 0 0 10px;
}
.post p a {
  color: #1BA1E2;
  text-decoration: none;
}
.post img {
  max-width: 100%;
  margin: 10px 0;
  display: inline-block;
}
.post img.featured {
  max-width: none;
  width: 100%;
  display: block;
  margin: 0;
}
.post .placeholder {
  height: 240px;
  display: block;
}
.post .extra a.underscore {
  color: #1BA1E2;
  border-color: #1BA1E2;
}
.post .extra .comments, .post .extra .tags, .post .extra .separation {
  display: inline;
}
.post .extra .separation {
  color: rgba(18, 18, 18, 0.6);
  margin: 0 5px;
}
.post.no-image h4 {
  margin-top: 0;
}
.post:last-child {
  margin-bottom: 0;
}

.article {
  position: relative;
}
.article .navigation {
  top: -50px;
}
.article .navigation.align-right {
  right: auto;
  left: 0;
}
.article .post {
  margin-bottom: 20px;
}
.article .post .extra .permalink, .article .post .extra .comments, .article .post .extra .separation {
  display: none;
}
.article .post .extra .tags:before {
  content: "";
  margin: 0;
}
.article .comments {
  margin: 50px auto 20px;
}
.article .comments .comment {
  margin: 0 0 20px;
}
.article .comments .comment p {
  line-height: 24px;
  margin: 0 0 10px;
}
.article .comments form {
  padding-top: 10px;
  margin-top: -10px;
}
.article .comments form textarea {
  height: 160px;
}
.article .recent.posts .post {
  margin-bottom: 10px;
}
.article .recent.posts .post .text, .article .recent.posts .post .extra, .article .recent.posts .post h4, .article .recent.posts .post .image {
  display: none;
}

@media (max-width: 720px) {
  .blog .top {
    text-align: left;
  }

  .posts {
    margin-bottom: 0;
  }
  .posts .post {
    margin: 0 auto 40px;
  }
  .posts .post:last-child {
    margin-bottom: 0;
  }
  .posts.grid {
    flex-direction: column;
  }
  .posts.grid .post {
    width: 100%;
  }
  .posts.grid-with-even-posts .post:nth-last-child(-n+2) {
    margin-bottom: 40px;
  }
  .posts.grid-with-even-posts .post:last-child {
    margin-bottom: 0;
  }
}
.side-pick {
  visibility: hidden;
  background: #ffffff;
  position: fixed;
  z-index: 102;
  top: 0;
  right: -375px;
  width: 375px;
  max-width: 100%;
  height: 100%;
  text-align: left;
  padding: 30px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.side-pick .side-pick-header {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 15px;
}
.side-pick .side-pick-header h2 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 25px;
}
.side-pick .side-pick-header h3 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  color: #1BA1E2;
  font-style: italic;
}
.side-pick .btn.close {
  float: right;
  opacity: 0.85;
}
.side-pick .btn.close:hover {
  opacity: 1;
}
.side-pick .btn.close i {
  font-size: 24px;
}
.side-pick .locations {
  overflow-y: auto;
  overflow-x: hidden;
}
.side-pick .locations .location {
  padding: 20px 0 10px;
  border-bottom: 1px solid #f2f2f2;
}
.side-pick .locations .location h4 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 18px;
}
.side-pick .locations .location .availability {
  display: flex;
  align-items: center;
  font-style: italic;
  margin: 8px 0;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
}
.side-pick .locations .location .availability .icon {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #fff;
}
.side-pick .locations .location .availability .icon .fc {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  line-height: 21px;
  text-align: center;
  border-radius: 50%;
  font-size: 13px;
}
.side-pick .locations .location .availability .icon.icon-in-stock .fc {
  background: #00730B;
}
.side-pick .locations .location .availability .icon.icon-out-of-stock .fc {
  background: #ff555d;
}
.side-pick .locations .location .address {
  margin: 5px 0 10px;
}
.side-pick .locations .location .address p {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 12px;
  line-height: 16px;
}
.side-pick .locations .location .address p.phone {
  margin-top: 5px;
}
.side-pick .locations .location .address p.phone a {
  text-decoration: none;
}
.side-pick .locations .location .address p.phone a:hover {
  border-bottom: 1px solid;
}

/* Account Addresses */
body.template-customers-addresses .sections {
  margin: 0 auto;
}
body.template-customers-addresses .addresses {
  border-top: 1px solid rgba(18, 18, 18, 0.25);
  margin: 20px auto;
}
body.template-customers-addresses .addresses .address {
  width: 100%;
  position: relative;
  padding: 10px 5px 15px;
  border-bottom: 1px solid rgba(18, 18, 18, 0.25);
}
body.template-customers-addresses .addresses .address .title {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 28px;
  display: inline;
}
body.template-customers-addresses .addresses .address .default {
  display: inline-block;
  margin: 10px 0 5px;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid rgba(18, 18, 18, 0.25);
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 400;
}
body.template-customers-addresses .addresses .address p.actions {
  margin: 5px 0 0;
}
body.template-customers-addresses form {
  margin: 0 auto;
}
body.template-customers-addresses form .row.checkbox {
  margin: 20px 0;
  display: block;
  font-size: 20px;
  color: #121212;
}
body.template-customers-addresses form .row.checkbox input {
  margin: 0 5px 0 0;
  position: relative;
  top: -2px;
}
body.template-customers-addresses a.link {
  text-decoration: none;
  color: #121212;
}
body.template-customers-addresses a.link:hover {
  border-bottom: 1px solid rgba(18, 18, 18, 0.25);
}

/* Account Order */
body.template-customers-order .sections {
  padding-bottom: 60px;
}
body.template-customers-order .items {
  margin: 20px 0;
  text-align: left;
  border-top: 1px solid rgba(18, 18, 18, 0.6);
}
body.template-customers-order .items .item {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 1px;
  border-bottom: 1px dashed rgba(18, 18, 18, 0.6);
}
body.template-customers-order .items .item:after {
  display: table;
  content: '';
  clear: both;
}
body.template-customers-order .items .item .left {
  float: left;
  position: relative;
  top: 3px;
}
body.template-customers-order .items .item .left > img {
  height: 45px;
  width: auto;
  display: inline;
  margin: 0 10px 0 0;
  border-radius: 3px;
}
body.template-customers-order .items .item .left .product {
  display: inline-block;
  vertical-align: top;
  max-width: 400px;
}
body.template-customers-order .items .item .left .product .title {
  color: #121212;
  display: block;
  font-size: 24px;
  line-height: 26px;
}
body.template-customers-order .items .item .left .product .subtitle {
  display: block;
  font-size: 16px;
}
body.template-customers-order .items .item .left .product .subtitle a {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 14px;
  color: #1BA1E2;
  text-decoration: none;
  margin: 0 0 0 1px;
}
body.template-customers-order .items .item .left .product .subtitle a:hover {
  color: #1891cb;
}
body.template-customers-order .items .item .left .quantity {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 30px;
  vertical-align: top;
  margin-right: 6px;
  position: relative;
  top: 3px;
  display: inline-block;
}
body.template-customers-order .items .item .left .quantity .x {
  color: rgba(18, 18, 18, 0.6);
  display: inline-block;
  vertical-align: top;
}
body.template-customers-order .items .item .left .text {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 30px;
  max-width: 80%;
}
body.template-customers-order .items .item .left .text.discount .fc {
  margin-right: 5px;
}
body.template-customers-order .items .item .right {
  float: right;
  text-align: right;
}
body.template-customers-order .items .item .right .subtotal {
  color: #121212;
}
body.template-customers-order .items .item .right .price {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 30px;
  position: relative;
  top: 5px;
  text-transform: capitalize;
}
body.template-customers-order .items .item .right .price.bold {
  font-weight: 400;
  top: -2px;
}
body.template-customers-order .items .item .right .price.original {
  top: 0;
  font-size: 20px;
  opacity: 0.6;
}
body.template-customers-order .items .item .right .price.final {
  top: 0;
}
body.template-customers-order .items .item .right .allocation {
  font-size: 16px;
}
body.template-customers-order .items .item.extra .left {
  top: 0;
  width: 70%;
}
body.template-customers-order .items .item.extra .right .price {
  top: 0;
}
body.template-customers-order .items .item.total {
  border-bottom: 2px solid #121212;
}
body.template-customers-order p.expanded {
  line-height: 26px;
  color: #121212;
  margin: 10px 0 0;
}
body.template-customers-order .box {
  float: left;
  width: 50%;
}

@media (max-width: 960px) {
  body.template-customers-order .items {
    width: 95%;
    margin: 20px auto;
  }
  body.template-customers-order .items .item .left .product {
    max-width: 300px;
  }
}
@media (max-width: 420px) {
  body.template-customers-order h4 {
    font-size: 16px;
  }
  body.template-customers-order .items {
    width: 100%;
  }
  body.template-customers-order .items .item .left .quantity {
    font-size: 18px;
  }
  body.template-customers-order .items .item .left .product {
    max-width: 120px;
  }
  body.template-customers-order .items .item .left .product .title {
    font-size: 16px;
    line-height: 18px;
  }
  body.template-customers-order .items .item .left .product .subtitle {
    font-size: 14px;
  }
  body.template-customers-order .items .item .left .text {
    font-size: 18px;
    max-width: 70%;
  }
  body.template-customers-order .items .item .right .price {
    font-size: 18px;
  }
}
/* Collections */
.collections .collection {
  margin: 0 0 30px;
}
.collections .collection:last-child {
  margin-bottom: 0;
}
.collections .pagination {
  clear: both;
  padding: 40px 0 0;
}

.collection .head {
  position: relative;
  margin: 0 0 10px;
}
.collection .head a:hover h2 {
  color: #1BA1E2;
}
.collection .head .image, .collection .head .description {
  margin-bottom: 30px;
}
.collection .head .image img {
  width: 100%;
}
.collection .head .description {
  font-size: 16px;
  line-height: 24px;
}
.collection .products {
  margin: -20px -6px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.collection .products:after {
  display: table;
  content: '';
  clear: both;
}
.template-index .collection .products, .template-product .collection .products {
  justify-content: center;
}
.collection .products .product {
  display: block;
  width: 25%;
  position: relative;
  padding: 0px 6px;
  margin: 20px 0 0;
}
.collection .products .product a.inner {
  padding: 0px;
  border-radius: 4px;
  box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: block;
}
.collection .products .product .line {
  display: none;
}
.collection .products .product .frame {
  width: 100%;
  border-top-right-radius: 4px;
  position: relative;
  overflow: hidden;
}
.collection .products .product .frame.square {
  padding-bottom: 100%;
}
.collection .products .product .frame.portrait {
  padding-bottom: 125%;
}
.collection .products .product .frame.landscape {
  padding-bottom: 75%;
}
.collection .products .product .frame img, .collection .products .product .frame svg {
  position: absolute;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
  border-top-right-radius: 4px;
}
.collection .products .product .frame img + img {
  transition: transform 500ms ease;
  opacity: 0;
  background: #ffffff;
}
.collection .products .product .info {
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
}
.collection .products .product .info .metas {
  order: -1;
}
.collection .products .product .info .metas .price {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
}
.collection .products .product .info .metas .price.striped {
  text-decoration: line-through;
  color: #ff555d;
  font-weight: 400;
  margin-right: 4px;
}
.collection .products .product .info .metas .unit-price {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
}
.collection .products .product .info .status {
  text-align: right;
  line-height: 18px;
  padding: 0 5px;
}
.collection .products .product .info .status span {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
  font-weight: 400;
  display: block;
}
.collection .products .product .info .status span.serie {
  text-transform: uppercase;
  font-size: 16px;
  color: #121212;
}
.collection .products .product .info .status span.purchased_at {
  color: rgba(18, 18, 18, 0.6);
  font-size: 16px;
  font-weight: 300;
}
.collection .products .product .info .status span.ca {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
  color: #1BA1E2;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 1px solid transparent;
}
.collection .products .product .info .status span.ca:hover {
  color: #1891cb;
  border-bottom: 1px solid;
}
.collection .products .product .info .status span.ca.buy {
  font-weight: 400;
}
.collection .products .product .info .status span.ca.sale {
  font-weight: 400;
  color: #ff555d;
}
.collection .products .product .info .status span.ca.sold {
  font-weight: 400;
  color: rgba(18, 18, 18, 0.6);
}
.collection .products .product.soldout .image {
  position: relative;
  display: block;
  overflow: hidden;
}
.collection .products .product.soldout .image .line {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='100%' x2='100%' y2='0' stroke='rgb(255, 255, 255)' stroke-width='1'/%3E%3C/svg%3E");
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
}
.collection .products .product:hover .frame img + img {
  transform: scale(1.03);
  opacity: 1;
}
.collection .products .pagination {
  width: 100%;
  margin: 40px 0 0;
}
.collection .products.columns_6 .product {
  width: 16.666%;
}
.collection .products.columns_6 .product .info {
  flex-direction: column;
  align-items: flex-start;
}
.collection .products.columns_6 .product .info .metas {
  order: 0;
  margin-right: 0;
  clear: both;
}
.collection .products.columns_6 .product .info .status {
  padding: 0;
  width: 100%;
  text-align: left;
}
.collection .products.columns_5 .product {
  width: 20%;
}
.collection .products.columns_3 .product {
  width: 33.33%;
}
.collection .products.columns_2 .product {
  width: 50%;
}
.collection .products.columns_1 {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 20px;
}
.collection .products.columns_1 .product {
  width: 50%;
  max-width: 600px;
  margin: 0 0 20px;
}

@media (max-width: 960px) {
  .collection .products.columns_5 .product .info, .collection .products.columns_4 .product .info, .collection .products.columns_3 .product .info {
    flex-direction: column;
    align-items: flex-start;
  }
  .collection .products.columns_5 .product .info .metas, .collection .products.columns_4 .product .info .metas, .collection .products.columns_3 .product .info .metas {
    order: 0;
    clear: both;
    margin-right: 0;
  }
  .collection .products.columns_5 .product .info .status, .collection .products.columns_4 .product .info .status, .collection .products.columns_3 .product .info .status {
    padding: 0;
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 720px) {
  .collection .products.columns_6 .product {
    width: 33.33%;
  }
  .collection .products.columns_5 .product, .collection .products.columns_4 .product, .collection .products.columns_3 .product, .collection .products.columns_2 .product {
    width: 50%;
  }
  .collection .products.columns_5 .product .info, .collection .products.columns_4 .product .info, .collection .products.columns_3 .product .info, .collection .products.columns_2 .product .info {
    flex-direction: column;
    align-items: flex-start;
  }
  .collection .products.columns_5 .product .info .metas, .collection .products.columns_4 .product .info .metas, .collection .products.columns_3 .product .info .metas, .collection .products.columns_2 .product .info .metas {
    order: 0;
    clear: both;
  }
  .collection .products.columns_5 .product .info .status, .collection .products.columns_4 .product .info .status, .collection .products.columns_3 .product .info .status, .collection .products.columns_2 .product .info .status {
    padding: 0;
  }
  .collection .products.columns_1 .product {
    width: 80%;
  }
  .collection .products .product .frame img + img {
    display: none;
  }
}
@media (max-width: 420px) {
  .collection .products.columns_6 .product, .collection .products.columns_4 .product, .collection .products.columns_3 .product, .collection .products.columns_2 .product {
    width: 50%;
  }
  .collection .products.columns_6 .product .info .status, .collection .products.columns_4 .product .info .status, .collection .products.columns_3 .product .info .status, .collection .products.columns_2 .product .info .status {
    display: block;
  }
  .collection .products.columns_1 .product {
    width: 100%;
  }
}
.align-right .collection .head, .align-right .collection h4 {
  text-align: right;
}
.align-right .collection .products .product .info {
  text-align: left;
}

/* Product */
.product {
  text-align: left;
}
.product .item {
  position: relative;
  margin: 0 auto 0;
}
.product .item:after {
  display: table;
  content: '';
  clear: both;
}
.product .item > .media, .product .item > .info {
  width: 50%;
  float: left;
  min-height: 1px;
}
.product .item > .media .product-media .frame .table {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-height: 350px;
}
.product .item > .media .product-media .frame .table .cell {
  display: table-cell;
  vertical-align: middle;
}
.product .item > .media .product-media .frame .table .cell .media {
  margin: 0 auto;
  width: 100%;
}
.product .item > .media .product-media .frame .table .cell .media:focus {
  outline: 0;
}
.product .item > .media .product-media .frame .table .cell .media img {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.product .item > .media .product-media .frame .table .cell .media img[data-mfp-src] {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.product .item > .media .product-media .frame .table .cell .media > .inner {
  margin: 0 auto;
  min-height: 1px;
  width: 100%;
  height: 100%;
  position: relative;
}
.product .item > .media .product-media .frame .table .cell .media > .inner.video {
  background-color: rgba(18, 18, 18, 0.05);
}
.product .item > .media .product-media .frame .table .cell .media > .inner iframe,
.product .item > .media .product-media .frame .table .cell .media > .inner model-viewer,
.product .item > .media .product-media .frame .table .cell .media > .inner .shopify-model-viewer-ui,
.product .item > .media .product-media .frame .table .cell .media > .inner img,
.product .item > .media .product-media .frame .table .cell .media > .inner > video,
.product .item > .media .product-media .frame .table .cell .media > .inner .plyr,
.product .item > .media .product-media .frame .table .cell .media > .inner .media-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
}
.product .item > .media .product-media .frame .table .cell .media > .inner iframe,
.product .item > .media .product-media .frame .table .cell .media > .inner .media-video,
.product .item > .media .product-media .frame .table .cell .media > .inner model-viewer,
.product .item > .media .product-media .frame .table .cell .media > .inner .shopify-model-viewer-ui,
.product .item > .media .product-media .frame .table .cell .media > .inner .media-item,
.product .item > .media .product-media .frame .table .cell .media > .inner .plyr,
.product .item > .media .product-media .frame .table .cell .media > .inner .plyr__video-wrapper {
  height: 100%;
}
.product .item > .media .product-media .frame .table .cell .media > .inner .plyr__video-wrapper {
  height: auto;
}
.product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
}
.product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui .model-viewer {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
}
.product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  background: #ffffff;
  border-color: rgba(18, 18, 18, 0.05);
}
.product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: #121212;
}
.product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: rgba(18, 18, 18, 0.55);
}
.product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
  color: rgba(18, 18, 18, 0.55);
  background: rgba(18, 18, 18, 0.05);
}
.product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-color: rgba(18, 18, 18, 0.05);
}
.product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  background: #ffffff;
  border-color: rgba(18, 18, 18, 0.05);
}
.product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .product .item > .media .product-media .frame .table .cell .media .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
  color: rgba(18, 18, 18, 0.55);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video {
  color: #121212;
  background-color: transparent;
  outline: none;
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__poster,
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__video-wrapper {
  background-color: transparent;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster {
  background-color: #000;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper, .product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster {
  background-color: #000;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper, .product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster {
  background-color: #000;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper, .product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster {
  background-color: #000;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper,
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster {
  background-color: #000;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid {
  background-color: #ffffff;
  border-color: rgba(18, 18, 18, 0.05);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus, .product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover {
  color: rgba(18, 18, 18, 0.55);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__controls {
  background-color: #ffffff;
  border-color: rgba(18, 18, 18, 0.05);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-moz-range-thumb {
  box-shadow: 2px 0 0 0 #ffffff;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-ms-thumb {
  box-shadow: 2px 0 0 0 #ffffff;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-webkit-slider-thumb {
  box-shadow: 2px 0 0 0 #ffffff;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-webkit-slider-runnable-track {
  background-image: linear-gradient( to right, currentColor var(--value, 0), rgba(18, 18, 18, 0.6) var(--value, 0));
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-moz-range-track {
  background-color: rgba(18, 18, 18, 0.6);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-ms-fill-upper {
  background-color: rgba(18, 18, 18, 0.6);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(18, 18, 18, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(18, 18, 18, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(18, 18, 18, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(18, 18, 18, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(18, 18, 18, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(18, 18, 18, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
  background-color: #121212;
  color: #ffffff;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before {
  border-top-color: #121212;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
  background-image: linear-gradient( -45deg, rgba(18, 18, 18, 0.6) 25%, transparent 25%, transparent 50%, rgba(18, 18, 18, 0.6) 50%, rgba(18, 18, 18, 0.6) 75%, transparent 75%, transparent);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'] {
  color: #ffffff;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-moz-range-thumb {
  box-shadow: 2px 0 0 0 #121212;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-ms-thumb {
  box-shadow: 2px 0 0 0 #121212;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-webkit-slider-thumb {
  box-shadow: 2px 0 0 0 #121212;
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0));
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-moz-range-track, .product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-ms-fill-upper {
  background-color: rgba(255, 255, 255, 0.6);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.product .item > .media .product-media .frame .table .cell .media .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.product .item > .media .product-media .frame .table .view-in-space {
  background-color: rgba(18, 18, 18, 0.08);
  border: none;
  width: 100%;
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  font-size: 14px;
  color: #121212;
}
.product .item > .media .product-media .frame .table .view-in-space[data-shopify-xr-hidden] {
  display: none;
}
.product .item > .media .product-media .frame .table .view-in-space:hover span.text, .product .item > .media .product-media .frame .table .view-in-space:focus span.text {
  border-bottom-color: #121212;
}
.product .item > .media .product-media .frame .table .view-in-space svg.icon {
  height: 25px;
  width: 25px;
  margin-top: -3px;
  margin-right: 2.43px;
  fill: transparent;
  vertical-align: middle;
}
.product .item > .media .product-media .frame .table .view-in-space svg.icon .icon-3d-badge-full-color-outline {
  stroke: none;
}
.product .item > .media .product-media .frame .table .view-in-space svg.icon .icon-3d-badge-full-color-element {
  fill: #121212;
  opacity: 1;
}
.product .item > .media .product-media .frame .table .view-in-space span.text {
  border-bottom: 1px solid transparent;
}
.product .item > .media .product-media .gallery:after {
  display: table;
  content: '';
  clear: both;
}
.product .item > .media .product-media .gallery .thumb {
  width: 25%;
  display: block;
  float: left;
  padding: 10px 0 0 10px;
}
.product .item > .media .product-media .gallery .thumb > a {
  text-decoration: none;
}
.product .item > .media .product-media .gallery .thumb > a > div {
  position: relative;
}
.product .item > .media .product-media .gallery .thumb > a.model img {
  border: 1px solid rgba(18, 18, 18, 0.1);
  padding: 1px;
}
.product .item > .media .product-media .gallery .thumb > a.active img {
  border: 2px solid #121212;
}
.product .item > .media .product-media .gallery .thumb img {
  width: 100%;
  display: block;
  border: 2px solid transparent;
}
.product .item > .media .product-media .gallery .thumb .badge {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
}
.product .item > .media .product-media .gallery .thumb .badge .icon {
  fill: #fff;
  width: 100%;
  height: 100%;
  vertical-align: baseline;
}
.product .item > .media .product-media .gallery .thumb .badge .icon-3d-badge-full-color-outline,
.product .item > .media .product-media .gallery .thumb .badge .icon-video-badge-full-color-outline {
  stroke: rgba(18, 18, 18, 0.05);
}
.product .item > .media .product-media .gallery .thumb .badge .icon-3d-badge-full-color-element,
.product .item > .media .product-media .gallery .thumb .badge .icon-video-badge-full-color-element {
  fill: #121212;
}
.product .item > .media .product-media.right .frame, .product .item > .media .product-media.left .frame {
  margin-left: 0;
  width: 80%;
}
.product .item > .media .product-media.right .gallery, .product .item > .media .product-media.left .gallery {
  width: 20%;
}
.product .item > .media .product-media.right .gallery .thumb, .product .item > .media .product-media.left .gallery .thumb {
  float: none;
  width: 100%;
  padding: 0;
  margin: 0 0 5px;
}
.product .item > .media .product-media.right .gallery .thumb:last-child, .product .item > .media .product-media.left .gallery .thumb:last-child {
  margin-bottom: 0;
}
.product .item > .media .product-media.right .frame {
  float: left;
}
.product .item > .media .product-media.right .gallery {
  float: left;
  padding-left: 20px;
}
.product .item > .media .product-media.left .frame {
  float: right;
}
.product .item > .media .product-media.left .gallery {
  float: left;
  padding-right: 20px;
}
.product .item > .media .product-media.stack .frame .table .cell .media {
  display: block;
  margin-bottom: 30px;
}
.product .item > .media .product-media.stack .frame .table .cell .media:last-child {
  margin-bottom: 0;
}
.product .item > .media .product-media.stack .gallery {
  display: none;
}
.product .item > .info {
  padding-left: 30px;
  margin-top: -10px;
}
.product .item > .info > .inner {
  padding: 10px 0;
}
.product .item > .info .block {
  margin: 0 0 10px;
}
.product .item > .info .block.expanded-top {
  margin-top: 25px;
}
.product .item > .info .block:last-child {
  margin-bottom: 0;
}
.product .item > .info .block h3 {
  margin-bottom: 0;
}
.product .item > .info .price {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 20px;
  display: inline;
}
.product .item > .info .price.striped {
  margin-bottom: 0;
  color: #ff555d;
}
.product .item > .info .unit-price {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
}
.product .item > .info h2 {
  margin-top: 0;
}
.product .item > .info shopify-payment-terms {
  display: block;
  margin-top: 10px;
}
.product .item > .info .store-availability {
  margin-top: 20px;
}
.product .item > .info .store-availability .location {
  background: #F3F3F3;
  padding: 20px 20px 18px;
  border-radius: 5px;
  display: flex;
  align-items: flex-start;
}
.product .item > .info .store-availability .location .icon {
  margin: 0 15px 0 0;
  color: #F3F3F3;
}
.product .item > .info .store-availability .location .icon .fc {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  min-width: 20px;
  line-height: 21px;
  text-align: center;
  border-radius: 50%;
  font-size: 13px;
}
.product .item > .info .store-availability .location .icon.icon-in-stock .fc {
  background: #00730B;
}
.product .item > .info .store-availability .location .icon.icon-out-of-stock .fc {
  background: #ff555d;
}
.product .item > .info .store-availability .location .icon.icon-out-of-stock .fc:before {
  position: relative;
  left: 0.5px;
}
.product .item > .info .store-availability .location .information a {
  display: inline-block;
}
.product .item > .info .store-availability .location .information p {
  margin: 0;
}
.product .item > .info .store-availability .location .information p.link {
  margin-top: 10px;
}
.product .item > .info .description ul, .product .item > .info .description ol {
  margin: 10px 0 10px 30px;
}
.product .item > .info .description ul li, .product .item > .info .description ol li {
  margin: 5px 0;
}
.product .item > .info .description.stock {
  margin: 10px 0 20px;
}
.product .item > .info .quantity {
  margin: 0 0 10px;
}
.product .item > .info .quantity .select {
  min-width: 0;
}
.product .item > .info .share {
  min-height: 0;
  margin: 0;
}
.product .item > .info label.regular {
  display: block;
  margin: 0 0 5px;
}
.product .item > .info label.regular span:after {
  content: ":";
}
.product .item > .info .select {
  margin: 10px 0 0;
  display: inline-block;
  min-width: 200px;
  height: 44px;
  width: 100%;
}
.product .item > .info fieldset {
  margin: 10px 0 0;
  border: 0;
  background: transparent;
}
.product .item > .info fieldset label {
  display: inline-block;
  border: 1px solid;
  margin: 0 5px 0 0;
  padding: 10px 20px;
  border-radius: 40px;
  text-align: center;
  cursor: pointer;
}
.product .item > .info fieldset label.disabled {
  cursor: default;
  opacity: 0.25;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='100%' x2='100%' y2='0' stroke='rgb(18, 18, 18)' stroke-width='1'/%3E%3C/svg%3E");
}
.product .item > .info fieldset label.disabled.color {
  opacity: 1;
}
.product .item > .info fieldset label.disabled.color > div {
  opacity: 0.5;
}
.product .item > .info fieldset label.color {
  padding: 2px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  border: 1px solid;
}
.product .item > .info fieldset label.color > div {
  border-radius: 50px;
  width: 100%;
  height: 100%;
  background-size: contain;
}
.product .item > .info fieldset input[type="radio"] {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
.product .item > .info fieldset input[type="radio"]:checked + label:not(.color) {
  background: #121212;
  border-color: #121212;
  color: #fff;
}
.product .item > .info fieldset input[type="radio"]:checked + label.color {
  border: 4px solid #121212;
}
.product .item > .info fieldset.button {
  margin-top: 0;
}
.product .item > .info fieldset.button label {
  margin-top: 10px;
}
.product .item > .info .variant-wrapper {
  margin: 0 0 20px;
}
.product .item > .info .variant-wrapper:last-child {
  margin-bottom: 0;
}
.product .type-collapsible_tab + .type-collapsible_tab {
  margin-top: -10px !important;
}
.product .type-collapsible_tab + .type-collapsible_tab .accordion {
  border-top: 0;
}
.product .rating-container .rating {
  display: inline-block;
  margin: 0;
}
.product .rating-container .rating-star {
  --color-base-text: 18, 18, 18;
  --color-icon: rgb(var(--color-base-text));
  --color-foreground: var(--color-base-text);
  --letter-spacing: 0.1;
  --font-size: 1.5;
  --percent: calc(
    (
        var(--rating) / var(--rating-max) + var(--rating-decimal) *
          var(--font-size) /
          (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))
      ) * 100%
  );
  letter-spacing: calc(var(--letter-spacing) * 1rem);
  font-size: calc(var(--font-size) * 1rem);
  line-height: 1;
  display: inline-block;
  font-family: Times;
  margin: 0;
}
.product .rating-container .rating-star::before {
  content: '★★★★★';
  background: linear-gradient(90deg, var(--color-icon) var(--percent), rgba(var(--color-foreground), 0.15) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product .rating-container .rating-text {
  display: none;
}
.product .rating-container .rating-count {
  display: inline-block;
  margin: 0;
  font-size: 18px;
  position: relative;
  top: -1px;
  margin-left: 5px;
}
.product .block.type-border {
  background: rgba(18, 18, 18, 0.25);
  height: 1px;
}
.product .block.type-buy_buttons .buttons {
  display: flex;
  align-items: stretch;
  align-content: space-between;
  gap: 10px;
  width: 100%;
}
.product .block.type-buy_buttons .buttons .btn.submit {
  margin: 10px 0 0;
}
.product .block.type-buy_buttons .buttons .payment-button {
  margin-top: 10px;
}
.product .block.type-buy_buttons .buttons .add-to-cart,
.product .block.type-buy_buttons .buttons .shopify-payment-button__button--unbranded {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  text-transform: uppercase;
  font-weight: 400;
  width: 100%;
  position: relative;
  z-index: 1;
}
.product .block.type-buy_buttons .buttons .add-to-cart:before,
.product .block.type-buy_buttons .buttons .shopify-payment-button__button--unbranded:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1891cb;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: .25s;
  transition-timing-function: ease-out;
}
.product .block.type-buy_buttons .buttons .add-to-cart:hover:before, .product .block.type-buy_buttons .buttons .add-to-cart.processing:before,
.product .block.type-buy_buttons .buttons .shopify-payment-button__button--unbranded:hover:before,
.product .block.type-buy_buttons .buttons .shopify-payment-button__button--unbranded.processing:before {
  transform: scaleX(1);
}
.product .block.type-buy_buttons .buttons .add-to-cart:disabled,
.product .block.type-buy_buttons .buttons .shopify-payment-button__button--unbranded:disabled {
  cursor: default;
  opacity: 0.8;
}
.product .block.type-buy_buttons .buttons .add-to-cart:disabled:before,
.product .block.type-buy_buttons .buttons .shopify-payment-button__button--unbranded:disabled:before {
  display: none;
}
.product .block.type-buy_buttons .buttons .add-to-cart:disabled:hover,
.product .block.type-buy_buttons .buttons .shopify-payment-button__button--unbranded:disabled:hover {
  background-color: #1BA1E2;
}
.product .block.type-buy_buttons .buttons .shopify-payment-button__button--unbranded {
  padding: 15px 20px;
  color: #fff;
  background: #1BA1E2;
}
.product .block.type-buy_buttons .buttons .add-to-cart,
.product .block.type-buy_buttons .buttons .shopify-payment-button__button--unbranded,
.product .block.type-buy_buttons .buttons .shopify-payment-button__button--branded {
  border-radius: 2px;
  overflow: hidden;
}
.product .block.type-buy_buttons .buttons .add-to-cart {
  padding: 14px 18px 13px;
  color: #fff;
  background: #1BA1E2;
}
.product .block.type-buy_buttons .buttons .add-to-cart i {
  margin-right: 5px;
  position: relative;
  top: -2px;
  display: none;
}
.product .block.type-buy_buttons .buttons .add-to-cart span.adding {
  display: none;
}
.product .block.type-buy_buttons .buttons .add-to-cart:disabled {
  cursor: default;
  opacity: 0.8;
}
.product .block.type-buy_buttons .buttons .add-to-cart:disabled:hover {
  color: #fff;
  background: #1BA1E2;
}
.product .block.type-buy_buttons .buttons .add-to-cart.with-payment-button {
  padding: 12px 18px 11px;
  background: transparent;
  color: #1BA1E2;
  border: 2px solid #1BA1E2;
  max-height: 45px;
}
.product .block.type-buy_buttons .buttons .add-to-cart.with-payment-button:before {
  display: none;
}
.product .block.type-buy_buttons .buttons .add-to-cart.with-payment-button:hover {
  color: #1891cb;
  background: transparent;
  border-color: #1891cb;
}
.product .block.type-buy_buttons .buttons .add-to-cart.with-payment-button:disabled {
  cursor: default;
}
.product .block.type-buy_buttons .buttons .add-to-cart.with-payment-button:disabled:hover {
  color: #1BA1E2;
  background: transparent;
  border-color: #1BA1E2;
}
.product .block.type-buy_buttons .buttons .add-to-cart.is-adding span.add {
  display: none;
}
.product .block.type-buy_buttons .buttons .add-to-cart.is-adding span.adding {
  display: inline;
}
.product .block.type-buy_buttons .buttons .add-to-cart.is-adding i {
  display: inline-block;
}
.product .block.type-buy_buttons .buttons .shopify-payment-button {
  width: 100%;
}
.product .block.type-buy_buttons .buttons .add-to-cart:disabled + .shopify-payment-button {
  display: none;
}
.product .block.type-buy_buttons .buttons .shopify-payment-button__more-options {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 16px;
}
.product .block.type-buy_buttons .buttons .shopify-payment-button__more-options.shopify-payment-button__button--hidden {
  display: none;
}
.product .errors {
  color: #ff555d;
}
.product.sticky .item > .media, .product.sticky .item > .info {
  position: sticky;
  top: 10px;
}
.align-right .product {
  text-align: right;
}
.align-right .product .item > .media .product-media .gallery .thumb {
  float: right;
}

@media (max-width: 960px) {
  .product .item > .media .product-media {
    margin-left: -10px;
    padding-left: 0;
  }
  .product .item > .media .product-media .frame {
    margin-left: 10px;
  }
  .product .item > .media .product-media .gallery .thumb {
    width: 25%;
    padding: 10px 0 0 10px;
  }
  .product .item > .media .product-media .gallery .thumb .box {
    height: 80px;
  }
  .product .item > .media .product-media.right .frame, .product .item > .media .product-media.left .frame {
    float: none;
    width: auto;
    margin-left: 10px;
  }
  .product .item > .media .product-media.right .gallery, .product .item > .media .product-media.left .gallery {
    float: none;
    width: 100%;
    padding: 0px;
  }
  .product .item > .media .product-media.right .gallery .thumb, .product .item > .media .product-media.left .gallery .thumb {
    float: left;
    width: 25%;
    margin: 0;
    padding: 10px 0 0 10px;
  }
  .product .block.type-buy_buttons .buttons {
    display: block;
  }
  .product .block.type-buy_buttons .buttons .shopify-payment-button {
    margin-top: 10px;
  }
}
@media (max-width: 720px) {
  .product .item {
    margin: 0 auto;
  }
  .product .item > .media, .product .item > .info {
    float: none;
    width: 100%;
  }
  .product .item > .media {
    margin: 0 0 15px;
  }
  .product .item > .media .product-media .gallery .thumb {
    width: 25%;
  }
  .product .item > .media .product-media .gallery .thumb .box {
    height: 80px;
  }
  .product .item > .media .product-media.stack .frame .table .cell .media {
    margin-bottom: 0;
    display: block;
  }
  .product .item > .media .product-media.stack .frame .table .cell .media.hide {
    display: none;
  }
  .product .item > .media .product-media.stack .gallery {
    display: block;
  }
  .product .item > .info {
    padding: 0;
    display: block;
    position: relative !important;
    left: 0 !important;
    max-width: none;
  }
  .product .item > .info h2 {
    margin-right: 0px;
  }
  .product .item > .info h3 {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .product .item > .info .select, .product .item > .info .btn.submit {
    width: 100%;
  }
  .product .block.type-buy_buttons .buttons {
    display: flex;
  }
  .product .block.type-buy_buttons .buttons .shopify-payment-button {
    margin-top: 0px;
  }
  .product.sticky .item > .media, .product.sticky .item > .info {
    position: relative !important;
    top: 0 !important;
  }
}
@media (max-width: 420px) {
  .product .block.type-buy_buttons .buttons {
    display: block;
  }
  .product .block.type-buy_buttons .buttons .shopify-payment-button {
    margin-top: 10px;
  }
}
/* Product recommendations */
.product-recommendations {
  text-align: center;
  padding-bottom: 0;
}
.product-recommendations.content div.row {
  padding: 0;
}
.product-recommendations .collection {
  margin: 20px 0 0;
}

/* Gift Card */
body.template-gift_card .sections .shopify-section > .content {
  max-width: 540px;
}
body.template-gift_card h4 {
  background: #121212;
  color: #fff;
  border-radius: 6px;
  font-weight: 700;
  display: inline-block;
  margin: 10px 0 0;
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 14px;
}
body.template-gift_card h4.alert {
  background: #ff555d;
  color: #fff;
}
body.template-gift_card .shop-url {
  display: none;
}
body.template-gift_card .shop-button {
  display: block;
}
body.template-gift_card #gift-card {
  position: relative;
  margin: 30px 0;
}
body.template-gift_card #gift-card img.card {
  width: 100%;
  border-radius: 20px;
}
body.template-gift_card #gift-card #gift-card-amount {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 44px;
  padding: 10px 16px;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}
body.template-gift_card #gift-card #gift-card-code-outer {
  position: absolute;
  bottom: 16px;
  text-align: center;
  width: 100%;
}
body.template-gift_card #gift-card #gift-card-code-inner {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  background-color: #fff;
  padding: .5em;
  border-radius: 4px;
  max-width: 450px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
body.template-gift_card #gift-card #gift-card-code-inner strong {
  font-weight: 400;
  font-size: 1.875em;
  text-transform: uppercase;
  border-radius: 2px;
  border: 1px dashed #e5e5e5;
  padding: .4em .5em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  color: #777;
  line-height: 1;
}
body.template-gift_card #gift-card .tooltip-container {
  display: block;
  position: absolute;
  right: 50%;
  z-index: 3;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  top: -40%;
}
body.template-gift_card #gift-card .tooltip-label {
  display: block;
  position: relative;
  right: -50%;
  border: none;
  border-radius: 4px;
  background: #333;
  background: rgba(51, 51, 51, 0.9);
  min-height: 14px;
  font-weight: 400;
  font-size: 12px;
  text-decoration: none;
  line-height: 16px;
  text-shadow: none;
  padding: .5em .75em;
  margin-left: .25em;
  font-size: .4em;
  color: white;
}
body.template-gift_card #gift-card .tooltip-label small {
  text-transform: uppercase;
  color: #b3b3b3;
  font-size: .875em;
}
body.template-gift_card #gift-card .tooltip-triangle {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 5px solid #333;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  position: absolute;
  left: 100%;
  bottom: 0;
  margin-left: -5px;
  margin-bottom: -5px;
}
body.template-gift_card #gift-card.expired #gift-card-code-inner strong, body.template-gift_card #gift-card.disabled #gift-card-code-inner strong {
  text-decoration: line-through;
}
body.template-gift_card .qr {
  display: inline-block;
}
body.template-gift_card .apple-wallet {
  text-decoration: none;
  margin-right: 8px;
}
body.template-gift_card .apple-wallet img {
  display: inline-block;
}
body.template-gift_card .print {
  padding: 10px 28px 11px;
  text-transform: capitalize;
  vertical-align: top;
  border-radius: 8px;
}
body.template-gift_card .print i {
  margin-right: 10px;
}

@media (max-width: 420px) {
  body.template-gift_card #gift-card #gift-card-amount {
    font-size: 30px;
    padding: 12px 8px;
  }
  body.template-gift_card #gift-card .tooltip-container {
    top: -30%;
  }
  body.template-gift_card #gift-card #gift-card-code-outer {
    bottom: 10px;
  }
  body.template-gift_card #gift-card #gift-card-code-inner strong {
    font-size: 18px;
  }
}
@media print {
  body.template-gift_card #gift-card-amount {
    -webkit-print-color-adjust: exact;
  }
  body.template-gift_card .shop-url {
    display: block;
  }
  body.template-gift_card .shop-button {
    display: none;
  }
}
.template-password .sections {
  padding: 0;
}
.template-password .sections .shopify-section .content {
  margin-bottom: 0;
}
.template-password .sections .shopify-section:last-child {
  margin-bottom: 20px;
}
.template-password .sections .shopify-section:only-child {
  margin-bottom: 0px;
}
.template-password .password-section {
  min-height: 100vh;
}
.template-password .slideshow {
  min-height: 100vh;
  height: 100%;
}
.template-password .slideshow .slides {
  height: 100vh;
}
.template-password .slideshow .slides .slide {
  background-image: url('//funanc1al.com/cdn/shop/t/9/assets/password-page-background.jpg?v=129873446965807520001767150729');
  background-position: center;
}
.template-password .slideshow .content .container .logo a {
  text-decoration: none;
}
.template-password .slideshow .content .container .logo a h1 {
  color: white;
  margin: 0;
}
.template-password .slideshow .content .container .logo a img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
}
.template-password .slideshow .content .container h2 {
  display: inline-block;
  margin: 0;
  color: white;
}
.template-password .slideshow .content .container h3, .template-password .slideshow .content .container p {
  font-size: 22px;
  line-height: 28px;
  color: white;
  margin: 10px auto;
  max-width: 100%;
}
.template-password .slideshow .content .container .login {
  display: none;
}
.template-password .slideshow .content .container .login .link {
  margin: 20px 0 0;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 16px;
  color: white;
}
.template-password .slideshow .content .container .login .link a {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid;
}
.template-password .slideshow .top-right {
  position: absolute;
  top: 30px;
  right: 40px;
  z-index: 4;
}
.template-password .slideshow .top-right a {
  display: block;
  color: white;
  border-color: white;
}
.template-password .slideshow .top-right a.hide {
  display: none;
}
.template-password .slideshow .bottom-left {
  color: white;
}
.template-password .slideshow .bottom-left a {
  color: white;
}
.template-password .slideshow .bottom-right {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
  text-align: center;
}
.template-password .slideshow .bottom-right a.theme {
  color: white;
}
.template-password .slideshow .bottom-right a.theme:hover {
  color: white;
  border-bottom: 1px solid white;
}
.template-password .slideshow .banner {
  font-family: sans-serif;
  color: white;
  font-size: 12px;
}
.template-password .slideshow .banner a {
  text-decoration: none;
}
.template-password .slideshow .banner a .shopify-svg {
  height: 30px;
  padding: 0 0 0 5px;
  position: relative;
  top: 9px;
}
.template-password .slideshow .banner a .shopify-svg .logo {
  fill: white;
}
.template-password .slideshow .banner a span {
  display: none;
}
.template-password .slideshow .banner a:hover {
  color: #1BA1E2;
}
.template-password .slideshow form input.email {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0;
  min-width: 280px;
}
.template-password .slideshow form .btn {
  padding: 15px 20px 14px;
  margin: 0 0 0 3px;
}
.template-password .slideshow form .field-error {
  font-size: 16px;
  color: white;
  font-style: italic;
  text-transform: capitalize;
  margin: 10px 0 15px;
}
.template-password .shopify-section {
  margin-top: 20px;
}
.template-password .shopify-section.password-section {
  margin-top: 0;
}

@media (max-width: 960px) {
  .template-password .slideshow .top-right {
    left: 0;
    right: 0;
    top: 20px;
    text-align: center;
  }
  .template-password .slideshow .top-right a {
    display: inline-block;
  }
  .template-password .slideshow .bottom-left {
    display: none;
  }
}
@media (max-width: 470px) {
  .template-password .slideshow form input.email {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  .template-password .slideshow form .btn {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 420px) {
  .template-password .hero .content .container {
    padding-top: 20px;
  }
  .template-password .hero .content .container h2 {
    margin-bottom: 0px;
    font-size: 34px;
    line-height: 40px;
  }
  .template-password .hero .content .container h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 auto 10px;
  }
}
/* Announcement bar */
.announcement-bar {
  text-align: center;
}
.announcement-bar a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.announcement-bar p {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  padding: 6px 30px 5px;
}

@media (max-width: 420px) {
  .announcement-bar p {
    font-size: 16px;
    line-height: 28px;
    padding: 6px 15px;
  }
}
/* Featured video */
.featured-video .video {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: auto;
}
.featured-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  opacity: 0;
}
.featured-video .video .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.featured-video .video .cover .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.featured-video .video .cover .play svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 85px;
  height: 85px;
  transform: translateY(-50%) translateX(-50%);
  fill: #fff;
  stroke: rgba(18, 18, 18, 0.25);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  transition-delay: 0s;
}
.featured-video .video .cover .play svg .icon {
  fill: #121212;
}
.featured-video .video .cover .play svg:hover {
  width: 95px;
  height: 95px;
}

@media (max-width: 720px) {
  .featured-video .video .cover .play svg {
    width: 65px;
    height: 65px;
  }
  .featured-video .video .cover .play svg:hover {
    width: 75px;
    height: 75px;
  }
}
/* Hero */
.hero {
  position: relative;
  overflow: hidden;
}
.hero video {
  width: 100%;
  height: auto;
  display: block;
  z-index: 1;
  object-fit: cover;
  object-position: center center;
}
.hero img, .hero svg {
  width: 100%;
}
.hero svg {
  padding: 100px;
}
.hero .overlay {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hero .info {
  position: absolute;
  z-index: 3;
  left: 30px;
  top: 30px;
  right: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.hero .info .blocks {
  padding: 30px;
}
.hero .info .blocks .block {
  margin-top: 10px;
}
.hero .info .blocks .block.subheading {
  margin-top: 5px;
}
.hero .info .blocks .block.first-child {
  margin-top: 0;
}
.hero .info h2 {
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
  margin: 0;
}
.hero .info h3 {
  font-size: 28px;
  line-height: 38px;
  margin: 0;
}
.hero .info .rte {
  margin: 0 auto;
}
.hero .info.h-center {
  justify-content: center;
  text-align: center;
}
.hero .info.h-left {
  justify-content: flex-start;
  text-align: left;
}
.hero .info.h-right {
  justify-content: flex-end;
  text-align: right;
}
.hero .info.v-center {
  align-items: center;
}
.hero .info.v-top {
  align-items: flex-start;
}
.hero .info.v-bottom {
  align-items: flex-end;
}

@media (max-width: 720px) {
  .hero {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .hero svg {
    padding: 20px;
  }
  .hero img {
    width: auto !important;
    height: auto !important;
  }
  .hero video {
    width: auto;
  }
  .hero .info .blocks {
    padding: 0;
  }
  .hero .info h2 {
    font-size: 30px;
    line-height: 36px;
  }
  .hero .info h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 420px) {
  .hero .info h2 br {
    display: none;
  }
}
/* Newsletter */
.newsletter {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
.newsletter .titles h2 {
  margin-bottom: 0;
}
.newsletter .titles p {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 20px;
  line-height: 34px;
  max-width: 675px;
  margin: 0 auto 20px;
  padding: 10px 0;
}
.newsletter .titles p:first-child {
  padding-top: 0;
}
.newsletter .titles p:last-child {
  padding-bottom: 0;
}
.newsletter form {
  max-width: 540px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
.newsletter form .table {
  display: table;
  width: 100%;
}
.newsletter form .table input.text {
  padding: 16px 15px 15px;
  display: table-cell;
  width: 100%;
}
.newsletter form .table span.input-group-btn {
  display: table-cell;
  width: 1%;
  vertical-align: top;
}
.newsletter form .table span.input-group-btn .btn {
  padding: 18px 20px;
  margin-left: 5px;
  margin-right: 10px;
}
.newsletter form .field-error {
  margin-left: 15px;
  margin-top: 10px;
  color: #ff555d;
}
.newsletter form .success {
  text-align: center;
  color: #1BA1E2;
  font-size: 20px;
}

@media (max-width: 720px) {
  .newsletter {
    margin: 15px;
  }
  .newsletter form {
    text-align: center;
  }
  .newsletter form .table input.text {
    text-align: center;
  }
  .newsletter form .table span.input-group-btn {
    display: block;
    width: 100%;
  }
  .newsletter form .table span.input-group-btn .btn {
    width: 100%;
    margin: 10px 0 0;
  }
  .newsletter form .field-error {
    margin-left: 0;
  }
}
.map {
  position: relative;
}
.map:after {
  display: table;
  content: '';
  clear: both;
}
.map > .background {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
.map > .background .placeholder-svg {
  padding: 30px 0;
  display: block;
}
.map > .background .image {
  width: 100%;
  height: 100%;
  background: #F3F3F3;
  background-size: cover;
}
.map > .background .map-container {
  width: 100%;
  height: 100%;
  background: #F3F3F3;
}
.map > .background .map-container .warning {
  display: none;
  padding: 20px;
  margin: 20px;
  background: #ff555d;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}
.map > .background .map-container.error .warning {
  display: block;
}
.map > .info {
  z-index: 2;
  position: relative;
  padding: 60px;
  background: rgba(255, 255, 255, 0.85);
  float: left;
  width: 350px;
}
.map > .info h1 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 40px;
  word-wrap: break-word;
}
.map > .info p {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  text-transform: none;
  margin: 10px 0 30px 2px;
}
.map > .info p:last-child {
  margin-bottom: 0;
}

@media (max-width: 720px) {
  .map {
    padding: 0 !important;
  }
  .map > .info {
    margin: 0;
    padding: 20px;
    background: #F3F3F3;
    text-align: center;
    max-width: none;
    width: 100%;
  }
  .map > .info p {
    line-height: 26px;
  }
  .map > .background {
    position: static;
    width: 100%;
  }
  .map > .background .image, .map > .background .map-container {
    height: 400px;
    overflow: hidden;
  }
}
.image-with-text .flex-row .image {
  flex: 0 0 50%;
}
.image-with-text .flex-row .info {
  text-align: left;
  padding-left: 40px;
}
.image-with-text .flex-row .info h2 {
  margin-top: 0px;
}
.image-with-text .flex-row.odd .image {
  order: 2;
}
.image-with-text .flex-row.odd .info {
  padding-left: 0;
  padding-right: 40px;
}
@media (max-width: 720px) {
  .image-with-text .flex-row .image {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .image-with-text .flex-row .info {
    padding: 0;
  }
  .image-with-text .flex-row.odd .image {
    order: 0;
  }
  .image-with-text .flex-row.odd .info {
    padding: 0;
  }
}

.banner-with-text {
  background: transparent;
}
.banner-with-text:after {
  display: table;
  content: '';
  clear: both;
}
.banner-with-text > .background {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.banner-with-text > .background .placeholder-svg {
  padding: 30px 0;
  display: block;
}
.banner-with-text > .background .image {
  width: 100%;
  height: 100%;
  background: #F3F3F3;
  background-size: cover;
}
.banner-with-text > .info {
  z-index: 2;
  position: relative;
  padding: 60px;
  background: rgba(255, 255, 255, 0.85);
  float: left;
  width: 400px;
}
.banner-with-text > .info h1 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 40px;
  word-wrap: break-word;
}
.banner-with-text > .info p {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 20px;
  line-height: 28px;
  margin: 0px 0 20px;
}
.banner-with-text > .info p:last-child {
  margin-bottom: 0;
}
.banner-with-text.position-right > .info {
  float: right;
}
.banner-with-text.position-center > .info {
  float: none;
  margin: 0 auto;
}
.banner-with-text.align-left {
  text-align: left;
}
.banner-with-text.align-center {
  text-align: center;
}
.banner-with-text.align-right {
  text-align: right;
}

@media (max-width: 720px) {
  .banner-with-text {
    padding: 0 !important;
  }
  .banner-with-text > .info {
    padding: 30px;
    margin: 0;
    background: #F3F3F3;
    text-align: center;
    max-width: none;
    width: 100%;
  }
  .banner-with-text > .info p {
    font-family: Figtree, sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #121212;
    font-size: 18px;
    line-height: 26px;
  }
  .banner-with-text > .background {
    position: static;
    width: 100%;
  }
  .banner-with-text > .background .image {
    height: 300px;
  }
}
/* Collections list */
.collections-list {
  background: transparent !important;
}
.collections-list .collections-items {
  padding: 0;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: 0;
}
.collections-list .collections-items:after {
  display: table;
  content: '';
  clear: both;
}
.collections-list .collections-items a.collections-item {
  position: relative;
  text-decoration: none;
  display: block;
  float: left;
  width: 33.333%;
  height: 240px;
  padding-top: 10px;
  padding-left: 10px;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(243, 243, 243, 0.2);
}
.collections-list .collections-items a.collections-item.one-whole {
  width: 100%;
  height: 340px;
}
.collections-list .collections-items a.collections-item.one-whole.short {
  height: 240px;
}
.collections-list .collections-items a.collections-item.one-whole.tall {
  height: 440px;
}
.collections-list .collections-items a.collections-item.one-half {
  width: 50%;
  height: 300px;
}
.collections-list .collections-items a.collections-item.one-half.short {
  height: 200px;
}
.collections-list .collections-items a.collections-item.one-half.tall {
  height: 400px;
}
.collections-list .collections-items a.collections-item.one-third {
  width: 33.333%;
  height: 240px;
}
.collections-list .collections-items a.collections-item.one-third.short {
  height: 140px;
}
.collections-list .collections-items a.collections-item.one-third.tall {
  height: 340px;
}
.collections-list .collections-items a.collections-item .title {
  position: absolute;
  bottom: 5px;
  left: 30px;
  right: 30px;
  padding: 30px 30px 0;
  z-index: 2;
  text-align: right;
}
.collections-list .collections-items a.collections-item .title h4 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 18px;
  display: inline-block;
  word-wrap: break-word;
  background: rgba(255, 255, 255, 0.75);
  padding: 30px;
}
.collections-list .collections-items a.collections-item .image {
  width: 100%;
  height: 100%;
  background-color: #F3F3F3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  transition-delay: 0s;
}
.collections-list .collections-items a.collections-item .image.opacity-0 {
  opacity: 0;
}
.collections-list .collections-items a.collections-item .image.opacity-10 {
  opacity: 0.1;
}
.collections-list .collections-items a.collections-item .image.opacity-20 {
  opacity: 0.2;
}
.collections-list .collections-items a.collections-item .image.opacity-30 {
  opacity: 0.3;
}
.collections-list .collections-items a.collections-item .image.opacity-40 {
  opacity: 0.4;
}
.collections-list .collections-items a.collections-item .image.opacity-50 {
  opacity: 0.5;
}
.collections-list .collections-items a.collections-item .image.opacity-60 {
  opacity: 0.6;
}
.collections-list .collections-items a.collections-item .image.opacity-70 {
  opacity: 0.7;
}
.collections-list .collections-items a.collections-item .image.opacity-80 {
  opacity: 0.8;
}
.collections-list .collections-items a.collections-item .image.opacity-90 {
  opacity: 0.9;
}
.collections-list .collections-items a.collections-item .image.opacity-100 {
  opacity: 1;
}
.collections-list .collections-items a.collections-item .placeholder-svg {
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  transition-delay: 0s;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-0 {
  opacity: 0;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-10 {
  opacity: 0.1;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-20 {
  opacity: 0.2;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-30 {
  opacity: 0.3;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-40 {
  opacity: 0.4;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-50 {
  opacity: 0.5;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-60 {
  opacity: 0.6;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-70 {
  opacity: 0.7;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-80 {
  opacity: 0.8;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-90 {
  opacity: 0.9;
}
.collections-list .collections-items a.collections-item .placeholder-svg.opacity-100 {
  opacity: 1;
}
.collections-list .collections-items a.collections-item.contain {
  padding-bottom: 50px;
}
.collections-list .collections-items a.collections-item.contain .image {
  background-size: contain;
}
.collections-list .collections-items a.collections-item.contain .title {
  text-align: center;
}
.collections-list .collections-items a.collections-item.cover .image {
  background-size: cover;
}
.collections-list .collections-items.interactive a.collections-item h4 {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.2, 0.3, 0.25, 0.9);
  transition-delay: 0s;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-0, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-0 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-10, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-10 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-20, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-20 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-30, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-30 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-40, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-40 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-50, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-50 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-60, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-60 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-70, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-70 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-80, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-80 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-90, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-90 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item .image.opacity-100, .collections-list .collections-items.interactive a.collections-item .placeholder-svg.opacity-100 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item:hover h4 {
  opacity: 1;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-0, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-0 {
  opacity: 0;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-10, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-10 {
  opacity: 0.1;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-20, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-20 {
  opacity: 0.2;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-30, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-30 {
  opacity: 0.3;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-40, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-40 {
  opacity: 0.4;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-50, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-50 {
  opacity: 0.5;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-60, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-60 {
  opacity: 0.6;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-70, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-70 {
  opacity: 0.7;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-80, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-80 {
  opacity: 0.8;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-90, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-90 {
  opacity: 0.9;
}
.collections-list .collections-items.interactive a.collections-item:hover .image.opacity-100, .collections-list .collections-items.interactive a.collections-item:hover .placeholder-svg.opacity-100 {
  opacity: 1;
}

@media (max-width: 960px) {
  .collections-list .collections-items a.collections-item.one-whole, .collections-list .collections-items a.collections-item.one-half, .collections-list .collections-items a.collections-item.one-third {
    width: 50%;
    height: 200px;
  }
  .collections-list .collections-items a.collections-item.one-whole.short, .collections-list .collections-items a.collections-item.one-half.short, .collections-list .collections-items a.collections-item.one-third.short {
    height: 100px;
  }
  .collections-list .collections-items a.collections-item.one-whole.tall, .collections-list .collections-items a.collections-item.one-half.tall, .collections-list .collections-items a.collections-item.one-third.tall {
    height: 340px;
  }
  .collections-list .collections-items div:first-child a.collections-item.one-third {
    width: 100%;
    height: 300px;
  }
  .collections-list .collections-items div:first-child a.collections-item.one-third.short {
    height: 200px;
  }
  .collections-list .collections-items div:first-child a.collections-item.one-third.tall {
    height: 400px;
  }
}
@media (max-width: 720px) {
  .collections-list .collections-items {
    padding: 0;
    margin-left: 0;
  }
  .collections-list .collections-items a.collections-item {
    padding-left: 0;
    margin-bottom: 15px;
    width: 100% !important;
    height: 300px !important;
  }
  .collections-list .collections-items a.collections-item.short {
    height: 200px !important;
  }
  .collections-list .collections-items a.collections-item.tall {
    height: 400px !important;
  }
  .collections-list .collections-items a.collections-item .title {
    left: 15px;
    right: 15px;
    padding: 15px 15px 0;
  }
  .collections-list .collections-items a.collections-item .title h4 {
    padding: 15px;
  }
}
/* Categories list */
.section-categories-list {
  z-index: 2;
}

.categories-list {
  text-align: center;
}
.categories-list.with-background {
  position: relative;
  background: none !important;
}
.categories-list.with-background .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F3F3F3;
  z-index: -2;
}
.categories-list .rte {
  margin-bottom: 20px;
}
.categories-list .categories {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.categories-list .categories .category {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 40px;
  display: flex;
}
.categories-list .categories .category:after {
  content: "•";
  z-index: 1;
}
.categories-list .categories .category:last-child:after {
  content: "";
}
.categories-list .categories .category a {
  text-decoration: none;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.categories-list .categories .category a .text {
  padding: 2px 10px;
}
.categories-list .categories .category a .image {
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.35s ease-out;
  position: absolute;
  top: 50%;
  left: 50%;
}
.categories-list .categories .category a .image img {
  transform: translate(-50%, -50%);
  max-width: 300px;
}
.categories-list .categories .category a:hover .text {
  text-decoration: underline;
}
.categories-list .categories .category a:hover .image {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 960px) {
  .categories-list .categories .category {
    font-size: 32px;
  }
  .categories-list .categories .category a .image img {
    max-width: 200px;
  }
}
@media (max-width: 720px) {
  .categories-list .categories .category {
    font-size: 20px;
  }
  .categories-list .categories .category a .text {
    padding: 1px 5px;
  }
  .categories-list .categories .category a .image img {
    max-width: 100px;
  }
}
@media (pointer: coarse) {
  .categories-list .categories .category a .image {
    display: none;
  }
}
/* Featured product */
.featured-product .collection {
  margin: 0;
}
.featured-product .collection .products.columns_1 .product {
  margin-bottom: 0;
}

/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $grid-breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
==============================================================================*/
/*============================================================================
  Flexbox prefix mixins from Bourbon
    https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
==============================================================================*/
/*============================================================================
  Grid Columns
    - Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Text Alignment Helper ================*/
/* Whole */
.one-whole {
  width: 100%;
}

/* Halves */
.one-half {
  width: 50%;
}

/* Thirds */
.one-third {
  width: 33.3333333333%;
}

.two-thirds {
  width: 66.6666666667%;
}

/* Quarters */
.one-quarter {
  width: 25%;
}

.two-quarters {
  width: 50%;
}

.three-quarters {
  width: 75%;
}

/* Fifths */
.one-fifth {
  width: 20%;
}

.two-fifths {
  width: 40%;
}

.three-fifths {
  width: 60%;
}

.four-fifths {
  width: 80%;
}

/* Sixths */
.one-sixth {
  width: 16.6666666667%;
}

.two-sixths {
  width: 33.3333333333%;
}

.three-sixths {
  width: 50%;
}

.four-sixths {
  width: 66.6666666667%;
}

.five-sixths {
  width: 83.3333333333%;
}

/* Eighths */
.one-eighth {
  width: 12.5%;
}

.two-eighths {
  width: 25%;
}

.three-eighths {
  width: 37.5%;
}

.four-eighths {
  width: 50%;
}

.five-eighths {
  width: 62.5%;
}

.six-eighths {
  width: 75%;
}

.seven-eighths {
  width: 87.5%;
}

/* Tenths */
.one-tenth {
  width: 10%;
}

.two-tenths {
  width: 20%;
}

.three-tenths {
  width: 30%;
}

.four-tenths {
  width: 40%;
}

.five-tenths {
  width: 50%;
}

.six-tenths {
  width: 60%;
}

.seven-tenths {
  width: 70%;
}

.eight-tenths {
  width: 80%;
}

.nine-tenths {
  width: 90%;
}

/* Twelfths */
.one-twelfth {
  width: 8.3333333333%;
}

.two-twelfths {
  width: 16.6666666667%;
}

.three-twelfths {
  width: 25%;
}

.four-twelfths {
  width: 33.3333333333%;
}

.five-twelfths {
  width: 41.6666666667%;
}

.six-twelfths {
  width: 50%;
}

.seven-twelfths {
  width: 58.3333333333%;
}

.eight-twelfths {
  width: 66.6666666667%;
}

.nine-twelfths {
  width: 75%;
}

.ten-twelfths {
  width: 83.3333333333%;
}

.eleven-twelfths {
  width: 91.6666666667%;
}

/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 719px) {
  /* Whole */
  .small--one-whole {
    width: 100%;
  }

  /* Halves */
  .small--one-half {
    width: 50%;
  }

  /* Thirds */
  .small--one-third {
    width: 33.3333333333%;
  }

  .small--two-thirds {
    width: 66.6666666667%;
  }

  /* Quarters */
  .small--one-quarter {
    width: 25%;
  }

  .small--two-quarters {
    width: 50%;
  }

  .small--three-quarters {
    width: 75%;
  }

  /* Fifths */
  .small--one-fifth {
    width: 20%;
  }

  .small--two-fifths {
    width: 40%;
  }

  .small--three-fifths {
    width: 60%;
  }

  .small--four-fifths {
    width: 80%;
  }

  /* Sixths */
  .small--one-sixth {
    width: 16.6666666667%;
  }

  .small--two-sixths {
    width: 33.3333333333%;
  }

  .small--three-sixths {
    width: 50%;
  }

  .small--four-sixths {
    width: 66.6666666667%;
  }

  .small--five-sixths {
    width: 83.3333333333%;
  }

  /* Eighths */
  .small--one-eighth {
    width: 12.5%;
  }

  .small--two-eighths {
    width: 25%;
  }

  .small--three-eighths {
    width: 37.5%;
  }

  .small--four-eighths {
    width: 50%;
  }

  .small--five-eighths {
    width: 62.5%;
  }

  .small--six-eighths {
    width: 75%;
  }

  .small--seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  .small--one-tenth {
    width: 10%;
  }

  .small--two-tenths {
    width: 20%;
  }

  .small--three-tenths {
    width: 30%;
  }

  .small--four-tenths {
    width: 40%;
  }

  .small--five-tenths {
    width: 50%;
  }

  .small--six-tenths {
    width: 60%;
  }

  .small--seven-tenths {
    width: 70%;
  }

  .small--eight-tenths {
    width: 80%;
  }

  .small--nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  .small--one-twelfth {
    width: 8.3333333333%;
  }

  .small--two-twelfths {
    width: 16.6666666667%;
  }

  .small--three-twelfths {
    width: 25%;
  }

  .small--four-twelfths {
    width: 33.3333333333%;
  }

  .small--five-twelfths {
    width: 41.6666666667%;
  }

  .small--six-twelfths {
    width: 50%;
  }

  .small--seven-twelfths {
    width: 58.3333333333%;
  }

  .small--eight-twelfths {
    width: 66.6666666667%;
  }

  .small--nine-twelfths {
    width: 75%;
  }

  .small--ten-twelfths {
    width: 83.3333333333%;
  }

  .small--eleven-twelfths {
    width: 91.6666666667%;
  }

  .small--text-left {
    text-align: left !important;
  }

  .small--text-right {
    text-align: right !important;
  }

  .small--text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 720px) {
  /* Whole */
  .medium-up--one-whole {
    width: 100%;
  }

  /* Halves */
  .medium-up--one-half {
    width: 50%;
  }

  /* Thirds */
  .medium-up--one-third {
    width: 33.3333333333%;
  }

  .medium-up--two-thirds {
    width: 66.6666666667%;
  }

  /* Quarters */
  .medium-up--one-quarter {
    width: 25%;
  }

  .medium-up--two-quarters {
    width: 50%;
  }

  .medium-up--three-quarters {
    width: 75%;
  }

  /* Fifths */
  .medium-up--one-fifth {
    width: 20%;
  }

  .medium-up--two-fifths {
    width: 40%;
  }

  .medium-up--three-fifths {
    width: 60%;
  }

  .medium-up--four-fifths {
    width: 80%;
  }

  /* Sixths */
  .medium-up--one-sixth {
    width: 16.6666666667%;
  }

  .medium-up--two-sixths {
    width: 33.3333333333%;
  }

  .medium-up--three-sixths {
    width: 50%;
  }

  .medium-up--four-sixths {
    width: 66.6666666667%;
  }

  .medium-up--five-sixths {
    width: 83.3333333333%;
  }

  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%;
  }

  .medium-up--two-eighths {
    width: 25%;
  }

  .medium-up--three-eighths {
    width: 37.5%;
  }

  .medium-up--four-eighths {
    width: 50%;
  }

  .medium-up--five-eighths {
    width: 62.5%;
  }

  .medium-up--six-eighths {
    width: 75%;
  }

  .medium-up--seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  .medium-up--one-tenth {
    width: 10%;
  }

  .medium-up--two-tenths {
    width: 20%;
  }

  .medium-up--three-tenths {
    width: 30%;
  }

  .medium-up--four-tenths {
    width: 40%;
  }

  .medium-up--five-tenths {
    width: 50%;
  }

  .medium-up--six-tenths {
    width: 60%;
  }

  .medium-up--seven-tenths {
    width: 70%;
  }

  .medium-up--eight-tenths {
    width: 80%;
  }

  .medium-up--nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.3333333333%;
  }

  .medium-up--two-twelfths {
    width: 16.6666666667%;
  }

  .medium-up--three-twelfths {
    width: 25%;
  }

  .medium-up--four-twelfths {
    width: 33.3333333333%;
  }

  .medium-up--five-twelfths {
    width: 41.6666666667%;
  }

  .medium-up--six-twelfths {
    width: 50%;
  }

  .medium-up--seven-twelfths {
    width: 58.3333333333%;
  }

  .medium-up--eight-twelfths {
    width: 66.6666666667%;
  }

  .medium-up--nine-twelfths {
    width: 75%;
  }

  .medium-up--ten-twelfths {
    width: 83.3333333333%;
  }

  .medium-up--eleven-twelfths {
    width: 91.6666666667%;
  }

  .medium-up--text-left {
    text-align: left !important;
  }

  .medium-up--text-right {
    text-align: right !important;
  }

  .medium-up--text-center {
    text-align: center !important;
  }
}
/*================ Flex item alignment ================*/
.align--top-middle {
  text-align: center;
}

.align--top-right {
  text-align: right;
}

.align--middle-left {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
}

.align--center {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  text-align: center;
}

.align--middle-right {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  text-align: right;
}

.align--bottom-left {
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}

.align--bottom-middle {
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  text-align: center;
}

.align--bottom-right {
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  text-align: right;
}

/* Custom content */
.custom-content {
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}
.custom-content > .inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin-left: -30px;
  margin-bottom: -30px;
}
.custom-content.no-padding {
  margin-left: -30px !important;
  margin-bottom: -30px !important;
}
.custom-content .custom__item {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 30px;
  padding-left: 30px;
  max-width: 100%;
}
.custom-content .custom__item .collection-grid-item {
  margin-bottom: 0;
}
.custom-content .custom__item-inner {
  position: relative;
  display: block;
  text-align: left;
  max-width: 100%;
}
.custom-content .custom__item-inner--text h1 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 40px;
  word-wrap: break-word;
}
.custom-content .custom__item-inner--text .rte {
  margin-top: 20px;
}
.custom-content .custom__item-inner--text p {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  text-transform: none;
  margin: 0px 0 20px 2px;
}
.custom-content .custom__item-inner--text p a {
  text-decoration: underline;
}
.custom-content .custom__item-inner--text p:last-child {
  margin-bottom: 0;
}
.custom-content .custom__item-inner--video,
.custom-content .custom__item-inner--html {
  display: block;
}
.custom-content .custom__item-inner--image {
  position: relative;
  margin: 0 auto;
}
.custom-content .custom__image {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
}
.custom-content .video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto;
}
.custom-content .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 960px) {
  .custom-content > .inner {
    margin-left: -20px;
    margin-bottom: -30px;
  }
  .custom-content.no-padding {
    margin-left: -20px !important;
    margin-bottom: -30px !important;
  }
  .custom-content .custom__item {
    margin-bottom: 30px;
    padding-left: 20px;
  }
}
@media (max-width: 720px) {
  .custom-content > .inner {
    margin-left: -15px;
    margin-bottom: -30px;
  }
  .custom-content.no-padding {
    margin-left: -15px !important;
    margin-bottom: -30px !important;
  }
  .custom-content .custom__item {
    padding-left: 15px;
    margin-bottom: 30px;
  }
}
/* Shopify Challenge (/challenge) */
.shopify-challenge__container {
  padding: 30px !important;
}
.shopify-challenge__container .shopify-challenge__message {
  margin: 20px 0;
}
.shopify-challenge__container .shopify-challenge__error {
  margin: 10px 0;
  font-size: 14px;
}
.shopify-challenge__container .btn.shopify-challenge__button {
  border: 0;
  color: #fff;
  background: #1BA1E2;
  font-weight: 400;
  font-size: 18px;
  padding: 14px 40px;
  width: 100%;
  max-width: 300px;
  margin-top: 10px;
}
.shopify-challenge__container .btn.shopify-challenge__button:hover {
  color: #fff;
  background-color: #1891cb;
}
.shopify-challenge__container .btn.shopify-challenge__button:hover:before, .shopify-challenge__container .btn.shopify-challenge__button:hover:after {
  border-color: #fff;
}

/* Shopify Policy pages (/policies/privacy-policy) */
.shopify-policy__container {
  margin: 0 30px !important;
  padding: 0 0 30px !important;
  background: #F3F3F3;
  max-width: none !important;
  text-align: left;
}
.shopify-policy__container .shopify-policy__title,
.shopify-policy__container .shopify-policy__body {
  padding: 30px 30px 0;
  margin: 0 auto;
  max-width: 900px;
  text-align: inherit;
}
.shopify-policy__container .shopify-policy__title {
  width: 100%;
}
.shopify-policy__container .shopify-policy__title h1 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 30px;
  color: #121212;
  margin: 10px 0 15px !important;
}
.shopify-policy__container .rte h1 {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #121212;
  font-size: 34px;
  font-weight: 700;
  margin: 20px 0 10px;
}

body.expanded .shopify-policy__container .shopify-policy__title,
body.expanded .shopify-policy__container .shopify-policy__body {
  max-width: none;
}
body.left .shopify-policy__container .shopify-policy__title,
body.left .shopify-policy__container .shopify-policy__body {
  margin: 0 auto 0 0;
}
body.right .shopify-policy__container .shopify-policy__title,
body.right .shopify-policy__container .shopify-policy__body {
  margin: 0 0 0 auto;
}

@media (max-width: 720px) {
  .shopify-policy__container {
    margin: 0 15px !important;
    padding: 0 0 15px !important;
  }
  .shopify-policy__container .shopify-policy__title,
  .shopify-policy__container .shopify-policy__body {
    padding: 15px 15px 0;
  }
}
/* Email Marketing confirmation */
.shopify-email-marketing-confirmation__container {
  margin: 0 30px !important;
  padding: 40px 0 60px !important;
  max-width: none !important;
  text-align: center;
  min-height: 40vh;
}
.shopify-email-marketing-confirmation__container h1 {
  display: none;
}
.shopify-email-marketing-confirmation__container p {
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  line-height: 28px;
}
.shopify-email-marketing-confirmation__container a {
  text-decoration: none;
  margin: 20px auto 0;
  max-width: none;
  font-family: Figtree, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #121212;
  font-size: 18px;
  border-radius: 4px;
  transition-property: background-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in;
  transition-delay: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 14px 40px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  background-color: #eee;
  color: rgba(18, 18, 18, 0.6);
}
.shopify-email-marketing-confirmation__container a:hover {
  color: #454545;
  border-color: #454545;
}
.shopify-email-marketing-confirmation__container a:hover:before, .shopify-email-marketing-confirmation__container a:hover:after {
  border-color: #454545;
}

@media (max-width: 720px) {
  .shopify-email-marketing-confirmation__container {
    margin: 0 15px !important;
  }
}

/* 🔹 General Table Styling */
table { width: 100%; border-collapse: collapse; font-size: 18px; line-height: 1.75; } /* Slightly larger font & line spacing */
th { background: #f5f5f5; padding: 14px; text-align: left; font-weight: bold; border-bottom: 2px solid #0073e6; }
td { padding: 14px; border-bottom: 1px solid #ddd; }
tbody tr:nth-child(even) { background: #f9f9f9; }

/* 🔹 Key Insight Callout */
.insight-box { background: #f5f8fa; padding: 16px; border-left: 5px solid #0073e6; font-style: italic; }

/* 🔹 Section Headings with Icons */
h2 { font-size: 26px; font-weight: bold; margin-top: 26px; color: #333; line-height: 1.6; }
h2:nth-of-type(1)::before { content: "📊 "; } /* Insider Purchases */
h2:nth-of-type(2)::before { content: "📈 "; } /* Market Trends */
h2:nth-of-type(3)::before { content: "🧐 "; } /* Featured Moves */
h2:nth-of-type(4)::before { content: "💡 "; } /* What We Think */
h2:nth-of-type(5)::before { content: "🔍 "; } /* Final Takeaway */

/* 🔹 Slightly Smaller Titles for Other Articles */
.other-articles h3 { font-size: 15px; font-weight: 600; margin-top: 12px; }

/* 🔹 Link Styling */
a { color: #0073e6; text-decoration: none; font-weight: 600; }
a:hover { text-decoration: underline; }

/* 🔹 Call-to-Action Buttons */
.cta-button { display: inline-block; padding: 14px 20px; background: #0073e6; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 18px; }
.cta-button:hover { background: #005bb5; }

/* 🔹 Mobile Optimization */
@media screen and (max-width: 768px) {
    th, td { padding: 12px; font-size: 16px; }
    h2 { font-size: 24px; }
    .cta-button { font-size: 16px; padding: 12px 18px; }
    .other-articles h3 { font-size: 15px; }
}

.text.rte.align-left {
    margin-top: 10px; /* Adjust as needed */
    margin-bottom: 10px; /* Adjust as needed */
}

hr {
    margin-top: 18px; /* Adjust as needed */
    margin-bottom: 18px; /* Adjust as needed */
}

/* 🔹 1) Alternate Row Shading for Insider Purchases Table */
.insider-table tr:nth-child(even) {
    background-color: #f9f9f9; /* Light gray alternate rows */
}

/* 🔹 2) Bold Table Headers */
.insider-table th {
    font-weight: bold;
    background-color: #eaeaea; /* Slightly darker background for header */
    padding: 8px;
}

/* 🔹 3) Thin Divider Between Insider Buy Sections */
.insider-separator {
    border-top: 2px solid #ddd; /* Thin, subtle divider */
    margin: 20px 0;
}

/* 🔹 4) Slightly Enhanced Section Headings */
.section-header {
    font-size: 20px;
    font-weight: bold;
    background-color: #f5f5f5; /* Light background for separation */
    padding: 10px;
    border-radius: 5px;
}

/* Funanc1al Header & Icon Styling */
h1.funanc1al-h1 {
  font-size: 42px;
  font-weight: 800;
  text-transform: uppercase;
  color: #FF5733;
  display: flex;
  align-items: center;
}

h1.funanc1al-h1 span {
  font-size: 60px;
  margin-right: 10px;
}

h2.funanc1al-h2 {
  font-size: 30px;
  font-weight: 700;
  color: #007ACC;
  display: flex;
  align-items: center;
}

h2.funanc1al-h2 span {
  font-size: 40px;
  margin-right: 8px;
}

h3.funanc1al-h3 {
  font-size: 22px;
  font-weight: 600;
  color: #444;
}

/* Hover Animation for Icons */
h1.funanc1al-h1 span, h2.funanc1al-h2 span {
  transition: transform 0.2s ease-in-out;
}

h1.funanc1al-h1:hover span, h2.funanc1al-h2:hover span {
  transform: rotate(-5deg) scale(1.1);
}

/* Hide Shopify's default section title */
h2.section-title {
    display: none !important;
}

/* === Custom Styling for Funanc1al Headings === */

/* === Ensure Funanc1al H1, H2, and H3 Align with Page Content === */
.funanc1al-h1,
.funanc1al-h2,
.funanc1al-h3 {
    text-align: left;  /* Aligns with text content */
    max-width: 80%;  /* Adjust width to match content */
    margin-left: auto;
    margin-right: auto;
}

/* If the main content uses a specific width, match it */
@media (min-width: 768px) { /* Ensure it applies on larger screens */
    .funanc1al-h1,
    .funanc1al-h2,
    .funanc1al-h3 {
        max-width: 60%; /* Adjust based on your page layout */
        margin-left: 23.7%; /* Align with main content */
    }
}

/* Alternating Background Colors for Sections */
.index-section:nth-child(odd) {
    background-color: #fafafa; /* Softer light gray */
}

.index-section:nth-child(even) {
    background-color: #fffaf3; /* Softer cream */
}

/* Horizontal Dividers Between Sections */
.index-section + .index-section {
    border-top: 0.5px solid rgba(0, 0, 0, 0.1); /* Subtle gray line */
}

/* Padding for Clean Look and Breathing Room */
.index-section {
    padding: 50px 0; /* Increased padding for a premium feel */
    margin-bottom: 30px;
}

/* Hover and Interaction Effects */
a:hover {
    transform: translateY(-2px); /* Slight lift effect */
    transition: transform 0.2s ease-in-out;
}

button:hover {
    background-color: #e0e0e0; /* Soft gray hover for buttons */
    transition: background-color 0.2s ease-in-out;
}

/* Optional: Hero Section Background Gradient and Shadow */
.hero-section {
    background: linear-gradient(to bottom, #ffffff, #fafafa);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}

/* Match font size and style to body text */
.insider-tips-section h2 {
    font-size: 22px; /* Adjust to match main content headers */
    line-height: 1.3;
    font-weight: 600; /* Same weight as main content */
}

.insider-list a {
    font-size: 16px; /* Match body text size */
    font-weight: 400;
}

.insider-list p {
    font-size: 15px;
    line-height: 1.4;
}

.newsletter-signup {
    background-color: #f9f9f9; /* Light gray or match body background */
    padding: 15px;
    margin-top: 0px;
    margin-bottom: 65px;
    border-radius: 8px;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.newsletter-signup h3 {
    font-size: 20px;
    margin-bottom: 8px;
}

.newsletter-signup p {
    font-size: 16px;
    margin-bottom: 12px;
}

.newsletter-signup input[type="email"] {
    width: 70%;
    padding: 10px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.newsletter-signup button {
    padding: 10px 20px;
    background-color: #ff6600; /* Funanc1al brand color */
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.newsletter-signup button:hover {
    background-color: #ff4500;
}

/* === Custom Styles for Sticky Sidebar (Merged) === */

.page-finance-flex {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

.sticky-sidebar-wrapper {
  flex: 0 0 250px;
  margin-left: 10px;
}

.page-main-content {
  flex: 1;
  min-width: 0;
}

/* Sticky Sidebar itself */
.sticky-sidebar {
  position: sticky;
  top: 100px;
  z-index: 10;
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
}

.sticky-sidebar h3 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
}

.sticky-sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sticky-sidebar li {
  margin-bottom: 8px;
}

.sticky-sidebar a {
  text-decoration: none;
  color: #0073e6;
  font-size: 16px;
  transition: color 0.2s ease-in-out;
}

.sticky-sidebar a:hover {
  color: #005bb5;
}

.page-main-content {
  min-height: 2000px; /* Fake tall content */
}

.page-finance-wrapper .sticky-sidebar-wrapper {
  display: none !important;
}

.page-finance-wrapper {
  padding: 2rem;
  padding-left: 4cm; /* Try 3cm, 4cm, or adjust */
  max-width: 1200px;
  margin: 0 auto;
}

.footer .content h3 {
  color: #ffffff !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}


/* Sponsor Zone — baseline styling */
.sponsor-zone .sponsor-slot {
  border-radius: 16px;
  padding: 18px 18px;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.9);
}

.sponsor-zone .sponsor-label {
  font-size: 0.9rem;
  opacity: 0.75;
  margin-bottom: 10px;
}

.sponsor-zone .sponsor-body {
  margin-top: 6px;
  margin-bottom: 12px;
}

/* FUNanc1al CTA link button look */
.ll-cta-link {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.14);
  text-decoration: none;
}
.ll-cta-link:hover { text-decoration: none; }


/* ===============================
   Stocks-Fun (view=stocks-fun)
   Restore page-width margins
   =============================== */

/* 1) Put side padding back on the custom-liquid sections */
.template-page .content.custom-liquid.no-padding {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* 2) Keep the inner content from going full-bleed */
.template-page .content.custom-liquid.no-padding > * {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 3) Give cards a little vertical rhythm */
.template-page .ll-section-card {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

/* Sponsor Zone baseline */
.sponsor-zone .sponsor-slot {
  border-radius: 16px;
  padding: 18px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(255,255,255,0.95);
}

.sponsor-zone .sponsor-label {
  font-size: 0.9rem;
  opacity: 0.75;
  margin-bottom: 10px;
}

/* Sponsor Zone: hard-center slot inside page-width */
.sponsor-zone__body--center {
  display: flex;
  justify-content: center;
}

.sponsor-zone__slotwrap {
  width: 100%;
  max-width: 820px; /* matches the L&L single-column strategy */
}

.template-page .sponsor-zone {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.template-page .sponsor-zone > .page-width,
.template-page .sponsor-zone > div {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Stocks-Fun (view=stocks-fun): hide legacy title/subtitle block */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .funanc1al-container {
  display: none !important;
}

/* Stocks-Fun: hero spacing + centering */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-opening-inner p:first-of-type {
  margin-top: 0 !important;
}

body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-hero {
  margin-top: 26px !important;
  text-align: center !important;
}

body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-hero img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Stocks-Fun: hide sticky sidebar entirely (soft-launch polish) */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .sticky-sidebar,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  [id*="sticky_sidebar"] {
  display: none !important;
}


/* Stocks-Fun: modern header injected above opening copy */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-opening-inner::before{
  content:"💰 Laugh & Learn — Finance, Stocks, and a Twist of Humor";
  display:block;
  font-size: clamp(26px, 2.4vw, 40px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.12;
  margin: 0 0 10px 0;
}

body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-opening-inner::after{
  content:"Smart money moves • Insider tells • Hedge fund breadcrumbs • Global ideas • And yes, a few jokes.";
  display:block;
  width:100%;
  clear:both;
  margin: 0 0 22px 0;
  padding: 0;
  opacity: .8;
  font-size: 16px;
  line-height: 1.55;
}

body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-opening-inner::after{
  content:"Smart money moves • Insider tells • Hedge fund breadcrumbs • Global ideas • And yes, a few jokes." !important;
  display:block !important;
}


/* Keep Stocks-Fun intro visually aligned with other cards */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-opening-block.page-width{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-opening-inner{
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* Stocks-Fun: hide the sidebar sponsor block entirely */
#sponsor-zone-template--19178753228960__sponsor_sidebar_LqX4na{
  display:none !important;
}

/* Stocks-Fun: make the whole page use a clean centered column */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  #Sections{
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* If the theme adds padding/margins on each section wrapper, neutralize them */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  #Sections > .shopify-section{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Stocks-Fun (page.stocks-fun): hide legacy theme header title block */
body.template-page-stocks-fun .funanc1al-container {
  display: none !important;
}

/* Fallback: if body class differs, hide legacy header only on /pages/stocks-fun */
body[id*="stocks-fun"] .funanc1al-container,
body[class*="stocks-fun"] .funanc1al-container {
  display: none !important;
}


/* For mobile */

body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  #Sections{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (min-width: 900px){
  body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
    #Sections{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ===============================
   Stocks-Fun: Featured list spacing
   =============================== */

/* Space between each featured link */
.ll-section-featured .ll-link-list li{
  margin: 10px 0;
  line-height: 1.55;
}

/* Slight indent so the list breathes */
.ll-section-featured .ll-link-list{
  padding-left: 0;
  margin: 12px 0 0;
  list-style: none;
}

/* Give the footer CTA (button) room from the last link */
.ll-section-card .ll-section-footer{
  margin-top: 18px;
}

/* Optional: a little extra separation from the "Featured..." label */
.ll-section-featured > p{
  margin-bottom: 10px;
}

/* Stocks-Fun: kill any CSS-injected "bag title" line */
body#stocks-fun h1.ll-page-title::before,
body#stocks-fun .ll-page-title::before {
  content: none !important;
  display: none !important;
}

/* Stocks-Fun: remove legacy pseudo H1 injected via CSS */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o .ll-opening-inner:before,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o .ll-opening-inner::before {
  content: none !important;
  display: none !important;
}

/* FM_DEBUG_CSS_LOADED_2025_12_25 */
:root { --fm-debug-css-loaded: "YES_2025_12_25_A"; }

/* =========================================
   FUNanc1al — Global Hub Centering (L&L)
   Single-column 820px content feel
   ========================================= */

/* Center the actual content blocks inside hub pages */
.ll-section-card,
.ll-opening-block,
.sponsor-zone,
.newsletter,
.matrix-router {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* If Shopify's .page-width is wider, keep it from pushing content left */
.page-width .ll-section-card,
.page-width .ll-opening-block,
.page-width .sponsor-zone,
.page-width .newsletter,
.page-width .matrix-router {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Ensure inner wrappers don't fight centering */
.ll-section-card > .page-width,
.sponsor-zone > .page-width,
.ll-opening-block.page-width {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Optional: make featured lists align nicely in the centered column */
.ll-link-list,
.ll-section-header,
.ll-section-featured,
.ll-section-footer {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* =========================================
   FUNanc1al hubs — ensure the OPENING / HERO block is also centered
   (the featured list is in .ll-section-card; the intro often isn't)
   ========================================= */

/* Center the entire opening wrapper (even if it carries Shopify's .page-width) */
body .ll-opening-block.page-width,
body .ll-opening-block {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* If the theme's .page-width is pushing the opening block to the left via padding,
   keep padding but make sure it stays symmetric and centered */
body .ll-opening-block.page-width {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Make sure the inner wrapper isn't being constrained weirdly */
body .ll-opening-block .ll-opening-inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* In case the hero itself is being treated like a left-floating block somewhere */
body .ll-opening-block .ll-page-hero,
body .ll-opening-block .ll-hero {
  width: 100% !important;
  max-width: 100% !important;
}

/* =========================================
   FUNanc1al — force-center Custom Liquid hero blocks
   (theme wrapper proof)
   ========================================= */

.ll-center-wrap{
  width:100%;
  display:flex;
  justify-content:center;
}

.ll-center-wrap > .ll-section-card{
  width:100%;
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

/* If the theme adds padding via page-width outside, keep it from pushing the card */
.ll-center-wrap{
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}


/* =========================================
   FUNanc1al — Hub Readability / Vertical Rhythm
   Applies to hub components only
   ========================================= */

/* Base readable line length + comfortable leading inside hub blocks */
.ll-opening-block,
.ll-section-card,
.matrix-router,
.sponsor-zone,
.newsletter {
  line-height: 1.65;
}

/* Paragraph rhythm */
.ll-opening-block p,
.ll-section-card p,
.matrix-router p,
.sponsor-zone p,
.newsletter p {
  margin: 0 0 0.9em 0;
}

/* Headings rhythm (avoid “stuck to the text below”) */
.ll-opening-block h1,
.ll-opening-block h2,
.ll-opening-block h3,
.ll-section-card h2,
.ll-section-card h3,
.ll-section-card h4 {
  margin: 0 0 0.55em 0;
  line-height: 1.2;
}

/* If headings follow text, give them air */
.ll-opening-block p + h2,
.ll-opening-block p + h3,
.ll-section-card p + h2,
.ll-section-card p + h3 {
  margin-top: 1.1em;
}

/* Lists: keep them tight but readable */
.ll-opening-block ul,
.ll-opening-block ol,
.ll-section-card ul,
.ll-section-card ol {
  margin: 0 0 1em 1.2em;
  padding: 0;
}

.ll-opening-block li,
.ll-section-card li {
  margin: 0.35em 0;
}

/* Optional: tighten last-child whitespace so blocks don’t look “draggy” */
.ll-opening-block p:last-child,
.ll-section-card p:last-child,
.matrix-router p:last-child {
  margin-bottom: 0;
}



/* =========================================================
   IPO Hub — force single-column centered layout
   Page: Select Recent IPOs & Miracle Growth Ideas
   ========================================================= */

body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
.page-width,
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
.page-width--narrow,
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
#MainContent,
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
main {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Flatten any grid / flex wrappers into one column */
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
.grid,
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
.container,
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
.main-content {
  display: block !important;
}

/* Kill any sidebar / second column */
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
aside,
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
.sidebar,
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
.page-sidebar,
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
.grid__item--sidebar {
  display: none !important;
}

/* Ensure any grid items go full width */
body#select-recent-ipo-39-s-and-miracle-growth-ideas-let-39-s-dig-the-opportunit
.grid__item {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.ll-hub-image {
  margin: 20px 0 24px;
  text-align: center;
}

.ll-hub-image img {
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}

.ipos-hero__image-wrap {
  max-width: 820px;
  margin: 0 auto 16px;
}

.ipos-hero__image {
  width: 100%;
  height: auto;
  border-radius: 14px;
  display: block;
}



/* =========================================================
   Overseas hub — force single-column centered layout
   ========================================================= */

body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"] .main-page-title,
body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"] .page-width,
body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"] .rte,
body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"] .shopify-section {
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
}

body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"] .ll-section-card{
  max-width: 820px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================================================
   Overseas hub — center ONLY the hub blocks (don’t touch page gutters)
   ========================================================= */

@media (min-width: 990px){
  body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"]
  :is(
    .ll-center-wrap,
    .ll-section-card,
    .overseas-hero,
    .overseas-hero__live,
    .ll-subsection
  ){
    max-width: 820px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Make sure “cards” don’t shrink weirdly inside grids */
  body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"]
  :is(.ll-section-card, .ll-subsection){
    width: 100%;
  }
}

/* Fix lone headings inside Overseas hub sections */
@media (min-width: 990px){
  body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"]
  .ll-section-card > h2,
  body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"]
  .ll-section-card > h3{
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* =========================================================
   Overseas hub — catch any stray rich-text / page content blocks
   that aren’t inside .ll-section-card
   ========================================================= */

body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"]
.rte,
body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"]
.page-width,
body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"]
.shopify-section .rte,
body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"]
.shopify-section .page-width {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

body[id="🌍-global-investing-finding-the-next-alibaba-louis-vuitton-amp-coupang-while-dodging-evergrande-style-disasters"]
.shopify-section > * {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}


/* =========================================================
   VALUE HUB — minimal styling + centered hub feel
   Page: ...ridiculously-ridicule-value-plays
   ========================================================= */

body[id*="ridiculously-ridicule-value-plays"] .ll-center-wrap,
body[id*="ridiculously-ridicule-value-plays"] .ll-section-card,
body[id*="ridiculously-ridicule-value-plays"] .ll-section-header,
body[id*="ridiculously-ridicule-value-plays"] .ll-link-list {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* make the unified list readable + consistent */
body[id*="ridiculously-ridicule-value-plays"] #value-all .ll-link-list {
  padding-left: 0 !important;
  list-style: none !important;
}

body[id*="ridiculously-ridicule-value-plays"] #value-all .ll-link-list > li {
  margin: 0 0 12px 0 !important;
}

/* optional: keep the “page container” from going edge-to-edge */
body[id*="ridiculously-ridicule-value-plays"] #MainContent {
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   VALUE HUB — single centered column + prevent faux “multi-column” list behavior
   Page: ...ridiculously-ridicule-value-plays
   ========================================================= */

body[id*="ridiculously-ridicule-value-plays"] .ll-center-wrap {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Ensure the Value list is a normal vertical list */
body[id*="ridiculously-ridicule-value-plays"] #value-all .ll-link-list {
  display: block !important;
  padding-left: 40px; /* keep default bullets spacing if you want */
}

/* HARD stack: if theme styles make LI “column-like”, neutralize */
body[id*="ridiculously-ridicule-value-plays"] #value-all .ll-link-list > li {
  display: list-item !important;
  float: none !important;
  clear: both !important;
  width: auto !important;
  max-width: none !important;
}

/* If the anchors or inner spans are being sized, neutralize too */
body[id*="ridiculously-ridicule-value-plays"] #value-all .ll-link-list > li > a,
body[id*="ridiculously-ridicule-value-plays"] #value-all .ll-link-list > li > span {
  display: inline !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
}


/* =========================================================
   VALUE HUB — FIX 4-up flex row on .ll-center-wrap
   Section-scoped to avoid touching other hubs
   ========================================================= */

#shopify-section-template--19249978835104__custom_liquid_value .ll-center-wrap {
  display: block !important;          /* kills flex row */
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Stack ALL direct children as full-width rows */
#shopify-section-template--19249978835104__custom_liquid_value .ll-center-wrap > * {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* If some child has a dashed divider/border meant for columns, nuke it */
#shopify-section-template--19249978835104__custom_liquid_value .ll-center-wrap > * {
  border-left: 0 !important;
  border-right: 0 !important;
  column-rule: none !important;
}

/* VALUE HUB — force all hub content to use the same centered lane */
#shopify-section-template--19249978835104__custom_liquid_value .ll-center-wrap {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Center + constrain the common text containers too */
#shopify-section-template--19249978835104__custom_liquid_value .ll-opening-inner,
#shopify-section-template--19249978835104__custom_liquid_value .ll-page-hero,
#shopify-section-template--19249978835104__custom_liquid_value .ll-section-card,
#shopify-section-template--19249978835104__custom_liquid_value .ll-section-header {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   FUNANC1AL — DIVERSIFY HUB (Great Revamp)
   Single-column centered lane + hub-consistent styling
   Page: gold-bitcoin-commodities-and-agriculture-diversification-is-key-but-how-much-and-where
   ========================================================= */

/* --- Scope: page handle contains "gold-bitcoin-commodities" --- */
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"] {

  /* Tweak these if you ever want a wider/narrower lane */
  --hub-wrap-max: 960px;
  --hub-lane-max: 820px;

  --hub-card-radius: 16px;
  --hub-card-border: rgba(15, 23, 42, 0.08);
  --hub-card-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);

  --hub-text-muted: rgba(17, 24, 39, 0.72);
  --hub-text-soft: rgba(17, 24, 39, 0.62);
}

/* ---------------------------------------------------------
   1) Kill any 4-up layout at the source
   (This is the exact Value Hub lesson: flex row => 4 columns)
   --------------------------------------------------------- */
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .content.custom-liquid,
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hub-wrapper,
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-center-wrap {
  display: block !important;
  flex: none !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hub-wrapper > * {
  width: 100% !important;
  max-width: 100% !important;
}

/* ---------------------------------------------------------
   2) Hub container + lane centering (matches other hubs)
   --------------------------------------------------------- */
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hub-wrapper {
  max-width: var(--hub-wrap-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-bottom: 40px !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hub-wrapper .diversify-hero,
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hub-wrapper .ll-section-card {
  max-width: var(--hub-lane-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---------------------------------------------------------
   3) Section cards / headers / lists — consistent hub look
   --------------------------------------------------------- */
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-section-card {
  border-radius: var(--hub-card-radius) !important;
  border: 1px solid var(--hub-card-border) !important;
  box-shadow: var(--hub-card-shadow) !important;
  padding: 18px 20px 20px !important;
  margin: 0 auto 18px auto !important;
  background: rgba(249, 250, 251, 1) !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-section-header {
  margin: 0 0 12px 0 !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-section-header h2 {
  margin: 0 0 6px 0 !important;
  line-height: 1.25 !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-section-header p {
  margin: 0 !important;
  color: var(--hub-text-muted) !important;
}

/* Unified timeline list */
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-link-list {
  margin: 10px 0 0 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-link-list > li {
  margin: 0 0 10px 0 !important;
  line-height: 1.35 !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-link-list a {
  text-decoration: none !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-link-list a:hover {
  text-decoration: underline !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-link-meta {
  color: var(--hub-text-soft) !important;
  font-size: 13px !important;
}

/* ---------------------------------------------------------
   4) Diversify hero — replicate hub hero feel
   (You can delete the inline <style> in the section)
   --------------------------------------------------------- */
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hero {
  border-radius: var(--hub-card-radius) !important;
  border: 1px solid var(--hub-card-border) !important;
  box-shadow: var(--hub-card-shadow) !important;
  padding: 18px 20px 20px !important;
  margin: 0 auto 18px auto !important;
  background: rgba(249, 250, 251, 1) !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hero__emoji {
  font-size: 32px !important;
  line-height: 1 !important;
  margin: 0 0 8px 0 !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hero__eyebrow {
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin: 0 0 4px 0 !important;
  font-weight: 600 !important;
  color: rgba(107, 114, 128, 1) !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hero__title {
  font-size: 24px !important;
  line-height: 1.25 !important;
  margin: 0 0 6px 0 !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hero__subtitle {
  margin: 0 0 10px 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: rgba(75, 85, 99, 1) !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .diversify-hero__body {
  margin: 0 0 8px 0 !important;
  font-size: 15px !important;
  color: rgba(75, 85, 99, 1) !important;
}

/* ---------------------------------------------------------
   5) Subsections inside Developments area
   --------------------------------------------------------- */
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-subsection {
  margin: 12px 0 0 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-subsection h4 {
  margin: 0 0 6px 0 !important;
  line-height: 1.25 !important;
}

body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-subsection p,
body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
  .ll-subsection ul {
  color: var(--hub-text-muted) !important;
}

/* ---------------------------------------------------------
   6) Mobile polish
   --------------------------------------------------------- */
@media (max-width: 640px) {
  body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
    .diversify-hub-wrapper {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
    .diversify-hero,
  body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
    .ll-section-card {
    padding: 16px 14px 18px !important;
    border-radius: 14px !important;
  }

  body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
    .diversify-hero__title {
    font-size: 20px !important;
  }

  body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
    .diversify-hero__subtitle,
  body[id*="gold-bitcoin-commodities-and-agriculture-diversification-is-key"]
    .diversify-hero__body {
    font-size: 14px !important;
  }
}


/* =========================================================
   DIVERSIFY HUB — center hero copy (title + intro)
   ========================================================= */

body[id*="diversification-is-key"]
.diversify-hero,
body[id*="diversification-is-key"]
.diversify-hero * {
  text-align: center;
}

/* Keep body paragraphs readable (not stretched) */
body[id*="diversification-is-key"]
.diversify-hero {
  max-width: 820px;
  margin: 0 auto 28px auto;
}

/* =========================================================
   DIVERSIFY HUB — hero image placement & sizing
   ========================================================= */

body[id*="diversification-is-key"]
.diversify-hero-image {
  margin: 18px auto 22px;
  max-width: 520px;
}

body[id*="diversification-is-key"]
.diversify-hero-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
}


/* =========================================================
   DIVERSIFY HUB — consolidated canonical layout + lane ownership
   Page body id:
   gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype
   ========================================================= */

body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .ll-center-wrap{
  /* Safety: if theme sets flex row somewhere, we hard-stack it */
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

/* Hub wrapper: overall page container */
body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .diversify-hub-wrapper{
  max-width: 960px !important;
  margin: 0 auto 40px auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* Universal "lane" rule: every top-level hub block sits in the same centered lane */
body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .diversify-hub-wrapper > *{
  width: 100% !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Hero: same lane, readable text */
body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .diversify-hero{
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .diversify-hero *{
  text-align: left !important; /* lane is centered; copy stays readable */
}

/* Match other hubs: section cards + headers + lists live in the same lane */
body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .ll-section-card,
body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .ll-section-header,
body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .ll-link-list{
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   Hide legacy backup block (often where the “2nd image” lives)
--------------------------------------------------------- */
body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype #diversify-legacy,
body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .diversify-legacy{
  display: none !important;
}

/* ---------------------------------------------------------
   Hero image styling (only applies once we insert hero image markup)
--------------------------------------------------------- */
body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .diversify-hero-image{
  margin: 16px auto 18px !important;
  max-width: 520px !important;
}

body#gold-crypto-and-alternative-investments-smart-diversification-or-risky-hype .diversify-hero-image img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 14px !important;
}


/* =========================================================
   FUN & FINANCE HUB — Great Revamp lane + hero + sections
   Page body id:
   retirement-business-amp-smart-money-moves-fun-without-financial-follies
   ========================================================= */

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .ll-center-wrap{
  /* Shopify sometimes makes this a horizontal flex lane. We force vertical stack. */
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

/* Hub wrapper = single centered lane */
body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hub-wrapper{
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto 40px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* Everything inside the hub uses the same centered content width (like other hubs) */
body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hub-wrapper > *{
  width: 100% !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* HERO card styling (matches the “hub feel”) */
body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero{
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto 28px !important;
  padding: 18px 20px 20px !important;
  border-radius: 16px !important;
  background: #f9fafb !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03) !important;
}

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero__emoji{
  font-size: 32px !important;
  line-height: 1 !important;
  margin: 0 0 8px !important;
}

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero__eyebrow{
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #6b7280 !important;
  margin: 0 0 4px !important;
  font-weight: 600 !important;
}

/* Keep text readable (left-aligned), but in a centered lane */
body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero *{
  text-align: left !important;
}

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero__title{
  font-size: 24px !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
}

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero__subtitle{
  margin: 0 0 10px !important;
  font-size: 15px !important;
  color: #4b5563 !important;
  font-weight: 500 !important;
}

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero__body{
  margin: 0 0 8px !important;
  font-size: 15px !important;
  color: #4b5563 !important;
}

/* Section cards & lists: same lane */
body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .ll-section-card,
body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .ll-section-header,
body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .ll-link-list{
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* List readability */
body#retirement-business-amp-smart-money-moves-fun-without-financial-follies #fun-finance-all .ll-link-list{
  padding-left: 0 !important;
  list-style: none !important;
}

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies #fun-finance-all .ll-link-list > li{
  margin: 0 0 12px 0 !important;
}

/* Hide legacy backup (prevents mystery “second image” or legacy junk showing) */
body#retirement-business-amp-smart-money-moves-fun-without-financial-follies #fun-finance-legacy,
body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-legacy{
  display: none !important;
}

/* Mobile tuning */
@media (max-width: 640px){
  body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hub-wrapper{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero{
    padding: 16px 14px 18px !important;
    border-radius: 14px !important;
  }

  body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero__title{
    font-size: 20px !important;
  }

  body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero__subtitle,
  body#retirement-business-amp-smart-money-moves-fun-without-financial-follies .fun-finance-hero__body{
    font-size: 14px !important;
  }
}

/* =========================================================
   FUN & FINANCE HUB — typography hierarchy
   ========================================================= */

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies
.fun-finance-hero__title {
  font-size: 44px;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 10px;
}

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies
.ll-section-header h2 {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 600;
}

.fun-finance-hero__eyebrow {
  opacity: 0.85;
}

/* =========================================================
   FUN & FINANCE HUB — spacing & readability
   ========================================================= */

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies
.fun-finance-hero__body {
  line-height: 1.6;
  margin-bottom: 14px;
}

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies
.ll-section-card p {
  line-height: 1.6;
  margin-bottom: 14px;
}

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies
.ll-subsection {
  margin-bottom: 26px;
}

/* =========================================================
   FUN & FINANCE HUB — hero image sizing + alignment
   ========================================================= */

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies
.fun-finance-hero-image {
  max-width: 820px;        /* match hero text lane */
  margin: 18px auto 20px; /* centered, breathing room */
}

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies
.fun-finance-hero-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;    /* consistent with hero card */
}

/* =========================================================
   FUN & FINANCE HUB — hero H1 hierarchy fix
   ========================================================= */

body#retirement-business-amp-smart-money-moves-fun-without-financial-follies
.fun-finance-hero__title {
  font-size: 34px !important;     /* not 44 — editorial sweet spot */
  line-height: 1.18 !important;   /* restores visual dominance */
  font-weight: 700;               /* subtle authority */
  margin-bottom: 10px;
}


/* =========================================================
   EPIPHANY HUB — Great Revamp (LIVE)
   Page body id:
   we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas
   ========================================================= */

body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .ll-center-wrap{
  /* Same fix that killed the 4-up/flex weirdness elsewhere */
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

/* Hub wrapper owns the centered lane */
body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hub-wrapper{
  max-width: 960px !important;
  margin: 0 auto 44px auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* All direct children use the same editorial lane */
body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hub-wrapper > *{
  width: 100% !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Hero card matches other hubs */
body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hero{
  padding: 18px 20px 20px !important;
  border-radius: 16px !important;
  background: #f9fafb !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03) !important;
}

/* H1 hierarchy (same issue as Fun & Finance) */
body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hero__title{
  font-size: 34px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

/* Eyebrow + emoji rhythm */
body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hero__emoji{
  font-size: 32px !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
}

body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hero__eyebrow{
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #6b7280 !important;
  margin: 0 0 6px !important;
  font-weight: 600 !important;
}

body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hero__subtitle{
  margin: 0 0 12px !important;
  font-size: 15px !important;
  color: #4b5563 !important;
  font-weight: 500 !important;
}

/* Improve overall breathing room (you mentioned “compressed” sometimes) */
body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hero__body{
  margin: 0 0 10px !important;
  font-size: 15px !important;
  color: #4b5563 !important;
  line-height: 1.55 !important;
}

/* Section card spacing consistency */
body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .ll-section-card{
  margin-top: 18px !important;
}

/* Hide the legacy backup (where “mystery duplicates” often live) */
body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas #epiphany-legacy,
body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-legacy{
  display: none !important;
}

/* Mobile */
@media (max-width: 640px){
  body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hero{
    padding: 16px 14px 18px !important;
    border-radius: 14px !important;
  }
  body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hero__title{
    font-size: 24px !important;
  }
  body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hero__subtitle,
  body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas .epiphany-hero__body{
    font-size: 14px !important;
  }
}

/* ---------------------------------------------------------
   EPIPHANY HUB — hero image (inside hero, after para 1)
--------------------------------------------------------- */

body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas
.epiphany-hero-image{
  margin: 18px auto 22px !important;
  max-width: 520px !important;   /* matches Diversify & Fun hubs */
}

body#we-just-had-an-epiphany-wild-market-takes-unexpected-insights-amp-profitable-ideas
.epiphany-hero-image img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 14px !important;
}

/* =========================================================
   EPIPHANY HUB — readability & vertical rhythm fixes
   ========================================================= */

body[id*="we-just-had-an-epiphany"] .ll-section-card {
  line-height: 1.65;
}

/* Paragraphs under section headers */
body[id*="we-just-had-an-epiphany"] .ll-section-header p {
  margin-top: 8px;
  margin-bottom: 16px;
  line-height: 1.65;
}

/* Link list spacing (this is the big win) */
body[id*="we-just-had-an-epiphany"] .ll-link-list li {
  margin-bottom: 14px;          /* space between links */
  line-height: 1.6;
}

/* Meta date spacing */
body[id*="we-just-had-an-epiphany"] .ll-link-meta {
  margin-left: 6px;
  font-size: 0.9em;
  opacity: 0.75;
}

/* Optional: tiny breathing room above first link */
body[id*="we-just-had-an-epiphany"] .ll-link-list {
  margin-top: 10px;
}


/* =========================================================
   RIDICULOUS HUB — centered lane + hero image + readability
   Page: /pages/ridiculous-thoughts-but-we-can-t-help
   body id: ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories
   ========================================================= */

body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ll-center-wrap{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

/* Hub wrapper owns the lane */
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hub-wrapper{
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto 44px auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* Every direct child section uses the same centered lane */
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hub-wrapper > *{
  width: 100% !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Hero card */
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hero{
  max-width: 820px !important;
  margin: 0 auto 28px auto !important;
}

/* Keep text readable (left) but inside centered lane */
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hero,
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hero *{
  text-align: left !important;
}

/* Make sure H1 clearly outranks H2 */
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hero__title{
  font-size: 40px !important;
  line-height: 1.18 !important;
  margin: 0 0 8px 0 !important;
}
@media (max-width: 640px){
  body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hero__title{
    font-size: 28px !important;
  }
}

/* Eyebrow + subtitle spacing */
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hero__eyebrow{
  margin: 0 0 6px 0 !important;
}
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hero__subtitle{
  margin: 0 0 14px 0 !important;
}

/* Hero paragraphs: more air */
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hero__body{
  line-height: 1.62 !important;
  margin: 0 0 12px 0 !important;
}

/* Hero image: centered, not oversized */
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hero-image{
  margin: 14px auto 18px auto !important;
  max-width: 560px !important;
}
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-hero-image img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 14px !important;
}

/* Hide legacy backup (just in case it holds stray images) */
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories #ridiculous-legacy,
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ridiculous-legacy{
  display: none !important;
}

/* =========================================================
   RIDICULOUS HUB — readability & vertical rhythm for body
   (this is the “wow” upgrade you just saw on Epiphany)
   ========================================================= */

body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ll-section-card{
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ll-section-header p{
  line-height: 1.62 !important;
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ll-link-list{
  margin-top: 10px !important;
  padding-left: 0 !important;
}

body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ll-link-list li{
  margin: 0 0 10px 0 !important;     /* <-- spacing between hyperlinks */
  line-height: 1.55 !important;
}

body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ll-link-list a{
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ll-subsection p,
body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ll-subsection li{
  line-height: 1.62 !important;
}

body#ridiculous-thoughts-wild-finance-bizarre-ventures-amp-unbelievable-stories .ll-subsection ul{
  margin-top: 10px !important;
  margin-bottom: 12px !important;
}


/* =========================================================
   SPECIAL FILES HUB — centered lane + hero image + rhythm
   Page body id:
   special-files-amp-investigations-the-strange-amp-spooky-side-of-finance
   ========================================================= */

body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .ll-center-wrap{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Outer hub wrapper: keep it centered, but let inner sections own the 820px lane */
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-hub-wrapper{
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto 44px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* Every section/card uses the canonical hub lane */
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-hub-wrapper > *{
  width: 100% !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Hero card: keep text readable (left), inside centered lane */
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-hero{
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-hero *{
  text-align: left !important;
}

/* H1 must clearly outrank H2 */
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-hero__title{
  font-size: 34px !important;
  line-height: 1.18 !important;
  margin-top: 6px !important;
  margin-bottom: 10px !important;
}

/* If your global H2 is ~22px, keep it there; we just ensure hierarchy */
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .ll-section-header h2{
  margin-bottom: 10px !important;
}

/* Hero image: scaled to match lane (not oversized) */
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-hero-image{
  margin: 16px auto 18px !important;
  max-width: 560px !important; /* tweak 520–620 if you want */
}
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-hero-image img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 14px !important;
}

/* Hide legacy backup (safety) */
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance #special-files-legacy,
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-legacy{
  display: none !important;
}

/* ---------------------------------------------------------
   Readability & vertical rhythm (main body + link list)
   --------------------------------------------------------- */
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .ll-section-card{
  line-height: 1.62 !important;
}

body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .ll-section-header p{
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .ll-link-list{
  margin-top: 14px !important;
  padding-left: 0 !important;
}
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .ll-link-list li{
  margin: 10px 0 !important;   /* “between hyperlinks” fix */
  line-height: 1.55 !important;
}
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .ll-link-meta{
  margin-left: 6px !important;
  opacity: 0.75;
}

/* Deep-dive section spacing */
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance #special-files-deep-dive p{
  margin: 12px 0 !important;
}
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance #special-files-deep-dive ul{
  margin: 10px 0 14px 20px !important;
}
body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance #special-files-deep-dive li{
  margin: 7px 0 !important;
}

/* Mobile: keep hierarchy but scale down */
@media (max-width: 640px){
  body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-hub-wrapper{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-hero__title{
    font-size: 26px !important;
  }
  body#special-files-amp-investigations-the-strange-amp-spooky-side-of-finance .special-files-hero-image{
    max-width: 100% !important;
  }
}

.fade-in { animation: llFadeIn .35s ease-in; }
@keyframes llFadeIn { from { opacity: 0; } to { opacity: 1; } }

/* --- Fade animation (for quote rotation) --- */
.fade-in {
  animation: llFadeIn .35s ease-in;
}
@keyframes llFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}


/* ===========================
   FUNanc1al — Sponsor Blocks
   Custom styles for Laugh & Learn monetization
   Added 2025-11-21
   =========================== */

   /* ===========================
   FUNanc1al Sponsor Blocks
   =========================== */

/* Top Sponsor Bar (already live) */
.sponsor-bar {
  background: #fbfbf6; /* pale yellow-ish */
  border: 1px solid #eee;
  border-radius: 12px;
  margin: 12px 0 18px;
}
.sponsor-bar__inner {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 14px;
}
.sponsor-bar__label { font-weight: 700; opacity: .8; }
.sponsor-bar__logo { max-height: 28px; width: auto; vertical-align: middle; }
.sponsor-bar__link {
  margin-left: auto;
  font-weight: 700;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,0.05);
}

/* Mid Sponsor Card (native-style) */
.sponsor-card {
  border: 1px solid #eee;
  background: #fff;
  border-radius: 16px;
  padding: 14px 16px;
  margin: 18px 0;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.sponsor-card__top {
  display:flex; align-items:center; gap:10px; margin-bottom:8px;
}
.sponsor-card__badge {
  font-size: 12px; font-weight: 800; letter-spacing: .04em;
  text-transform: uppercase; opacity:.7;
}
.sponsor-card__logo { max-height: 32px; width:auto; }
.sponsor-card__title { font-size: 18px; font-weight: 800; margin: 0; }
.sponsor-card__text { margin: 6px 0 10px; opacity:.9; }
.sponsor-card__cta {
  display:inline-block; font-weight:800; text-decoration:none;
  padding: 8px 12px; border-radius: 10px; background:#f4f4f4;
}

/* Sidebar Sponsor Mini */
.sponsor-mini {
  border: 1px dashed #e6e6e6;
  background: #fcfcfc;
  border-radius: 12px;
  padding: 10px 12px;
  margin: 10px 0;
  text-align:center;
}
.sponsor-mini__badge {
  font-size: 11px; font-weight:800; letter-spacing:.04em;
  text-transform:uppercase; opacity:.6; margin-bottom:6px;
}
.sponsor-mini__logo { max-height: 36px; width:auto; margin: 4px auto 6px; }
.sponsor-mini__text { font-size: 14px; opacity:.9; }
.sponsor-mini__cta {
  display:block; margin-top:8px; font-weight:800; text-decoration:none;
}

/* Bottom Sponsor CTA */
.sponsor-cta {
  border: 1px solid #eee;
  background: #fbfbfb;
  border-radius: 16px;
  padding: 18px 18px;
  margin: 24px 0 10px;
  text-align:center;
}
.sponsor-cta__headline { font-size: 20px; font-weight: 900; margin-bottom:6px; }
.sponsor-cta__sub { opacity:.9; margin-bottom:12px; }
.sponsor-cta__btn {
  display:inline-block; font-weight:900; text-decoration:none;
  padding: 10px 14px; border-radius: 999px; background:#111; color:#fff;
}

/* Laugh & Learn opening block */
.ll-opening-block.page-width { 
  margin: 0 auto 22px; 
}

.ll-opening-inner{
  padding: 18px 20px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* Text rhythm */
.ll-opening-inner p{
  margin: 0 0 10px !important;
  line-height: 1.65;
  font-size: 1.02rem;
}

/* Title spacing */
.ll-opening-inner .ll-title{
  margin: 0 0 10px !important;
}

/* Hero image */
.ll-opening-inner .ll-hero img{
  max-width: 100%;
  height: auto;
  border-radius: 14px;
  margin-top: 12px;
  display: block;
}

/* Fresh Take mini-section */
.ll-fresh-take {
  margin: 10px 0 26px;
  padding: 14px 16px;
  border: 1px solid #e9e9e9;
  border-radius: 12px;
  background: #fbfbfb;
}

.ll-fresh-take__title {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 1.15rem;
}

.ll-fresh-take__date {
  font-weight: 600;
}

.ll-fresh-take ul {
  margin: 8px 0 0 0;
  padding-left: 0;
  list-style: none;
}

.ll-fresh-take li {
  margin: 6px 0;
}

.ll-section {
  margin: 32px 0;
  padding: 20px 22px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
}

.ll-section__title {
  margin: 0 0 6px;
  font-size: 1.4rem;
}

.ll-section__title a {
  text-decoration: none;
}

.ll-section__subtitle {
  margin: 0 0 4px;
  font-size: 1.05rem;
  font-weight: 600;
}

.ll-section__tagline {
  margin: 0 0 10px;
  font-size: 0.95rem;
  font-weight: 500;
  color: #4b5563;
}

.ll-section__blurb {
  margin: 0 0 12px;
}

.ll-section__links-label {
  margin: 6px 0 4px;
  font-weight: 600;
  font-size: 0.95rem;
}

.ll-linklist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ll-linklist li {
  margin: 3px 0;
}

.ll-linklist a {
  text-decoration: none;
}

.ll-section__cta {
  margin-top: 14px;
}

.ll-button.ll-button--ghost {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  font-size: 0.9rem;
  text-decoration: none;
}

/* Laugh & Learn section cards (Insiders, Hedge Funds, etc.) */
.ll-section-card {
  margin: 32px 0;
  padding: 20px 22px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
}

/* Section header typography for L&L cards */
.ll-section-header h2 {
  margin: 0 0 6px;
  font-size: 1.4rem;
}

.ll-section-header h2 a {
  text-decoration: none;
}

.ll-section-header h3 {
  margin: 0 0 4px;
  font-size: 1.05rem;
  font-weight: 600;
}

.ll-section-header h4 {
  margin: 0 0 10px;
  font-size: 0.95rem;
  font-weight: 500;
  color: #4b5563;
}

.ll-section-header p {
  margin: 0 0 12px;
}

/* Featured links area inside each card */
.ll-section-featured {
  margin-top: 4px;
}

.ll-section-featured p {
  margin: 0 0 6px;
  font-weight: 600;
  font-size: 0.95rem;
}

/* Link lists inside L&L sections */
.ll-link-list,
.ll-linklist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ll-link-list li,
.ll-linklist li {
  margin: 3px 0;
}

.ll-link-list a,
.ll-linklist a {
  text-decoration: none;
}

/* Footer CTA row */
.ll-section-footer {
  margin-top: 14px;
}

/* Ghost-style CTA link button */
.ll-cta-link,
.ll-button.ll-button--ghost {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  font-size: 0.9rem;
  text-decoration: none;
}

/* ------------------------------------------
   FUNanc1al – Insiders Education Block Styling
   Lightweight, L&L-consistent, mobile-safe
------------------------------------------ */

/* Secondary card style (used for big educational blocks) */
.ll-section-card--secondary {
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  padding: 24px 26px;
  margin-top: 32px;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.03) inset;
}

/* Section header refinements */
.ll-section-card--secondary .ll-section-header h2 {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.ll-section-card--secondary .ll-section-header {
  margin-bottom: 12px;
}

/* FAQ spacing + structure */
.faq-item {
  padding: 18px 0;
  border-bottom: 1px solid #ebebeb;
}

.faq-item:last-child {
  border-bottom: none;
}

/* FAQ titles */
.faq-item h3 {
  margin: 0 0 10px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

/* Paragraph polish */
.faq-item p {
  margin: 6px 0 12px;
  line-height: 1.6;
}

/* List spacing */
.faq-item ul {
  margin: 0 0 12px 20px;
  padding: 0;
}

.faq-item ul li {
  margin-bottom: 6px;
}

/* Quote styling */
.ll-section-card--secondary blockquote {
  background: #fff;
  border-left: 4px solid #ffd580;
  padding: 10px 16px;
  margin: 16px 0;
  font-style: italic;
  border-radius: 8px;
  line-height: 1.5;
}

/* Strong text refinement */
.ll-section-card--secondary strong {
  font-weight: 600;
}

/* Improve readability on mobile */
@media (max-width: 600px) {
  .ll-section-card--secondary {
    padding: 18px 20px;
  }

  .faq-item h3 {
    font-size: 1.15rem;
  }
}

.home-quote-fade-in {
  opacity: 0;
  animation: fadeIn 0.8s ease-out forwards;
}

.home-quote-fade-out {
  opacity: 1;
  animation: fadeOut 0.4s ease-in forwards;
}

@keyframes fadeIn {
  to { opacity: 1; }
}

@keyframes fadeOut {
  to { opacity: 0; }
}

/* =========================================
   Sponsor Zones (homepage + hubs)
   Polished, tasteful, L&L-consistent
========================================= */

.ll-section-card.sponsor-zone{
  margin: 18px 0;
  padding: 0; /* page-width inside controls padding */
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: linear-gradient(180deg, #fbfbfc 0%, #ffffff 100%);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

/* give the inner page-width breathing room */
.ll-section-card.sponsor-zone .page-width{
  padding: 16px 18px;
}

/* Variants */
.sponsor-zone--compact .page-width{ padding: 14px 16px; }
.sponsor-zone--clean{
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.12);
}

/* Header */
.sponsor-zone__header{ margin: 0 0 10px; }
.sponsor-zone__title{
  margin: 0 0 4px;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.sponsor-zone__sub{
  margin: 0;
  font-size: 0.92rem;
  font-weight: 500;
  color: #6b7280;
  line-height: 1.35;
}

/* Slot */
.sponsor-slot{
  border-radius: 12px;
  border: 1px dashed rgba(15, 23, 42, 0.18);
  background: rgba(15, 23, 42, 0.02);
  padding: 12px 14px;
}

/* Label */
.sponsor-label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6b7280;
}
.sponsor-label::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.18);
}

/* Body */
.sponsor-body{
  margin: 0 0 10px;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* CTA */
.sponsor-cta{ margin-top: 10px; }
.sponsor-cta .ll-cta-link{
  display: inline-block;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.18);
  background: rgba(255,255,255,0.75);
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}
.sponsor-cta .ll-cta-link:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
  border-color: rgba(15, 23, 42, 0.26);
}

/* Disclosure */
.sponsor-disclosure{
  margin-top: 10px;
  font-size: 0.85rem;
  color: #6b7280;
}

/* Slot sizing hints */
.sponsor-slot[data-slot="728x90"]{ min-height: 90px; }
.sponsor-slot[data-slot="300x250"]{ min-height: 250px; }
.sponsor-slot[data-slot="responsive"]{ min-height: 120px; }

/* Mobile */
@media (max-width: 600px){
  .ll-section-card.sponsor-zone .page-width{ padding: 14px 14px; }
  .sponsor-slot{ padding: 10px 12px; }
}

/* =========================================
   Hub Router (Homepage + Matrix)
   ========================================= */
.hub-router__head { margin-bottom: 14px; }
.hub-router__title { margin: 0; font-size: 1.3rem; line-height: 1.2; }
.hub-router__sub { margin: 6px 0 0; opacity: .85; }

.hub-router__grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
}

.hub-card{
  grid-column: span 12;
  display: block;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 16px 16px 14px;
  background: #fff;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.hub-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  border-color: rgba(0,0,0,.14);
}

.hub-card__top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom: 8px;
}

.hub-card__icon{ font-size: 1.2rem; }
.hub-card__eyebrow{
  font-size: .78rem;
  letter-spacing: .02em;
  text-transform: uppercase;
  opacity: .7;
}

.hub-card__title{ margin: 0 0 8px; font-size: 1.05rem; }
.hub-card__text{ margin: 0 0 12px; opacity: .88; }

.hub-card__btn{
  display: inline-block;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  font-weight: 600;
}

@media (min-width: 760px){
  .hub-card{ grid-column: span 6; }
}
@media (min-width: 1020px){
  .hub-card{ grid-column: span 4; }
}



.matrix-router__header { margin-bottom: 1rem; }
.matrix-router__title { margin: 0 0 .25rem; }
.matrix-router__sub { margin: 0; opacity: .85; }

.matrix-router__grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; }
.matrix-router__card {
  grid-column: span 12;
  display: block;
  padding: 14px;
  border-radius: 14px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.08);
}
@media (min-width: 780px){
  .matrix-router__card { grid-column: span 6; }
}
.matrix-router__kicker { font-weight: 700; margin-bottom: 6px; }
.matrix-router__text { margin-bottom: 10px; opacity: .9; }
.matrix-router__cta { font-weight: 700; }

.blog-intro {
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  background: rgba(0,0,0,0.03);
}

.home-sparks-list { margin: 0; padding-left: 1.25rem; }
.home-sparks-item { margin: 0.35rem 0; }
.home-sparks-link { text-decoration: none; }
.home-sparks-link:hover { text-decoration: underline; }

.home-featured-pedestal .ll-link-list { margin: 0; padding-left: 0; list-style: none; }
.home-featured-pedestal .ll-link-list-item { margin: 0.4rem 0; }


/* =========================================================
   Stocks-Fun — enforce single-column centered content
   (Copy theme) — apply to ALL section cards
   ========================================================= */

/* A) Remove left/right padding that makes things feel “left-leaning” */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .page-width {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* B) Center the content inside each ll-section-card (and opening block) */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-opening-inner,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-section-card .page-width,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-section-card .ll-section-header,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-section-card .ll-section-body {
  max-width: 820px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* C) Keep card “chrome” consistent if the outer card spans wider */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-section-card {
  box-sizing: border-box;
}

/* D) Make sure link lists don’t inherit odd left alignment/padding */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-link-list {
  padding-left: 0;
  margin-left: 0;
}

/* E) Optional: give lists and buttons a touch more breathing room */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-link-list li {
  margin: 8px 0;
}

body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-section-card .button,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-section-card .ll-btn,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-section-card a.ll-cta {
  margin-top: 14px;
}

/* Stocks-Fun: force ALL template sections into a centered single column */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  #MainContent .shopify-section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Center common inner wrappers used by many sections/themes */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  #MainContent .shopify-section > * {
  margin-left: auto;
  margin-right: auto;
}

/* Cap width for typical section guts */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  #MainContent .shopify-section .page-width,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  #MainContent .shopify-section .content,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  #MainContent .shopify-section .rte,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  #MainContent .shopify-section .ll-section-header,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  #MainContent .shopify-section .ll-section-body {
  max-width: 820px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Stocks-Fun: force sponsor zone to obey the same centered column rules */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .sponsor-zone .page-width,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .sponsor-zone__body,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .sponsor-zone__header {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* If the sponsor slot itself is a fixed-width card, center it too */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .sponsor-zone .sponsor-slot {
  margin-left: auto !important;
  margin-right: auto !important;
}

body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .sponsor-zone__body {
  display: flex;
  justify-content: center !important;
}

/* Hide the theme’s auto page title on Stocks-Fun */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .section-page .section-title {
  display: none !important;
}

/* If your legacy RTE injected its own header stack, hide those too (optional) */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .funanc1al-h1,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .funanc1al-h2,
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .funanc1al-h3 {
  display: none !important;
}

/* STOCKS-FUN: make sponsor zone respect the same centered single-column feel */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .sponsor-zone .page-width{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ensure the sponsor zone content is constrained and centered */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .sponsor-zone .sponsor-zone__body{
  max-width: 820px;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center; /* fine to keep */
}

/* If the sponsor slot itself has a fixed width (e.g., 300x250), center it */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .sponsor-zone .sponsor-slot{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Defensive: sometimes the section wrapper is the one that’s left padded */
body#laugh-and-learn-finance-insights-and-stock-market-tips-with-a-twist-o
  .ll-section-card.sponsor-zone{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* =========================================================
   DIVERSIFY HUB — force hero + ALL top blocks into centered lane
   Page: gold-bitcoin-commodities-and-agriculture-diversification...
   ========================================================= */

body[id*="gold-bitcoin-commodities"] #MainContent .diversify-hub-wrapper{
  /* Make the hub act like a vertical stack with centered lane ownership */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

/* Every direct child section of the hub should use the same lane */
body[id*="gold-bitcoin-commodities"] #MainContent .diversify-hub-wrapper > *{
  width: 100% !important;
  max-width: 820px !important;   /* match other hubs */
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Specifically lock the hero */
body[id*="gold-bitcoin-commodities"] #MainContent .diversify-hero{
  width: 100% !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}





/* =========================================================
   HOMEPAGE (template-index) — allow full-width layout
   Body id: funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .page-width{
  max-width: 1200px !important;   /* pick your preferred width */
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Ensure your custom homepage cards/sections can breathe */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-section-card .page-width,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-opening-inner{
  max-width: 1200px !important;   /* keep consistent with page-width */
  margin-left: auto !important;
  margin-right: auto !important;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life #MainContent,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life main{
  max-width: none !important;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .page-width--narrow{
  max-width: 1200px !important;
}


body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .matrix-router__grid{
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  gap: 12px !important;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .matrix-router__card{
  grid-column: span 12 !important;
}

@media (min-width: 780px){
  body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .matrix-router__card{
    grid-column: span 6 !important;
  }
}

@media (min-width: 1020px){
  body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .matrix-router__card{
    grid-column: span 4 !important;
  }
}


/* =========================================================
   HOMEPAGE OVERRIDE — widen layout (do NOT affect hubs)
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.ll-section-card,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.ll-opening-block,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.sponsor-zone,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.newsletter,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.matrix-router,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.hub-router {
  max-width: 1200px !important;  /* adjust: 1100 / 1200 / 1300 */
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Make sure inner wrappers don't re-clamp to 820 */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.ll-section-card > .page-width,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.sponsor-zone > .page-width,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.ll-opening-block.page-width {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Optional: slightly more generous horizontal padding on homepage */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.page-width {
  padding-left: 24px !important;
  padding-right: 24px !important;
}



body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.matrix-router__grid { gap: 16px !important; }

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.matrix-router__card { padding: 18px !important; }

/*
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.home-featured-pedestal ul,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.home-latest-feed ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
*/

/* =========================================================
   FUNanc1al — HOMEPAGE WIDTH + CENTERING FIXES (STAGING)
   Scope: homepage only (template-index) + specific body id
   ========================================================= */

body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life{
  /* optional: give the theme a friendly hint */
  --fun-home-max: 1320px; /* try 1320 / 1440 / match Copy */
}

/* 1) Let the homepage breathe like Copy */
body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life #MainContent,
body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life main{
  max-width: none !important;
}

/* override theme "centered" / page-width caps on homepage */
body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .page-width,
body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .page-width--narrow{
  max-width: var(--fun-home-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* remove the "hub lane" 820px constraint on homepage only */
body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-opening-inner,
body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-section-card .page-width,
body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .sponsor-zone .page-width{
  max-width: var(--fun-home-max) !important;
}

/* 2) Make lists + link blocks truly centered */
body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-section-header,
body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-section-body,
body.template-index#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-section-card{
  text-align: center !important;
}

/* link lists: remove left padding and bullets, keep everything centered */
body.template-index#funanc1al-smart-fun


/* =========================================================
   HOMEPAGE (Staging) — de-center hub lane rules + fix lists
   Body id: funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index #MainContent,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index main {
  max-width: none !important;
}

/* 1) Let homepage spread wider (Copy-like) */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width--narrow,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width--wide {
  max-width: 1400px !important;     /* try 1440px if you want it even airier */
  width: 100% !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Make section cards themselves allowed to be wide */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-section-card,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .sponsor-zone {
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2) Center the *content inside* link lists so bullets/markers don't drift left 
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-linklist,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-link-list,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index ul,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index ol {
  padding-left: 0 !important;
  margin-left: 0 !important;
  list-style-position: inside !important;
}

Center each list item as a unit (marker + link + date) 
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-linklist li,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-link-list li,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index li {
  text-align: center !important;
}
*/

/* 3) Carpe Diem / Sparks: stop the “1.” from living in a far-left column */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .home-sparks-list {
  list-style: decimal !important;
  list-style-position: inside !important;
  padding-left: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

/* If your Sparks template uses a separate number element, hide it */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .home-sparks-num,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .sparks-num,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .spark-num {
  display: none !important;
}

/* Force Sparks items back into normal list-item flow */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .home-sparks-item {
  display: list-item !important;
  text-align: center !important;
}

/* Optional: ensure links themselves don’t become block-left aligned */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index a {
  text-align: center;
}


/* =========================================================
   HOMEPAGE — center link rows (icon + title + date)
   Fix "hyperlinks drift left" in Latest / Spotlight blocks
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-linklist,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-link-list,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .home-featured-pedestal .ll-link-list {
  padding-left: 0 !important;
  margin-left: 0 !important;
  list-style: none !important;          /* kill native bullets if any */
}

/* Center EACH row as a unit 
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-linklist li,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-link-list li,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .home-featured-pedestal .ll-link-list li {
  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  text-align: center !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
*/

/* If the theme injects an icon via ::before with absolute positioning,
   make it behave like normal inline content */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-linklist li::before,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-link-list li::before {
  position: static !important;
  transform: none !important;
  margin: 0 !important;
}

/* Prevent anchors from becoming full-width left-aligned blocks */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-linklist li a,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-link-list li a {
  display: inline !important;
  text-align: center !important;
}


body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width--narrow,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width--wide {
  max-width: 1680px !important;
}


/* =========================================================
   HOMEPAGE — hard override any 820px “lane” rules
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index main,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index #MainContent{
  max-width: none !important;
}

/* widen the inner gutters used by theme sections */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width--narrow,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width--wide{
  max-width: 1680px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* IMPORTANT: if previous CSS constrained “.ll-section-card .page-width” to 820px, overwrite it here */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-section-card .page-width,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-opening-inner{
  max-width: 1680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   HOMEPAGE — center link rows inside section cards
   Works even if the UL has unknown classes
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-section-card ul{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-align: center !important;
}

/* center EACH list row as a unit */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-section-card ul > li{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;

  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  text-align: center !important;
}

/* neutralize “icon bullets” injected via ::before that can push content left */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-section-card ul > li::before{
  position: static !important;
  margin: 0 !important;
  transform: none !important;
}


/* =========================================================
   HOMEPAGE — widen the theme’s container variable
   ========================================================= */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index{
  --page-width: 1680px !important;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width--narrow,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .page-width--wide{
  max-width: var(--page-width) !important;
}


/* =========================================================
   HOMEPAGE — force center alignment inside homepage cards
   (fixes “drifting left” even if markup differs)
   ========================================================= 
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-section-card{
  text-align: center !important;
}
*/

/* make links center as units */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-section-card a{
  display: inline-block !important;
}

/* neutralize list indentation broadly inside cards */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-section-card ul,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index .ll-section-card ol{
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}


/* =========================================================
   HOMEPAGE — center “Latest Across FUNanc1al” links properly
   (fixes flex-left drift + list indentation)
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card {
  text-align: center !important;
}

/* 1) Kill default list indentation everywhere inside cards */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card ul,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card ol {
  padding-left: 0 !important;
  margin-left: 0 !important;
  list-style-position: inside !important;
}

/* 2) If the list is flex-based, force a centered column 
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card ul,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card ol,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card .ll-linklist,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card .ll-link-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
*/

/* 3) Center each row even if it’s a flex row (icon + link + date) */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card li,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card .ll-linklist li,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card .ll-link-list li {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

/* 4) Make the anchor behave “centered” as a unit */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .ll-section-card li a {
  display: inline-block !important;
}


/* =========================================================
   HOMEPAGE — wider container
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index {
  --page-width: 1800px !important; /* bump if you want more */
}

/* “page-width” is the usual limiter — uncap it on homepage */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .page-width,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  #MainContent,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  main {
  max-width: none !important;
}

/* then re-apply a big max-width + padding so it feels premium */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
  .page-width {
  max-width: var(--page-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}


/* =========================================================
   HOMEPAGE — center the Latest list block (fix left drift)
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
  #home-latest .ll-link-list {
  /* keep (or override) the max-width, but CENTER the block */
  max-width: 820px;              /* or bump this up if you want wider */
  margin-left: auto !important;
  margin-right: auto !important;

  /* and make sure it doesn't re-introduce left padding */
  padding-left: 0 !important;
}


/* =========================================================
   HOMEPAGE — link list row layout (prevents orphan emoji/date)
   Applies to both Latest + Spotlight (both use .ll-link-list)
   ========================================================= */

body.template-index .ll-link-list {
  /* this is the likely culprit you saw (820px) — override it */
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
}

/* Each LI becomes: [emoji] [title/link expands] [date sticks] */
body.template-index .ll-link-list li,
body.template-index .ll-link-list .ll-link-list-item {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;        /* key: prevents “emoji-only line” */
  justify-content: flex-start !important;
}

/* The <a> takes the remaining space, wraps nicely */
body.template-index .ll-link-list a {
  flex: 1 1 auto !important;
  min-width: 0 !important;             /* key: allows wrapping inside flex */
}

/* Date/meta never wraps onto its own lonely line */
body.template-index .ll-link-meta {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  margin-left: 6px !important;
}



/* Option A: centered block, left-aligned list text 
body.template-index #home-latest .ll-link-list,
body.template-index .home-featured-pedestal .ll-link-list {
  width: min(980px, calc(100vw - 64px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}
*/



/* =========================================================
   HOMEPAGE — unify section/card width (wide lane)
   ========================================================= */

body.template-index .ll-section-card {
  max-width: min(1500px, calc(100vw - 64px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.template-index .ll-opening-inner {
  max-width: min(1500px, calc(100vw - 64px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   HOMEPAGE — link lists: icon | title | date (aligned)
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-link-list{
  max-width: 950px;            /* or match your chosen lane width */
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-link-list-item{
  display: grid !important;
  grid-template-columns: 1.4em minmax(0, 1fr) auto !important; /* icon | title | date */
  column-gap: 10px !important;
  align-items: baseline !important;
  padding: 6px 0 !important;
  text-align: left !important;  /* key for readability */
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-link-icon{
  justify-self: end !important;  /* lines up all icons vertically */
  opacity: 0.95;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-link-list-item a{
  min-width: 0 !important;
  overflow-wrap: anywhere !important; /* long titles behave */
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life .ll-link-meta{
  white-space: nowrap !important; /* date never splits */
  opacity: 0.75;
}

/* =========================================================
   HOMEPAGE — Spotlight (Home Featured Pedestal) link list
   Center the LIST block, but keep rows readable + aligned
   ========================================================= */

/* Center the whole section's content rhythm */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.home-featured-pedestal{
  text-align: center !important;
}

/* Center the UL itself as a block (this is the missing piece) */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.home-featured-pedestal .ll-link-list{
  display: inline-block !important;   /* lets it be centered as a unit */
  width: min(950px, 100%) !important; /* your desired lane */
  margin: 18px auto 0 !important;
  padding: 0 !important;
  list-style: none !important;

  text-align: left !important;        /* Option A readability (recommended) */
}

/* One line per row: icon | title | date */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.home-featured-pedestal .ll-link-list-item{
  display: grid !important;
  grid-template-columns: 1.2em minmax(0, 1fr) auto !important;
  column-gap: 10px !important;
  align-items: baseline !important;
  padding: 8px 0 !important;
}

/* Keep icon snug + vertically aligned */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.home-featured-pedestal .ll-link-icon{
  justify-self: start !important;
}

/* Keep dates on the same line, always */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.home-featured-pedestal .ll-link-meta{
  white-space: nowrap !important;
  opacity: 0.75;
}

/* Allow long titles to wrap nicely without breaking the grid */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life
.home-featured-pedestal .ll-link-list-item a{
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}


/* =========================================================
   HOMEPAGE — Link lists (Latest + Spotlight) — Insider-hub look
   Pattern: centered block + left-aligned grid rows
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-list,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-list{
  max-width: 950px !important;           /* matches your “lane” */
  margin: 16px auto 0 !important;
  padding: 0 !important;
  list-style: none !important;

  /* IMPORTANT: cancel earlier flex/inline-block centering hacks */
  display: block !important;
  text-align: left !important;
}

/* each row: icon | title | date */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-list-item,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-list-item{
  display: grid !important;
  grid-template-columns: 1.4em minmax(0, 1fr) auto !important;
  column-gap: 10px !important;
  align-items: baseline !important;

  /* tighter line spacing */
  padding: 6px 0 !important;
  margin: 0 !important;

  /* cancel earlier flex rules */
  justify-content: initial !important;
  flex-wrap: initial !important;
  white-space: normal !important;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-icon,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-icon{
  width: 1.4em !important;
  text-align: center !important;
  justify-self: start !important;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-list-item > a,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-list-item > a{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; /* one clean line like Insider hub */
  display: block !important;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-meta,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-meta{
  white-space: nowrap !important;
  opacity: 0.75 !important;
}


/* =========================================================
   HOMEPAGE — Link lists (Latest + Spotlight)
   Consistent 950px centered lane + clean grid rows
   Icon | Title | Date (single line, no orphans)
   ========================================================= */

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-list,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-list{
  max-width: 950px !important;
  width: calc(100% - 48px) !important;   /* keeps breathing room on small screens */
  margin: 16px auto 0 !important;
  padding: 0 !important;
  list-style: none !important;

  display: block !important;             /* cancels earlier flex/inline hacks */
  text-align: left !important;           /* Insider-hub readability */
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-list-item,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-list-item{
  display: grid !important;
  grid-template-columns: 1.4em minmax(0, 1fr) auto !important;
  column-gap: 10px !important;
  align-items: baseline !important;

  padding: 6px 0 !important;             /* tighter vertical rhythm */
  margin: 0 !important;

  /* cancel old centering hacks */
  justify-content: initial !important;
  text-align: left !important;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-icon,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-icon{
  width: 1.4em !important;
  text-align: center !important;         /* icons align vertically */
  opacity: 0.95;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-list-item > a,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-list-item > a{
  min-width: 0 !important;
  display: block !important;
  white-space: nowrap !important;        /* one line per row */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-meta,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-meta{
  white-space: nowrap !important;
  opacity: 0.75 !important;
}



/* HOMEPAGE link rows — prevent orphan date by allowing TITLE to wrap */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-list-item > a,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-list-item > a{
  white-space: normal !important;      /* allow wrap */
  overflow: visible !important;
  text-overflow: clip !important;
  min-width: 0 !important;
}


/* Make homepage link rows feel more "editorial" like the Insider hub */
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-list-item,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-list-item{
  padding: 4px 0 !important;     /* tighter */
  line-height: 1.35 !important;  /* less airy */
}

body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
#home-latest .ll-link-meta,
body#funanc1al-smart-funny-takes-on-finance-health-travel-amp-life.template-index
.home-featured-pedestal .ll-link-meta{
  opacity: 0.70 !important;
  font-size: 0.95em !important;
}


/* =========================================================
   HEALTH HUB — Link lists (Latest + Spotlight)
   Consistent 950px centered lane + clean grid rows
   Icon | Title | Date (single line, no orphans)
   ========================================================= */

/* Health hub: keep sponsor zones centered like other hubs */
.hub-health .sponsor-zone__inner,
.hub-health .sponsor-zone__body {
  display: flex;
  justify-content: center;
}

.hub-health .sponsor-zone__card {
  width: 100%;
  max-width: 820px; /* match your hub column width */
}

/* Health hub hero image sizing */
.hub-health .hub-hero-media img {
  display: block;
  width: 100%;
  max-width: 520px;     /* tune: 420–600 depending on taste */
  height: auto;
  margin: 16px auto 0;  /* centers it */
  border-radius: 16px;  /* matches hub card aesthetic */
}


/* Health hub typography + rhythm */
.hub-health .hub-block-title {
  margin: 28px 0 10px;
  font-size: 1.35rem;
  line-height: 1.2;
}

.hub-health .hub-block {
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  margin-top: 18px;
}

.hub-health .hub-bullets li {
  margin: 8px 0;
}

.hub-health .hub-note {
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
}

<div class="hub-links">
  <ul class="hub-linklist">
    <li><a class="hub-link" href="...">🧬 Title here</a></li>
    <li><a class="hub-link" href="...">🏥 Title here</a></li>
    <li><a class="hub-link" href="...">🧠 Title here</a></li>
  </ul>
</div>

.hub-linklist { list-style: none; padding: 0; margin: 12px 0 0; }
.hub-linklist li { margin: 10px 0; }
.hub-link { display: inline-block; text-decoration: none; }


/* =========================================================
   FunHealth Index pillar page
   - Remove duplicated default title block
   - Align remaining H1 with page content
   ========================================================= */

/* 1) Kill the FIRST duplicated title container only */
body[id^="the-funhealth-index"] 
#Sections > .funanc1al-container:first-of-type {
  display: none !important;
}

/* 2) Define the exact horizontal gutter used by page content */
body[id^="the-funhealth-index"] {
  --page-width-padding: 24px;
}

/* 3) Center the title container */
body[id^="the-funhealth-index"] 
#Sections > .funanc1al-container {
  display: flex;
  justify-content: center;
}

/* 4) Apply the same left/right gutter to the H1 as the page content */
body[id^="the-funhealth-index"] 
#Sections > .funanc1al-container > h1.funanc1al-h1 {
  width: calc(100% - 2 * var(--page-width-padding));
  padding-left: var(--page-width-padding) !important;
  padding-right: var(--page-width-padding) !important;
  margin: 0 !important;
  box-sizing: border-box;
}


/* =========================================================
   About / Leadership page
   - Remove duplicated default title block
   - Align remaining H1 with page content
   ========================================================= */

/* 1) Kill the FIRST duplicated title container only */
body#about-funanc1al-where-finance-meets-fun-health-and-curiosity
#Sections > .funanc1al-container:first-of-type {
  display: none !important;
}

/* 2) Define the exact horizontal gutter used by page content */
body#about-funanc1al-where-finance-meets-fun-health-and-curiosity {
  --page-width-padding: 24px;
}

/* 3) Center the title container */
body#about-funanc1al-where-finance-meets-fun-health-and-curiosity
#Sections > .funanc1al-container {
  display: flex;
  justify-content: center;
}

/* 4) Apply the same left/right gutter to the H1 as the page content */
body#about-funanc1al-where-finance-meets-fun-health-and-curiosity
#Sections > .funanc1al-container > h1.funanc1al-h1 {
  width: calc(100% - 2 * var(--page-width-padding));
  padding-left: var(--page-width-padding) !important;
  padding-right: var(--page-width-padding) !important;
  margin: 0 !important;
  box-sizing: border-box;
}

/* =========================================================
   ABOUT / LEADERSHIP page
   - Remove theme default title + tighten wrappers
   - Add breathing room above remaining H1 (flex-safe)
   ========================================================= */

/* Hide the theme-rendered page title (H2) */
body#about-funanc1al-where-finance-meets-fun-health-and-curiosity
#shopify-section-template--19262556504224__main h2.section-title {
  display: none !important;
}

/* Remove top spacing on the page content wrapper(s) */
body#about-funanc1al-where-finance-meets-fun-health-and-curiosity
#shopify-section-template--19262556504224__main .content.page,
body#about-funanc1al-where-finance-meets-fun-health-and-curiosity
#shopify-section-template--19262556504224__main .inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Add breathing room above the visible H1 container (flex-safe) */
body#about-funanc1al-where-finance-meets-fun-health-and-curiosity
#Sections > .funanc1al-container:nth-of-type(2) {
  padding-top: 24px !important; /* tweak: 12–32px */
}


/* =========================================================
   TRAVEL HUB
   - Travel hub – FunTrip hero image 
   - Others TBD
   ========================================================= */


.hub-hero-media--constrained {
  max-width: 820px;        /* sweet spot: not dominant, still impactful */
  margin: 32px auto 0;    /* centered, breathes */
}

.hub-hero-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}


/* =========================================================
   FunTrip Index pillar page
   - Remove duplicated default title block
   - Align remaining H1 with page content
   ========================================================= */

/* 1) Kill the FIRST duplicated title container only */
body[id^="the-funtrip-index"]
#Sections > .funanc1al-container:first-of-type {
  display: none !important;
}

/* 2) Define the exact horizontal gutter used by page content
   (match whatever your other pillar pages use) */
body[id^="the-funtrip-index"] {
  --page-width-padding: 24px;
}

/* 3) Center the title container */
body[id^="the-funtrip-index"]
#Sections > .funanc1al-container {
  display: flex;
  justify-content: center;
}

/* 4) Apply the same left/right gutter to the H1 as the page content */
body[id^="the-funtrip-index"]
#Sections > .funanc1al-container > h1.funanc1al-h1 {
  width: calc(100% - 2 * var(--page-width-padding));
  padding-left: var(--page-width-padding) !important;
  padding-right: var(--page-width-padding) !important;
  margin: 0 !important;
  box-sizing: border-box;
}

/* =========================================================
   FunTrip Index — refine vertical spacing around the title
   ========================================================= */

/* 1) Remove default top spacing from the page content wrapper */
body[id^="the-funtrip-index"]
#shopify-section-template--*__main .content.page,
body[id^="the-funtrip-index"]
#shopify-section-template--*__main .inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 2) Add controlled breathing room above the visible H1 container */
body[id^="the-funtrip-index"]
#Sections > .funanc1al-container:nth-of-type(2) {
  padding-top: 24px !important; /* sweet spot: 16–32px */
}

/* 1) [See all hedge fund bets →] capsule in latest drops section of hedge fund hub */

.ll-center-cta { display:flex; justify-content:center; margin-top:16px; }
.ll-cta-pill {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.15);
  text-decoration:none;
}


/* =========================================================
   TECH HUB — Match Health Hub lane, sponsor centering, hero sizing
   ========================================================= */

/* Tech hub: keep sponsor zones centered like other hubs */
.hub-tech .sponsor-zone__inner,
.hub-tech .sponsor-zone__body {
  display: flex;
  justify-content: center;
}

.hub-tech .sponsor-zone__card {
  width: 100%;
  max-width: 820px; /* match hub column width */
}

/* Tech hub hero image sizing (fix oversized image) */
.hub-tech .hub-hero-media img {
  display: block;
  width: 100%;
  max-width: 520px;     /* tune: 420–600 */
  height: auto;
  margin: 16px auto 0;  /* centers it */
  border-radius: 16px;  /* matches hub card aesthetic */
}

/* Tech hub typography + rhythm (match Health) */
.hub-tech .hub-block-title {
  margin: 28px 0 10px;
  font-size: 1.35rem;
  line-height: 1.2;
}

.hub-tech .hub-block {
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  margin-top: 18px;
}

.hub-tech .hub-bullets li {
  margin: 8px 0;
}

.hub-tech .hub-note {
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
}

/* Tech hub linklist styling (match Health) */
.hub-tech .hub-linklist { list-style: none; padding: 0; margin: 12px 0 0; }
.hub-tech .hub-linklist li { margin: 10px 0; }
.hub-tech a.hub-link { display: inline-block; text-decoration: none; }
.hub-tech a.hub-link:hover { text-decoration: underline; }

/* TECH HUB — Sponsor zones: crisper + separated */
.hub-tech .sponsor-zone {
  margin: 22px 0;
}

.hub-tech .sponsor-zone__card {
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 16px 18px;
}

.hub-tech .sponsor-zone__kicker {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
  opacity: .75;
  margin-bottom: 8px;
}

.hub-tech .sponsor-zone__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: 9999px;
  border: 1px solid rgba(0,0,0,.14);
  text-decoration: none;
  font-weight: 700;
}

/* TECH HUB — Create center-aligned capsule for "See all posts" */

.hub-tech .hub-links-cta { text-align: center; margin-top: 14px; }

.hub-tech .hub-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:9999px;
  border:1px solid rgba(0,0,0,.12);
  text-decoration:none;
  font-weight:700;
  background: rgba(255,255,255,.92);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
.hub-tech .hub-cta:hover{ text-decoration: underline; }

/* TECH HUB — add more breathing room under hero image */
.hub-tech .hub-hero-media { margin-bottom: 14px; }
/* or if you prefer */
.hub-tech .hub-hero-media img { margin-bottom: 14px; }