/** Shopify CDN: Minification failed

Line 242:14 Expected ":"
Line 242:20 Expected ":"

**/
/* =============================== ROBES FONTS / MOBILE SCALING =========================== */

.gg-gals-banner-desktop {



  display: block;
}

.gg-gals-banner-mobile {



  display: none;
}

.robes-desktop-grid {



  display: block;
}

.robes-mobile-grid {



  display: none;
}

.robes-font {



  font-size: larger;



  padding-left: 80px;



  padding-right: 80px;
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {



  .robes-mobile-grid {



    display: block;



    margin-bottom: 60px;



  }



  .robes-desktop-grid {



    display: none;



  }



  .gg-gals-banner-desktop {



    display: none;



  }



  .gg-gals-banner-mobile {



    display: block;



  }



  .robes-font {



    font-size: smaller;



    padding-left: 0;



    padding-right: 0;



  }



  #shopify-section-contact-custom-robes-template .custom-contact-form__image {



    display: none;



  }



}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 798px) {}



/* =============================== ROBES FONTS / BUTTONS / BORDER LINES =========================== */ /* == TEAL: #02c1cb PINK: #fface0 == */

#shopify-section-contact-custom-robes-template .quote {



  padding: 10px 0;



  text-align: center;



  border-top-style: solid;



  border-top-width: 4px;



  border-bottom-width: 4px;



  border-bottom-style: solid;



  border-color: #fface0;
}

hr.gg-robes {



  border: 2px solid #02c1cb;



  margin: 30px 50px;
}
.font-montserrat-light {



  font-family: 'Montserrat', sans-serif;



  font-weight: 600;
}

.font-center {



  text-align: center;
}

#shopify-section-contact-custom-robes-template .action_button {



  background: #02c1cb;



  color: #ffffff;



  border: 1px solid #fface0;
}



/* =============================== ROBES GIF SCALING 6/29/22 =========================== */

.robes-gif {



  text-align: center;



  margin-left: auto;



  margin-right; auto;



  width: auto;



  max-height: 500px;



  padding: 10px;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {



  .robes-gif {



    max-width: 800px;



    height: auto;



    padding: 10px;



  }
}



/* =============================== NEW CSS AS OF 3/5/22 GOLDEN GIRLS - REMOVE VOLUME ON VIDEOS =================================== */

#gg-video-volume video::-webkit-media-controls-volume-slider {



  display: none;
}

#gg-video-mute video::-webkit-media-controls-mute-button {



  display: none;
}

/* =============================== NEW CSS AS OF 2/2/22 GOLDEN GIRLS - GRID =================================== */

/*  #block__image_w_text_overlay_gg {
   width: 49%;
display: inline-block;
float: left;
padding: 0 10px;

}  */

#banner-b364ea86-8fbe-4788-92e0-a14a6ef8f5b1 {



  /* width: 49%; */



  display: inline-block;



  float: left;



  padding: 0 10px;
}

#banner-f5a77711-6ee0-461a-bf81-24195dd629b8 {



  /* width: 49%; */



  display: inline-block;



  float: left;



  padding: 0 10px;
}



/* =============================== NEW CSS AS OF 2/2/22 GOLDEN GIRLS - MOSIAC =================================== */



.gg-grid-container {



  max-width: 1280px;



  margin: 0 auto;
}

.gg-cols {



  margin: 0 auto;



  max-width: 1000px;
}

.gg-col {



  width: 25%;



  height: 250px;



  float: left;



  margin: 0;
}

.gg-col img {



  display: block;



  position: relative;



  width: 100%;



  height: 100%;



  object-fit: cover;



  object-position: center;



  opacity: 0.8;
}

.gg-col h2 {



  font-weight: 900;



  color: #fff;



  text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}

.gg-grid-1 {



  width: 50%;
}

.gg-grid-3 {



  float: right;



  height: 500px;
}

.gg-grid-5 {



  display: table;
}

.gg-grid-5 > * {



  display: table-cell;
}

.gg-grid-5 > .gg-text-container {



  text-align: center;



  vertical-align: middle;



  width: 50%;
}

.gg-grid-5 img {



  object-position: right;
}

.gg-grid-7 {



  width: 50%;
}

@supports(display: grid) or(display: -ms-grid) {



  .gg-grid-area {



    display: grid;



    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));



    grid-auto-rows: 250px;



    justify-content: center;



  }



  .gg-col {



    width: 100%;



    height: 100%;



    float: none;



  }



  .gg-grid-1 {



    grid-column-end: span 2;



  }



  .gg-grid-3 {



    grid-row-end: span 2;



  }



  .gg-grid-5 {



    grid-column-end: span 2;



  }



  .gg-grid-7 {



    grid-column-end: span 2;



  }
}

/* Media queries for other screen widths */
@media screen and (max-width: 450px) {



  .col {



    grid-row-end: unset;



    grid-column-end: unset;



    height: 250px;



  }



  .grid-area {



    display: flex;



    flex-direction: column;



  }



  .grid-3 {



    order: -1;



    height: 500px;



  }
}

