/**
 * TYPEFACE
 */


@font-face {
  font-family: 'Gerstner';
  font-weight: normal;
  font-style: normal;
  src: url('https://files.cargocollective.com/c853860/Gerstner-ProgrammRegular.woff') format('woff');
}

@font-face {
  font-family: 'Gerstner';
  font-weight: bold;
  font-style: bold;
  src: url('https://files.cargocollective.com/c853860/Gerstner-ProgrammBold.woff') format('woff');
}

/**
* TYPEFACE END
*/

body {
  --theme-color: #3f543f;
  --logo-color: #fff;
}


.luckyme-logo {
  pointer-events: none;
  z-index: 2
}



.iconEye {
  width: 1em;
  height: 1em;
  position: relative;
  /* ADJUST THESE VALUES ACCORDINGLY */
  top: 0.2em;
}


iframe {
  overflow: scroll;
  width: 100%;
  height: 100%;
  border: none;
}


button {
  min-height: 3rem;
  margin: 5rem;
  margin-left: -.1rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  background: #1f1f37;
  border-radius: 8rem;
  transition: background 200ms ease;
  color: #fff;
  border: none;
  font-family: "Gerstner", Icons;
  font-style: normal;
  font-weight: 400;
  padding: 3rem;
  font-size: 20px;
  letter-spacing: -0.03em;
  cursor: pointer;
  outline: inherit;
  line-height: inherit;
}

.buttonLanding {
  padding: 0px 30px;;
  background: #7a7ad9;
  border-radius: 3rem;
  transition: background 200ms ease;
  color: #fff;
  border: none;
  font-family: "Gerstner", Icons;
  font-style: normal;
  font-size: 100%;
  line-height: inherit;
  margin: 1px;
  letter-spacing: -0.03em;
  cursor: pointer;
  outline: inherit;
}

.block {
  display: block;
  width: 100%;
  margin: -1rem;
  margin-left: -.1rem;
  padding: 0rem 1rem;
  background: #999;
  border-radius: 6rem;
  transition: background 200ms ease;
  color: #fff;
  border: none;
  cursor: pointer;
  outline: inherit;
}

@keyframes bounce {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.25);
    opacity: 0;
  }

  75% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes smallBounce {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(.975);
  }

  100% {
    transform: scale(1);
  }
}

.internal-link:hover {
  background: #CCC;
  transition: background 200ms ease;
  opacity: 0.1;
  transition-duration: 0.1s;
}

.external-link:hover {
  background: #CCC;
  transition: background 200ms ease;
  opacity: 0.1;
  transition-duration: 0.1s;
}

button:hover {
  background: #2bffa8;
  transition: background 200ms ease;
  opacity: 0.1;
  transition-duration: 0.1s;
}

button2:hover {
  background: #2BFFA8;
  transition: background 200ms ease;
  opacity: 0.1;
  transition-duration: 0.1s;
}

p a:hover {
  transition: opacity 2s;
}

p a span {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.3rem)translateX(0rem);
  transition: transform 200ms cubic-bezier(.5, .4, .2, .9);
}