@media screen and (max-width: 768px) {



  .grid-2 {



    display: none;



  }
}

/************ Hover effect styles *************/

figure {



  position: relative;



  overflow: hidden;



  text-align: center;



  cursor: pointer;
}

figure figcaption {



  color: #fff;



  backface-visibility: hidden;
}

figure figcaption::before,
figure figcaption::after {



  pointer-events: none;
}

figure figcaption,
figure figcaption > a {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;
}

/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

figure figcaption > a {



  z-index: 1000;



  text-indent: 200%;



  white-space: nowrap;



  font-size: 0;



  opacity: 0;
}

figure h2 {



  word-spacing: -0.15em;



  font-weight: 300;
}

figure h2 span {



  font-weight: 800;
}

figure h2,
figure p {



  margin: 0;
}

figure button.rww_grid_button {



  background-color: transparent;



  border: 2px solid #fff;



  border-radius: 5px;



  margin: 0 auto;



  padding: 0.5rem;



  font-weight: bold;



  font-size: smaller;



  color: #fff;



  text-transform: uppercase;



  transition: all 0.3s;
}

figure p {



  letter-spacing: 1px;



  font-size: smaller;
}

figure figcaption::before {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);



  content: "";



  opacity: 0;



  transform: translate3d(0, 50%, 0);
}

figure h2 {



  position: absolute;



  top: 50%;



  left: 0;



  width: 100%;



  color: #484c61;



  transition: all 0.35s;



  transform: translate3d(0, -50%, 0);
}

figure figcaption::before,
figure p,
figure .grid-button-wrapper {



  transition: all 0.35s;
}

figure .grid-button-wrapper {



  position: absolute;



  bottom: 35%;



  left: 0;



  right: 0;



  width: 100%;



  opacity: 0;



  transform: translate3d(0, 20px, 0);
}

figure p {



  position: absolute;



  bottom: 10px;



  left: 0;



  right: 0;



  padding-bottom: 3rem;



  width: 100%;



  opacity: 0;



  transform: translate3d(0, 10px, 0);
}

figure:hover h2 {



  background: none;



  color: #fff;



  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}

figure:hover figcaption::before,
figure:hover p,
figure:hover .grid-button-wrapper {



  opacity: 1;



  transform: translate3d(0, 0, 0);
}

/* =============================== END: NEW CSS AS OF 11/5/21 GOLDEN GIRLS - MOSIAC =================================== */



.gallery-wrap {



  position: relative;
}

.product_soldout,
.plp_product_soldout {



  position: absolute;



  top: 10px;



  right: 10px;



  background: black;



  color: white;



  width: 100px;



  height: 100px;



  display: flex;



  align-items: center;



  justify-content: center;



  border-radius: 50%;



  text-transform: uppercase;
}

.plp_product_soldout {



  width: 80px;



  height: 80px;



  font-size: 20px;



  z-index: 1;
}

@media(max-width: 768px) {



  .product_soldout,



  .plp_product_soldout {



    font-size: 16px;



    width: 72px;



    height: 72px;



  }



}

.robes-section {



  padding: 148px 40px;



  background: white;
}

.robes-section .title {



  font-size: 40px;



  color: black;



  text-align: center;



  position: relative;



  z-index: 0;



  margin-bottom: 50px;
}

.robes-section .title strong {



  position: relative;



  margin-right: 8px;
}



.robes-section .images-wrap {



  display: flex;
}

.robes-section .image-item {



  background-position: top center;



  background-size: cover;



  line-height: 0;



  transition: all 0.3s;



  overflow: hidden;



  display: block;



  line-height: 0;



  flex-basis: 10%;
}

.robes-section .image-item img {



  max-height: 80vh;
}

.robes-section .image-item img {



  opacity: 0;
}

.robes-section .image-item:hover {



  flex-basis: 40%;
}

.robes-section .image-item.active img {



  display: block;
}

.robes-section .image-and-text {



  display: flex;



  align-items: center;
}

.robes-section .text-wrap {



  width: 300px;



  margin-left: 30px;



  position: relative;



  z-index: 0;
}

.robes-section .images-wrap {



  width: calc(100% - 330px);
}

.robes-section .text-wrap .subtitle p {



  font-family: "Harmonia Sans", sans-serif;



  font-size: 40px;



  line-height: 49px;



  text-transform: uppercase;



  position: relative;



  z-index: 0;



  margin-bottom: 0;
}

.robes-section .text-wrap .subtitle p strong {



  position: relative;



  margin-right: 8px;
}

.robes-section .cta {



  margin-top: 56px;



  display: flex;



  align-items: center;



  justify-content: center;



  width: 220px;



  height: 44px;



  text-transform: uppercase;



  font-size: 20px;



  color: black;



  background: #FAC606;



  border-radius: 5px;



  position: relative;
}

.robes-section .cta::after {



  content: '';



  position: absolute;



  left: 5px;



  top: 5px;



  width: 100%;



  height: 100%;



  background: black;



  border-radius: 5px;



  z-index: -1;
}

.robes-section .cta:hover {



  color: white;



  background: black;
}



.robes-section .cta:hover::after {



  background: #FAC606;
}

@media(max-width: 768px) {



  .robes-section {



    padding: 50px 12px;



    margin-top: 85px;



  }



  .robes-section .title {



    font-size: 28px;



    line-height: 35px;



  }



  .robes-section .images-wrap img {



    opacity: 1;



    width: 100%;



  }



  .robes-section .images-wrap {



    width: 100%;



    display: grid;



    grid-template-columns: repeat(3, 1fr);



    gap: 10px;



  }



  .robes-section .image-item {



    width: 100%;



    flex-basis: 100% !important;



    background-size: 100% auto;



    margin-bottom: 14px;



  }



  .robes-section .image-and-text {



    flex-direction: column-reverse;



  }



  .robes-section .text-wrap {



    margin-left: auto;



    margin-right: auto;



    text-align: center;



    margin-top: 50px;



  }



  .robes-section .text-wrap .subtitle p {



    font-size: 28px;



    line-height: 34px;



  }



  .robes-section .text-wrap .cta {



    margin-top: 32px;



    margin-left: auto;



    margin-right: auto;



    width: 192px;



    height: 38px;



    font-size: 16px;



  }
}

.details-robes-buttons {



  margin: 30px 0;
}

.details-robes-buttons .btns-wrap {



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 24px;
}

.details-robes-buttons .btns-wrap .button:hover {



  background: black;



  border: black;
}

@media(max-width: 768px) {



  .details-robes-buttons .btns-wrap {



    flex-direction: column;



  }

}

.mega-menu .dropdown_content {



  padding: 0 36px;
}

.dropdown_content--sidenav {



  min-width: 320px;



  margin-top: 10px;
}

.dropdown_content--group {



  display: grid;



  grid-template-columns: repeat(5, 1fr);
}

.dropdown_content--group .mega-menu__image-caption-link {



  padding: 0 9px;
}

.dropdown_content--sidenav-item {



  font-family: "Harmonia Sans", sans-serif;


  font-size: 40px;

  color: #D9D9D9;

  margin-bottom: 30px;
  margin-top: 30px;


  text-transform: uppercase;



  cursor: pointer;
}

.dropdown_content--sidenav-item.active,
.dropdown_content--sidenav-item:hover {



  color: #ED1A38
}

.mega-menu__image-caption {



  text-transform: uppercase;
}

.block-navigation ul {



  padding-left: 0;



  margin-top: 0;



  margin-bottom: 0;
}

.block-navigation a {



  padding: 0;



  text-transform: uppercase;
}

.block-navigation li {



  padding-right: 0;
}

.block-navigation a:active {



  padding: 0;
}

@media(max-width: 768px) {

  .robes-section {
    background: white;
  }

  .page-details-robes .video-section {



    margin-top: 85px;



  }



  .dropdown_content--sidenav {



    display: flex;



    justify-content: space-between;



  }



  .dropdown_content--sidenav-item {



    font-size: 28px;



  }



  .dropdown_content--group {



    grid-template-columns: repeat(2, 1fr);



  }



  .medium-menu-item {



    padding-left: 18px;



    position: relative;



  }



  .medium-menu-item::before {



    content: '';



    position: absolute;



    display: block;



    width: 9px;



    height: 9px;



    background: #ED1A38;



    border-radius: 50%;



    left: 0;



    top: 22px;



  }



  .medium-menu-parent {



    display: flex;



    align-items: center;



    justify-content: space-between;



  }



  .medium-menu-parent-title {



    font-size: 22px !important;



  }



  .medium-menu-child-item {



    padding-left: 15px;



    position: relative;



  }



  .medium-menu-child-item::before {



    content: '';



    position: absolute;



    display: block;



    width: 8px;



    height: 8px;



    background: #D9D9D9;



    border-radius: 50%;



    left: 0;



    top: 10px;



  }



  .medium-menu-child-item a {



    padding: 0;



  }



  .medium-menu-item .medium-menu-childs {



    display: none;



  }



  .medium-menu-item.active .medium-menu-childs {



    display: block;



  }



  .medium-menu-item.active .medium-menu-parent-title {



    color: #ED1A38;



  }



  .medium-menu-item.active .icon-plus {



    transform: rotate(45deg);



  }
}

.boost-pfs-filter-option:not(.boost-pfs-filter-option-collapsed) .boost-pfs-filter-option-title-text {
  color: #ED1A38;
}

.boost-pfs-filter-option:not(.boost-pfs-filter-option-collapsed) .boost-pfs-check-box {
  border-color: #ED1A38 !important;
}

.boost-pfs-filter-option:not(.boost-pfs-filter-option-collapsed) .boost-pfs-check-box::before {
  border-color: #ED1A38 !important;
}