p a:hover span {
  opacity: 1;
  transform: translateY(-0.1rem)translateX(0.3rem);
  transition: transform 200ms cubic-bezier(.5, .4, .2, .9);
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.mixcloud-container {
  width: 100%;
  background: #222;
  padding-bottom: 36.25%;
  background-size: 100%;
  background-image: url("https://freight.cargo.site/t/original/i/e7e5f078955c142ef98549bcea925e41e2a82f10b141c92231dc18789364d6ab/MIXES_BG.png");
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

body {
  background-color: #fff;
  color: rgba(255, 255, 255, 0.85);
}

a:active {
  opacity: 0.7;
}

.page a.active {
  opacity: .4;
}

i,
em {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
}

sub {
  top: 0.3em;
}

sup {
  top: -0.4em;
}

s {
  text-decoration: line-through;
}

img {
  border: 0;
  padding: 0;
}

ul,
ol {
  margin: 0;
  padding: 0 0 0 1em;
}

blockquote {
  margin: 0;
  padding: 0 0 0 2em;
}

hr {
  background: rgba(204, 204, 204, 1);
  border: 0;
  height: 1px;
  display: block;
}

.content img {
  float: none;
  margin-bottom: 0;
}

.gallery_image_caption {
  font-family: "Gerstner", Icons;
  font-style: normal;
  font-weight: 400;
  padding: 5px;
  margin: 1px;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -0.03em;
  color: #cfcfcf;
}

/**
* LOADING ANIMATION
*/

.loading[data-loading] {
  position: fixed;
  bottom: 8px;
  left: 8px;
}

/**
* EDITOR STYLES
*/

[data-predefined-style="true"] bodycopy {
  font-family: "Gerstner", Icons;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding: 5px;
  margin: 1px;
  text-rendering: optimizeLegibility;
  color: #2d332f;
  text-decoration: none;

}

[data-predefined-style="true"] bodycopy a {
  color: #2d332f;
  padding-bottom: 5px;
  border-bottom: 0;
  text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
  border-bottom: 0;
  padding-bottom: 0;
}


[data-predefined-style="true"] h1 {
  font-family: "Gerstner", Icons;
  font-weight: 600;
  padding: 5px;
  margin: 1px;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -0.1rem;
  hyphens: auto;
  color: #2d332f;
  text-rendering: optimizeLegibility;
}


[data-predefined-style="true"] h1 a {
  color: #2d332f;
}


[data-predefined-style="true"] h2 {
  font-family: "Gerstner", Icons;
  font-style: normal;
  font-weight: 500;
  padding: 5px;
  margin: 1px;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -0.03em;
  color: #2d332f;
}

[data-predefined-style="true"] h2 a {
  color: #2d332f;
  transition: opacity 2s;
  transition-duration: 0.1s;
}

[data-predefined-style="true"] h2 a:hover {
  opacity: 0.1;
  transition-duration: 0.1s;
}

[data-predefined-style="true"] small {
  display: inline-block;
  font-size: 9px;
  line-height: 20px;
  font-family: "Gerstner", Icons;
  font-style: normal;
  font-weight: 400;
  color: #2d332f;
  padding: 5px;
  margin: 1px;
  text-transform: uppercase;
}

[data-predefined-style="true"] small a {
  color: #2d332f;
  border-bottom-width: 0em;
}






/**
* BREAKPOINTS
*/
[data-css-preset] .page {
  background-color: initial
    /*!page_bgcolor*/
  ;
}

.mobile .page,
[data-css-preset].mobile .page {
  position: relative;
  min-height: 10px;
  max-width: 100%;
  width: 100%;
  background-color: transparent
    /*!page_bgcolor*/
  ;
}

[data-css-preset] .container {
  margin-left: 1px
    /*!content_left*/
  ;
  margin-right: auto
    /*!content_left*/
  ;
  text-align: left
    /*!text_left*/
  ;
}

[data-css-preset] body {
  background-color: #fff
    /*!body_bgcolor*/
  ;
}

[data-css-preset] .container_width {
  width: 100%
    /*!content_left*/
  ;
}

[data-css-preset] .content_padding {
  padding-top: 0rem
    /*!main_margin*/
  ;
  padding-bottom: 0rem
    /*!main_margin*/
  ;
  padding-left: 0rem
    /*!main_margin*/
  ;
  padding-right: 0rem
    /*!main_margin*/
  ;
}

[data-css-preset] text-limit {
  display: inline-block
    /*!text_width*/
  ;
  max-width: 66rem
    /*!text_width*/
  ;
}




/**
* THUMBNAILS
*/

div[thumbnails] {
  justify-content: flex-start;
  display: none
}

[data-css-preset] .thumbnails {
  background-color: rgba(0, 0, 0, 0)
    /*!thumbnails_bgcolor*/
  ;
}

[data-css-preset] .thumbnails_width {
  width: 100%
    /*!thumbnails_width*/
  ;
}

[data-css-preset] [thumbnails-pad] {
  padding: 0rem
    /*!thumbnails_padding*/
  ;
}

[data-css-preset] [thumbnails-gutter] {
  margin: 0rem
    /*!thumbnails_padding*/
  ;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
  padding: 0.5rem
    /*!responsive_thumbnails_padding*/
  ;
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
  margin: -1rem
    /*!responsive_thumbnails_padding*/
  ;
}

.thumbnails .thumb_image {
  outline: 0px solid rgba(0, 0, 0, .12);
  outline-offset: -1px;
}

.thumbnails .title {
  margin-top: 1.2rem;
  margin-bottom: .3rem;
  font-size: 1.8rem;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.85);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
  font-style: normal;
  line-height: 1.1;
}

.thumbnails .tags {
  margin-top: 1.2rem;
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.35);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
  font-style: normal;
  line-height: 1.2;
}

.thumbnails .tags a {
  border-bottom: 0;
  color: rgba(0, 0, 0, 0.35);
  text-decoration: none;
}

.thumbnails .has_title .tags {
  margin-top: 0rem;
}

/**
* SITE MENU
*/

[data-css-preset] #site_menu_button {
  color: rgba(0, 0, 0, 0.75);
  line-height: 1;
  font-size: 28px
    /*!site_menu_button*/
  ;
  padding: 6px;
  line-height: 1;
  background: rgba(33, 32, 46, 0);
  position: fixed;
  top: 2rem
    /*!site_menu_button*/
  ;
  right: 2rem
    /*!site_menu_button*/
  ;
}

body.mobile #site_menu_button {
  margin-left: 1px;
  margin-right: 1px;
  font-size: 34px;
}

#site_menu_button.custom_icon {
  width: 40px;
  height: auto;
}

#site_menu_button.active {
  display: none;
}

/**
* SITE MENU
*/

#site_menu {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
  background: rgba(68, 68, 68, 1);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  padding: 20px 30px 90px 30px;
  max-width: 400px;
  min-width: 300px;
  text-align: left;
  display: flex;
  justify-content: flex-start;
}

body.mobile #site_menu {
  width: 100%;
}

#site_menu .page-link a {
  color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link>a {
  color: rgba(255, 255, 255, 0.75);
  font-weight: bold;
}

#site_menu a:active {
  opacity: .7;
}

#site_menu a.active {
  opacity: .4;
}

#site_menu .close {
  display: none;
  color: rgba(255, 255, 255, 0.4);
  line-height: .85em;
  font-size: 45px;
}

body.mobile #site_menu .close {
  display: block;
  font-size: 50px;
  line-height: 1em;
}

#site_menu .break {
  height: 28px;
}

#site_menu .indent {
  margin-left: 28px;
}

/*
* SHOP BUTTON
*/

[data-css-preset] #shop_button {
  color: rgba(0, 0, 0, 0.85);
  background: transparent;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: fixed;
  padding: 6px;
  top: 2rem
    /*!shop_button*/
  ;
  right: 2rem
    /*!shop_button*/
  ;
}

#shop_button.text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
  font-size: 2rem;
  padding: 0;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
}

#shop_button.custom_icon {
  width: 40px;
  height: auto;
}

body.mobile #shop_button:not(.text) {
  margin: -6px;
  font-size: 36px;
}

/*
* SHOPE PRODUCT WIDGET
*/

.shop_product {
  width: 100%;
  max-width: 22rem;
  position: relative;
  display: block;
}

.shop_product .price {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
  font-size: 2rem;
  line-height: 1;
  color: rgba(0, 0, 0, 0.85);
  display: block;
  margin-bottom: 1rem;
}

.shop_product .dropdown {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
  font-size: 1.4rem;
  display: inline-block;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .2);
  background: white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
  margin-bottom: 1rem;
  line-height: 1.2;
  padding: .7rem 1rem;
}

.shop_product .button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
  font-size: 1.4rem;
  background: rgba(0, 0, 0, 0.7);
  color: rgba(255, 255, 255, 1);
  flex: 0 0 50%;
  text-align: left;
  display: inline-block;
  line-height: 1;
  padding: .8rem 1rem .9rem;
}

/*
* IMAGE ZOOM
*/

.content img.image-zoom:active {
  opacity: .7;
}

/**
* QUICK VIEW
*/

[data-css-preset] .quick-view {
  padding-top: 4rem
    /*!quick_view_padding*/
  ;
  padding-bottom: 4rem
    /*!quick_view_padding*/
  ;
  padding-left: 4rem
    /*!quick_view_padding*/
  ;
  padding-right: 4rem
    /*!quick_view_padding*/
  ;
  height: 100%
    /*!quick_view_height*/
  ;
  width: 100%
    /*!quick_view_width*/
  ;
}

body.mobile .quick-view {
  width: 100%;
  height: 100%;
  margin: 0;
}

[data-css-preset] .quick-view-background {
  background: rgba(184, 184, 184, 0.52)
    /*!quick_view_bgcolor*/
  ;
}

.quick-view-caption {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  transition: 100ms opacity ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 3.5rem 0;
  text-align: center;
  font-size: 1.5rem;
}

.quick-view-caption span {
  padding: 0.5rem 1rem;
  display: inline-block;
  background: rgba(0, 0, 0, .5);
  color: white;
}


/**
* QUCIK VIEW NAVIGATION
*/

.quick-view-navigation .left-arrow {
  left: 10px;
}

.quick-view-navigation .right-arrow {
  right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
  /* Change height/width together to scale */
  height: 36px;
  width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
  stroke: #fff;
  stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
  stroke: rgba(0, 0, 0, 0.6);
  stroke-width: 2.5px;
}

.quick-view-navigation .close-button {
  top: 10px;
  right: 10px;
  /* Change height/width together to scale */
  width: 36px;
  height: 36px;
}

.quick-view-navigation .close-button .inner-color {
  stroke: #fff;
  stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
  stroke: #000;
  stroke-width: 2.5px;
  opacity: 0.6;
}

/** 
* IMAGE GALLERY NAVIGATION ARROWS
*/

.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
  /* Change height/width together to scale */
  height: 16px;
  width: 24px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
  stroke: #fff;
  stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
  stroke: rgba(51, 51, 51, 1);
  stroke-width: 2.5px;
}

/**
* WALLPAPER BACKDROP ARROWS
*/

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
  /* Change height/width together to scale */
  height: 16px;
  width: 24px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
  stroke: #fff;
  stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
  stroke: rgba(51, 51, 51, 1);
  stroke-width: 1.5px;
}

/**
* FEED
*/

.feed .content_container .page {
  border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
  border-top: 0;
}

/*
* AUDIO PLAYER
*/

.audio-player {
  max-width: 36rem;
  height: 3.3rem;
  outline: 1px solid rgba(0, 0, 0, 0.15);
  color: rgba(51, 51, 51, 1);
  background: #fff;
  font-size: 1.2rem;
  line-height: 1.3;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
  max-width: 100%;
}

.audio-player .separator {
  width: 1px;
  background-color: rgba(0, 0, 0, 0.15);
}

.audio-player .button {
  background: transparent;
  cursor: pointer;
  fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
  fill: rgba(0, 0, 0, 0.85);
  padding: 30%;
  width: 100%;
  margin: auto;
}

.audio-player .buffer {
  background: rgba(0, 0, 0, 0.03);
}

.audio-player .progress {
  background: rgba(0, 0, 0, 0.1);
}

.audio-player .progress-indicator {
  border: 1px solid rgba(0, 0, 0, 0.7);
  width: 1px;
  height: 100%;
  right: 0;
  position: absolute;
  cursor: ew-resize;
}

.audio-player .note-icon {
  height: 100%;
  width: 3.8rem;
  padding: 1rem;
  fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
  padding-left: 1rem;
}

.audio-player .total-time {
  padding-right: 1rem;
}



   .loading-overlay {
      position: absolute;
      top: 0;
      left: 0;
      background-color: var(--advent-background-color);
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      will-change: opacity;
      transition: opacity 1s 1s ease;
      z-index: 2;
    }

	 .loading-overlay .background-image {
		height: 100%;
        width: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
 
	}
 .loading-overlay .background-image img {
      position: absolute;
       top: 0;
         left: 0;
     width: 100% !important;
     height: unset !important;
     z-index: 1;
}
	
    .big {
      
        z-index: 2;

      color: var(--advent-year-color);
      font-family: "Gerstner", Icons;
      font-weight: bold;
      font-size: 8em;
      letter-spacing: -.015em;
      transform: rotateZ(180deg);
      transform-origin: top;
    }

    .advent-container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 80px;
    }

    .youtube-container {
      display: block;
      width: 100%;
      height: 100%;
      margin: auto;
      position: relative;
    }

    .youtube-player {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      height: 0;
      opacity: 0;

    }

    .youtube-player iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--advent-background-color);

    }

    .advent-calendar {
      width: 100%;
      opacity: 1;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(auto-fill, calc(16.67% - 7px));
      justify-content: space-between;

      gap: 7px;
      margin: auto;
      margin-top: 8px;
      transition: opacity 0.8s ease;
      overflow-x: hidden;
      min-height: 150px;
    }

    .advent-calendar:after {
      flex: auto;
      content: "";
      width: 100%;
    }

    .advent-day {
      display: inline-flex;
      flex-direction: column;
      min-width: 164px;
      flex: 0 0 calc(16.67% - 7px);
      opacity: 0;
      transform: rotateX(-180deg);
    }

    .day-active:hover {
      opacity: 0.7;
    }

    .day-active:hover img {
      opacity: 1;
    }

    .advent-tile {
      display: block;
      width: 100%;
      height: 25px;
      background-color: var(--advent-tile-color);
      position: relative;
    }

    .advent-tile img {
      opacity: 0;
      width: 20px;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
    }

    .advent-song {
      display: block;
      color: var(--advent-text-color);
      margin-bottom: 14px;
        margin-top: 5px;
      width: 100%;
      font-family: "Gerstner", Icons;
      font-weight: 400;
      font-size: 11px;
    }
    .advent-bottom-container {
	  display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-start;
       gap: 20px;
       width: 100%;
        margin: 40px auto;
    }


 .advent-bottom-container .actions {
     flex: 0 0 calc(16.67% - 7px);
	 display: flex;
     justify-content: flex-start;
     align-items: flex-end;
     flex-direction: column;
     gap: 10px;
     min-width: calc(33.33% - 7px);
}

 .advent-bottom-container .actions button {
	width: 180px;
     height: 50px;
     min-height: 50px;
}
        .advent-bottom-container .description {
			flex: 1 0 calc(33.33% - 7px);
            max-width: calc(33.33% - 7px);
            
		}
.advent-bottom-container .description p {
	margin-top: 0;
}
  
    .current-day {
      background-color: var(--advent-active-tile-color);
    }

	 @media (min-width: 1440px) {
      .advent-song {
        font-size: 15px;
      }

    }

    @media (max-width: 1105px) {
      .advent-calendar {
		gap: 4px;
        grid-template-columns: repeat(auto-fill, calc(25% - 4px));
      	min-height: 207px;
        }

      .advent-bottom-container .actions {
        align-items: center;
        min-width: calc(25% - 7px);
        flex: 0 0 calc(25% - 7px)
      }

      .advent-bottom-container {
        justify-content: flex-start;
      }

      .advent-bottom-container .description {
        flex: 0 0 calc(75% - 7px);
        max-width: calc(75% - 7px)
      }


    }

    @media (max-width: 768px) {

      .advent-calendar {
		gap: 4px;
        grid-template-columns: repeat(auto-fill, calc(33.33% - 4px));
      	min-height: 256px;
      }

      .advent-bottom-container .actions {
        align-items: center;
        min-width: calc(33.33% - 7px);
        flex: 0 0 calc(33.33% - 7px)
      }

      .advent-bottom-container {
        justify-content: flex-start;
      }

      .advent-bottom-container .description {
        flex: 0 0 calc(66.66% - 7px);
        max-width: calc(66.66% - 7px)
      }

    }

    @media (max-width: 571px) {
      .advent-calendar {
		gap: 0;
        grid-template-columns: repeat(auto-fill, calc(50% - 3.5px));
     	min-height: 390px;
      }

      .advent-bottom-container .actions {
        align-items: flex-start;
      }

      .advent-bottom-container {
        justify-content: flex-start;
        flex-direction: column;
      }

      .advent-bottom-container .description {
        max-width: 100%;
      }

      .day-active:hover {
        opacity: 1;
      }

      .day-active:hover img {
        opacity: 0;
      }
    }

	 @media (max-width: 350px) {
         
      .advent-calendar {
		gap: 0;
        grid-template-columns: repeat(auto-fill, 100%);
      	min-height: 390px;
       }
	}



/* LUCKYME CUSTOM NAV */

.pinned_top {
  position: fixed !important;
  z-index: 99 !important;
}

.content_container {
  z-index: 98 !important;
}

.luckyme-nav.opened {
  min-height: 100vh;
}

.nav-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  ;
  background-color: rgba(244, 240, 233, 0.8);
  z-index: 11;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  will-change: opacity;
  transition: opacity .3s, visibility .3s;
}

.nav-banner {
  height: 80px;
  width: 100%;
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  transition: opacity .3s,
    visibility .3s, transform 0.3s;
  text-align: center;
  border-bottom: 1px solid rgba(248, 248, 248, 1);
  ;
}

.nav-banner a {
  line-height: 80px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: auto !important;
  width: fit-content;
}

.nav-banner a svg {
  height: 20px;
  fill: var(--theme-color);
  margin-right: 5px;
}

.nav-container {
  z-index: 1;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 12;
  width: 100%;

  max-width: calc(50vw + 40px);
  background-color: #fff;
  opacity: 0;
  right: 0;
  transform: translate(100%);
  transition: opacity .3s, transform .3s;
  overflow: scroll;
  font-size: 12px;
  padding-bottom: 40px;
}

@media (max-width: 768px) {
  .nav-container {
    max-width: 100vw;
  }
}

.luckyme-nav .nav-section {
  flex: 1;
  flex-direction: column;
  background-color: transparent;
  position: relative;
  font-style: normal;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  display: flex;
  font-size: 30px;
  line-height: 45px;
  letter-spacing: -0.03em;
}



.luckyme-nav div .nav-title {
  display: block;
  font-family: "Gerstner";
  font-size: 12px;
  font-weight: 400;
  margin-top: 30px;
  margin-left: 20px;
  text-rendering: optimizeLegibility;
  color: #444;
  cursor: pointer;
}

.luckyme-nav div a.nav-link {
  font-family: "Gerstner";
  text-rendering: optimizeLegibility;
  color: var(--theme-color);
  height: 100%;
  cursor: pointer;
  z-index: 1;
  background-color: transparent;
  text-decoration: none;
  margin-left: 20px;
  transition: opacity 2s;
}

.luckyme-nav .nav-section.small a.nav-link {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.6px;
}

.luckyme-nav div a.nav-link:hover {
  opacity: 0.1;
  transition-duration: 0.1s;
}

.luckyme-nav div .nav-separator {
  height: 2px;
  background-color: rgba(241, 241, 241, 1);
  margin: 40px;
  margin-left: 20px;
  margin-right: 0;
}

.luckyme-nav.opened .nav-overlay {
  opacity: 1;
  cursor: pointer;
  visibility: visible;
}

.luckyme-nav.opened .nav-container {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.luckyme-nav.opened .nav-banner,
.nav-banner.hidden {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
}

.nav-form {
  margin-left: 20px;
  padding-right: 30px;
  box-sizing: border-box;

  margin-bottom: 30px;
}


.nav-form ._form-content {
  position: relative;
  width: 100% !important;
  height: 50px;

}

.nav-form form {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}

.nav-form ._form_element._inline-style {
  padding: 0;
  width: 100%
}

.nav-form ._form-label {
  display: none !important;
}

.nav-form ._button-wrapper {
  margin: 0 !important;
}

.nav-form ._x60402744 input {
  background-color: #e8e8e8 !important;
  border: 1px solid #e8e8e8 !important;
  height: 50px !important;
  border-radius: 25px !important;
  width: 100% !important;
  padding-right: 30px !important;
  padding-left: 20px !important;
  font-family: "Gerstner" !important;
}

.nav-form ._submit {
  right: 0px !important;
  border-radius: 25px !important;
  margin: 0 !important;
  height: 50px !important;
  min-height: 50px !important;
  font-size: 14px !important;

  font-family: "Gerstner" !important;
}


.nav-form ._error {
  display: none;
}

._form-thank-you {
  font-family: "Gerstner";
  font-weight: normal;
}

.page_container {
  padding-top: 1px !important;
}


   div.archive-container video.snow {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        z-index: -1;
      }
      div.archive-container {
      	position: relative;
        display: flex;
        flex-direction: column;
        font-family: 'Helvetica';
       	padding-bottom: 50px;
      }

      div.archive-container .top {
        height: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 60px;
      }

      div.archive-container .title {
        font-size: 80px;
        color: white;
        transform: rotate(180deg);
        margin: 10px auto;
      }
      div.archive-container .logo img {
        width: 50px !important;
        height: 50px !important;
        margin-top: 15px;
      }

      div.archive-container .advent-canvas {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 100%;
        width: 100%;
      }
      div.archive-container .advent-canvas .year {
        font-size: 4rem;
        opacity: 1;
        font-weight: bold;
        margin: 20px auto;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        transition: font-size 0.3s ease, opacity 0.2s ease;
        cursor: default;
       	height: 4rem;
      }

      div.archive-container .advent-canvas .year:hover {
        color: var(--logo-color);
        cursor: pointer
      }