/* ******************** ---------- CUSTOM STYLES ---------- ******************** */
/* 10152026-eu-ralph-coffee-lp EU */




/* ++++++++++ ---------- GENERAL PAGE STYLES (2022) ---------- ++++++++++ */
html {
  scroll-behavior: smooth;
}

.rlc-creative_v3 .rlc-image[loading="lazy"] {
  opacity: 0;
}

.rlc-creative_v3 .rlc-image[loading="lazy"].rlc-imgLoaded {
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}

.rlc-creative_v3 .rlc-background {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
  transform: translateX(-50%) translate3d(0, 0, 0);
  width: 100%;
  min-height: 100%;
  z-index: -1;
  box-sizing: border-box;
}

.rlc-creative_v3 .rlc-product-name {
  font-size: 0.6875em;
  line-height: 1;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  position: absolute;
  bottom: 1.25em;
  left: 1.25em;
  margin: 0;
  color: currentColor;
}

.rlc-ralphs-coffee-feat {
  overflow: unset;
}

.rlc-ralphs-coffee-feat .rlc-fullbleed {
  max-width: 100%;
  overflow: hidden;
}

.rlc-ralphs-coffee-feat .rlc-title {
  font-family: "LeJeuneDeck-Regular", Times, serif;
  font-weight: 100;
  font-size: 2.563em;
  line-height: 1.111em;
  margin: 0;
  color: currentColor;
}

.rlc-creative_v3.rlc-ralphs-coffee-feat .rlc-dek {
  font-family: "LeJeuneDeck-Regular", Times, serif;
  font-weight: 100;
  font-size: 1.25em;
  line-height: 1.5em;
  color: currentColor;
}

@media screen and (min-width: 768px) {
  .rlc-ralphs-coffee-feat .rlc-mobile {
    display: none;
  }
}

  



/* ++++++++++ ---------- STICKY SUB NAV ---------- ++++++++++ */
.rlc-creative_v3.rlc-blp {
    overflow: unset;
  }

.nav-jl {
  height: 0px;
  width: 0px;
  position: relative;
  left: 0px;
  bottom: auto;
  right: auto;
}

@media screen and (min-width: 768px) {
  .nav-jl {
    top: -4.5em;
  }
}

@media screen and (max-width: 767px) {
  .nav-jl {
    top: -6.5em;
  }
}





  
/* ++++++++++ ---------- GROWY SLIDER ---------- ++++++++++ */
.rlc-growy {
  color: #fff;
}

.rlc-growy.rlc-carousel .rlc-carousel-pagination {
  display: none;
}

.rlc-growy .rlc-intro {
  margin: 0 auto;
  text-align: center;
}

.rlc-growy .rlc-intro .rlc-linecta {
  margin-top: 1em;
}

.rlc-growy .rlc-slide {
  margin: 0;
  transition:
    width 0.5s,
    padding 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rlc-growy .rlc-slide.swiper-slide-active {
  padding: 0;
}

.rlc-growy .rlc-slide .rlc-copygroup {
  opacity: 1 !important;
  margin-top: 0.438em;
}

.rlc-growy .rlc-slide .rlc-copygroup a {
  visibility: visible !important;
}

.rlc-growy.rlc-carousel.rlc-carousel-nointeraction .swiper-slide-duplicate.swiper-slide-prev {
  opacity: 1 !important;
  visibility: visible !important;
}

@media screen and (min-width: 768px) {
  .rlc-growy .rlc-slide {
    width: 18.438em;
    padding: 0 2.5em;
    min-height: 32.188em;
  }

  .rlc-growy .rlc-slide.swiper-slide-active {
    width: 23.438em;
  }

  .rlc-creative_v3 .rlc-blockspacer {
    margin-bottom: 3.8125em;
  }
}

@media screen and (max-width: 767px) {
  .rlc-growy .rlc-slide {
    width: 10.313em;
    padding: 0 1.406em;
    height: 21em;
  }

  .rlc-growy .rlc-slide.swiper-slide-active {
    width: 13.125em;
  }

  .rlc-growy.rlc-carousel:not(.rlc-category_carousel) .rlc-slide .rlc-copygroup {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 10.313em;
    left: 50%;
    position: relative;
  }

  .rlc-creative_v3 .rlc-blockspacer {
    margin-bottom: 2.5em;
  }
}





/* ++++++++++ ---------- HERO (video) ---------- ++++++++++ */
#rlc-ralphscoffee-hero {
  color: #fff;
}

#rlc-ralphscoffee-hero .rlc-copygroup {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

#rlc-ralphscoffee-hero .rlc-copygroup .rlc-logo {
  width: 33.063em;
  height: auto;
}

@media only screen and (min-width: 768px) {
  #rlc-ralphscoffee-hero {
    min-height: 39em;
  }
}

@media only screen and (max-width: 767px) {
  #rlc-sticky-sub-nav {
    position: sticky;
  }

  #rlc-ralphscoffee-hero .rlc-looppause {
    top: auto;
    bottom: 1em;
  }

  #rlc-ralphscoffee-hero .rlc-copygroup .rlc-logo {
    width: 16.375em;
    height: auto;
  }
}




  /* ++++++++++ ---------- STICKY SUB NAV ---------- ++++++++++ */
#rlc-sticky-sub-nav .rlc-linecta {
  opacity: 0.5;
}

#rlc-sticky-sub-nav .rlc-linecta.rlc-nav_cta-active {
  opacity: 1;
}

#rlc-sticky-sub-nav {
  background-color: #00563d;
}

#rlc-sticky-sub-nav .rlc-linecta {
  font-size: 0.813em;
  line-height: 2.222em;
  position: relative;
}

#rlc-sticky-sub-nav .rlc-linecta {
  color: #fff;
}

#rlc-sticky-sub-nav .nav-arrow {
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0.3846153846em;
}

#rlc-sticky-sub-nav .left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

#rlc-sticky-sub-nav .rlc-linecta.rlc-nav_cta-active:after {
  content: "";
  display: block;
  background: #fff !important;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media screen and (min-width: 768px) {
  #rlc-sticky-sub-nav {
    height: 3.375em;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #rlc-sticky-sub-nav .rlc-lonely {
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    bottom: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  #rlc-sticky-sub-nav .rlc-dropdown-content {
    background-color: #00563d;
  }

  #rlc-sticky-sub-nav .rlc-lonely {
    order: 1;
  }

  #rlc-sticky-sub-nav .nav-arrow {
    padding: 0.25em;
    border-color: currentColor;
  }
}
  
    



  /* ++++++++++ ---------- SIGNATURE MONTAGE ---------- ++++++++++ */
@media screen and (min-width: 768px) {
  #rlc-ralphscoffee-signaturemontage {
    min-height: 70.5em;
  }
}

@media screen and (max-width: 767px) {
  #rlc-ralphscoffee-signaturemontage {
    min-height: 58.75em;
  }
}

#rlc-ralphscoffee-signaturemontage {
  color: #fff;
  border-bottom: 2px solid #fff;
}

#rlc-ralphscoffee-signaturemontage .rlc-copygroup {
  width: 33.25em;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translateY(-50%, -50%);
  text-align: center;
}

#rlc-ralphscoffee-signaturemontage .rlc-sig {
  width: 14.063em;
  height: auto;
  margin-top: 0.5em;
}

@media only screen and (max-width: 767px) {
  #rlc-ralphscoffee-signaturemontage .rlc-copygroup {
    width: 100%;
    top: 43.9%;
    left: 50%;
  }

  #rlc-ralphscoffee-signaturemontage .rlc-copygroup .rlc-dek {
    font-size: 0.875em;
    margin: 0em 2.5em 1em;
  }

  #rlc-ralphscoffee-signaturemontage .rlc-sig {
    width: 12.5em;
    height: auto;
  }
}


/* ***** COFFEE COLLECTION ***** */
#rlc-ralphscoffeelp-coffeecollection {
  color: #fff; /* #00563d; */
  min-height: 36em; /*36.3125em;*/
}

#rlc-ralphscoffeelp-coffeecollection .rlc-textgroup {
  width: 40em;
  position: absolute;
  left: 3.5em;
  bottom: 2.5625em;
  text-align: left;
}

/* ARABIC SPECIFIC DESIGN */
/* designer wants text to be positioned to the left most edge while still reading right to left */
/* this is hacky at the moment */
.lang-ar_BH {
  #rlc-ralphscoffeelp-coffeecollection .rlc-textgroup {
    width: 19.5em;
    text-align: right;
  }
  .rlc-creative_v3 .rlc-usebrandstyles .rlc-links .rlc-linecta {
    margin-left: 2.91em;
    margin-right: 0;
  }
  @media only screen and (max-width: 767px) {
    #rlc-ralphscoffeelp-coffeecollection .rlc-textgroup {
      width: 13em;
    }
  }
}

#rlc-ralphscoffeelp-coffeecollection .rlc-textgroup .rlc-title {
  font-size: 2.75em;
  width: 9em;
  margin: 0;
  line-height: 1.5em;
}

@media only screen and (max-width: 767px) {
  #rlc-ralphscoffeelp-coffeecollection {
    min-height: 29em; /*34.0625em;*/
  }

  #rlc-ralphscoffeelp-coffeecollection .rlc-textgroup {
    width: 100%;
    position: absolute;
    left: 1.875em;
    bottom: 2.5em;
    transform: none;
    text-align: left;
  }

  #rlc-ralphscoffeelp-coffeecollection .rlc-textgroup .rlc-title {
    font-size: 1.813em;
  }

  #rlc-ralphscoffeelp-coffeecollection .rlc-links.rlc-all-text-center {
    font-size: 2.5vw;
  }
}

    
/* ***** PRODUCT SLIDER (autoslider NEW!!!) ***** */
#rlc-ralphscoffeelp-ralphsslider {
  background: linear-gradient(0deg, #E9DBC5 0%, #E9DBC5 100%), linear-gradient(180deg, rgba(230, 217, 197, 0.20) 0%, rgba(230, 217, 197, 0.40) 50%, #E6D9C5 99.23%), linear-gradient(180deg, rgba(0, 86, 61, 0.20) 0%, rgba(0, 86, 61, 0.40) 50%, var(--brand-colors-misc-ralphCoffeegreen, #0B573E) 99.23%);
  min-height: 25em;
  .rlc-slide {
    width: 14em;
  }
  .rlc-in {
    margin-top: 2.3em;
  }
  .rlc-button {
    position: absolute;
    bottom: 1.25em; /*20px*/
    left: auto;
    right: 2.75em; /*44px*/
    @media only screen and (max-width: 767px) {
      right: 1.3125em;
    }
  }
  .rlc-looppause,
  .rlc-looppause::before,
  .rlc-looppause::after,
  .rlc-looppause:hover {
    color: #fff;
  }
  .rlc-looppause {
    border: none;
  }
  &.user_paused {
    .rlc-looppause::before, 
    .rlc-looppause:hover::before {
      border-width: 8px 0 8px 13px;
    }
  }
}



     

/* ++++++++++ ---------- EXPLORE OUR LOCATIONS ---------- ++++++++++ */
#rlc-ralphscoffee-explorelocations {
  color: #fff;
  min-height: 62.5em;
  background: #00563D;
  border-style: solid;
  border-color: #fff;
  border-width: 3.75em 3.5em;
}

#rlc-ralphscoffee-explorelocations * {
  box-sizing: border-box;
  overflow: visible;
}

#rlc-ralphscoffee-explorelocations .rld-ds-nav {
  margin: 0;
  padding-bottom: 4em;
}

#rlc-ralphscoffee-explorelocations .rlc-carousel .rlc-slide {
  width: 15.625em;
  margin-bottom: 2em;
  color: #00563d;
}

#rlc-ralphscoffee-explorelocations .rlc-carousel .rlc-slide .rlc-imagery {
  overflow: hidden;
  border-radius: 1.35em;
}

#rlc-ralphscoffee-explorelocations .rlc-carousel.rlc-category_carousel {
  /* margin-left: 3.9375em; */
  /* width: 86em;  */
  margin-inline: 0;
  width: 100%;
  padding: 0 0 3.7em 3.5em;
}

#rlc-ralphscoffee-explorelocations .rlc-carousel.rlc-category_carousel .rlc-carousel_wrapper {
  overflow: visible;
}

#rlc-ralphscoffee-explorelocations .rlc-carousel.rlc-category_carousel .rlc-carousel-arrow {
  display: none;
}

#rlc-ralphscoffee-explorelocations .rlc-carousel .rlc-carousel-scrollbar:before {
  background: #e1e1e559;
}

#rlc-ralphscoffee-explorelocations .rlc-carousel .swiper-scrollbar-drag:after {
  background: #fff;
}

#rlc-ralphscoffee-explorelocations .rlc-titlegroup {
  margin-top: 2.5em;
}

#rlc-ralphscoffee-explorelocations .rlc-titlegroup .rlc-title {
  font-size: 2.75em;
}

#rlc-ralphscoffee-explorelocations .rlc-titlegroup .rlc-dek {
  font-size: 1.125em;
  width: 16em;
  margin: 1em auto;
}

#rlc-ralphscoffee-explorelocations .rlc-textgroup {
  text-align: left;
  display: block;
  width: auto;
  position: relative;
}

#rlc-ralphscoffee-explorelocations .rlc-textgroup .rlc-title {
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.4em;
  opacity: 0.5;
  text-transform: uppercase;
  font-size: 1em;
  font-style: normal;
  letter-spacing: 0.0125em;
  font-family: 'Founders Grotesk Text Medium', sans-serif;
}

#rlc-ralphscoffee-explorelocations .rlc-textgroup .rlc-links .rlc-linecta {
  margin: 1.8em 1.88em 0 0;
  position: relative;
}

#rlc-ralphscoffee-explorelocations .rlc-textgroup .rlc-title:last-of-type {
  margin-right: 0;
}


#rlc-ralphscoffee-explorelocations .rlc-textgroup .rlc-title.rlc-ds-b-active {
  opacity: 1;
}

#rlc-ralphscoffee-explorelocations .rlc-copygroup {
  width: 13.25em;
  text-align: center;
  height: auto;
  box-sizing: border-box;
  margin: 0;
}

#rlc-ralphscoffee-explorelocations .rlc-copygroup-outer {
  height: 9.5em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#rlc-ralphscoffee-explorelocations .rlc-slide.new-location .rlc-copygroup-outer::after {
  content: attr(data-newlocation);
  background-color: #9A7E40;
  position: absolute;
  top: 0;
  font-family: "Founders Grotesk text Regular";
  text-align: center;
  color: #fff;
}

#rlc-ralphscoffee-explorelocations .rlc-copygroup .rlc-title {
  font-size: 1.125em;
  line-height: 1;
  margin-block-end: 0.8em;
}

#rlc-ralphscoffee-explorelocations .rlc-copygroup .rlc-dek {
  font-size: 0.75em;
  font-family: 'Founders Grotesk text Regular', sans-serif;
}

/*#rlc-ralphscoffee-explorelocations .rlc-slide.rlc-bicester .rlc-imagery {
  background: #fff;
  height: 17.5em;
}*/

@media screen and (min-width: 768px) {
  #rlc-ralphscoffee-explorelocations .rlc-slide.new-location .rlc-copygroup {
    margin-top: 1.4375em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-slide.new-location .rlc-copygroup-outer::after {
    width: 95%;
    font-size: 0.6875em;
    line-height: 1.8181818182;
    letter-spacing: 0;
    padding: 0.1363636364em 0;
  }
}

@media screen and (max-width: 767px) {
  #rlc-ralphscoffee-explorelocations {
    min-height: 56.25em;
    border-width: 1.25em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-carousel.rlc-category_carousel .rlc-carousel_wrapper {
    overflow: visible;
  }
  

  #rlc-ralphscoffee-explorelocations .rlc-titlegroup {
    margin-top: 2.5em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-titlegroup .rlc-title {
    font-size: 1.75em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-titlegroup .rlc-dek {
    font-size: 0.875em;
    width: 16em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-textgroup .rlc-title {
    font-size: 0.875em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-carousel .rlc-slide {
    width: 13.625em;
    margin-bottom: 0;
  }

  #rlc-ralphscoffee-explorelocations .rlc-carousel.rlc-category_carousel {
    margin-inline: 0;
    width: 100%;
    padding: 1em 0 2.2em 2em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-carousel.rlc-category_carousel .rlc-carousel-scrollbar {
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 19.7em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-copygroup {
    bottom: 3em;
    width: 11.85em;
    padding: 0;
    margin: 0 auto;
  }

  #rlc-ralphscoffee-explorelocations .rlc-copygroup .rlc-title {
    font-size: 1.125em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-copygroup .rlc-dek {
    font-size: 0.6875em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-carousel.rlc-category_carousel .rlc-slide .rlc-imagery {
    min-height: 13.75em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-carousel.rlc-category_carousel .rlc-carousel_wrapper {
    padding-bottom: 1.75em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-copygroup-outer {
    height: 9.5em;
  }

  #rlc-ralphscoffee-explorelocations .rld-ds-nav {
    padding-bottom: 3em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-textgroup .rlc-links .rlc-linecta:not(:last-of-type) {
    margin-right: 1.55em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-carousel .rlc-slide:nth-of-type(1) {
    margin-left: 2.4em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-carousel .rlc-slide:last-of-type {
    margin-right: 2.4em;
  }


  #rlc-ralphscoffee-explorelocations .rlc-slide.new-location .rlc-copygroup {
    margin-top: 1.25em;
  }

  #rlc-ralphscoffee-explorelocations .rlc-slide.new-location .rlc-copygroup-outer::after {
    width: 100%;
    font-size: 0.625em;
    line-height: 1.8;
    letter-spacing: 0;
    padding: 0.1em 0;
  }

}
  

  
/* ++++++++++ ---------- STORY SLIDER ---------- ++++++++++ */
#rlc-story-slider .swiper-pagination {
  top: 41.5em;
}

#rlc-story-slider .rlc-slide {
  height: 45em;
  width: 100%;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #rlc-story-slider .rlc-slide {
    height: 30.925em;
  }

  #rlc-story-slider .swiper-wrapper {
    height: 35em;
  }

  #rlc-story-slider .swiper-pagination {
    top: 29em;
    width: 19.6875em;
  }
}

          




/* ++++++++++ ---------- HOW IT ALL BEGAN STORY ---------- ++++++++++ */
#rlc-ralphscoffee-howitallbegan {
  color: #00563d;
}

#rlc-ralphscoffee-howitallbegan .rlc-imagery {
  margin: 0 auto;
}

#rlc-ralphscoffee-howitallbegan .rlc-titlegroup {
  width: 19.5em;
  position: absolute;
  transform: translateY(-50%);
  left: 12.69em;
  top: 7.5em;
  text-align: center;
}

#rlc-ralphscoffee-howitallbegan .rlc-copygroup {
  width: 34em;
  position: absolute;
  left: 5.5em;
  top: 12em;
  text-align: left;
}

#rlc-ralphscoffee-howitallbegan .rlc-copygroup .rlc-dek {
  font-size: 1em;
  margin: 0 4em;
}

#rlc-ralphscoffee-howitallbegan .rlc-copygroup .rlc-dek:last-of-type {
  margin-top: 1.5em;
}

@media screen and (min-width: 768px) {
  .nl #rlc-ralphscoffee-howitallbegan .rlc-copygroup,
  .pl #rlc-ralphscoffee-howitallbegan .rlc-copygroup {
    top: 11.5em;
  }

  .de #rlc-ralphscoffee-howitallbegan .rlc-copygroup .rlc-dek,
  .it #rlc-ralphscoffee-howitallbegan .rlc-copygroup .rlc-dek,
  .nl #rlc-ralphscoffee-howitallbegan .rlc-copygroup .rlc-dek,
  .pl #rlc-ralphscoffee-howitallbegan .rlc-copygroup .rlc-dek,
  .bh #rlc-ralphscoffee-howitallbegan .rlc-copygroup .rlc-dek {
    margin: 1em 3em 0;
  }

  .de #rlc-ralphscoffee-howitallbegan .rlc-copygroup,
  .it #rlc-ralphscoffee-howitallbegan .rlc-copygroup,
  .nl #rlc-ralphscoffee-howitallbegan .rlc-copygroup,
  .pl #rlc-ralphscoffee-howitallbegan .rlc-copygroup,
  .bh #rlc-ralphscoffee-howitallbegan .rlc-copygroup {
    top: 12.25em;
  }
}

@media only screen and (max-width: 767px) {
  #rlc-ralphscoffee-howitallbegan {
    margin: 0;
  }

  #rlc-ralphscoffee-howitallbegan .rlc-titlegroup {
    width: 44%;
    left: 50%;
    top: 12.6%;
    transform: translate(-50%, -50%);
  }

  #rlc-ralphscoffee-howitallbegan .rlc-titlegroup .rlc-title {
    font-size: 1.313em;
  }

  #rlc-ralphscoffee-howitallbegan .rlc-titlegroup picture {
    position: absolute;
    top: 0.15em;
    left: 4.35em;
    width: 14.688em;
  }

  #rlc-ralphscoffee-howitallbegan .rlc-copygroup {
    width: 100%;
    left: 0;
    top: 6em;
  }

  #rlc-ralphscoffee-howitallbegan .rlc-copygroup .rlc-dek {
    font-family: "Founders Grotesk Text", arial;
    font-size: 0.625em;
    margin: 0 5.5em;
  }

  .en #rlc-ralphscoffee-howitallbegan .rlc-copygroup .rlc-dek {
    margin: 0 6.5em;
  }

  #rlc-ralphscoffee-howitallbegan .rlc-copygroup .rlc-dek:last-of-type {
    margin-top: 1em;
  }
}


/* LA COLOMBE */
#rlc-ralphscoffee-lacolombe {
  color: #041e3a;
}

#rlc-ralphscoffee-lacolombe .rlc-copygroup {
  width: 42.25em;
  position: absolute;
  left: 27em;
  top: 51%;
  text-align: left;
}

#rlc-ralphscoffee-lacolombe .rlc-copygroup .rlc-dek {
  font-size: 1.23em;
  text-align: left;
  margin: 1.5em 0.5em;
  line-height: 1.75em;
}

#rlc-ralphscoffee-lacolombe .rlc-copygroup .rlc-dek a,
#rlc-ralphscoffee-lacolombe .rlc-copygroup .rlc-dek a:hover {
  color: currentColor;
}

@media screen and (min-width: 768px) {
  #rlc-ralphscoffee-lacolombe .rlc-copygroup {
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 767px) {
  #rlc-ralphscoffee-lacolombe {
    min-height: 29em;
  }

  #rlc-ralphscoffee-lacolombe .rlc-copygroup {
    width: 17em;
    top: 8em;
    left: 3.25em;
  }

  #rlc-ralphscoffee-lacolombe .rlc-copygroup .rlc-dek {
    font-family: "Founders Grotesk Text", arial;
    font-size: 0.625em;
  }
}
          
          


/* ++++++++++ ---------- RALPHS COFFEE BLENDS ---------- ++++++++++ */
#rlc-ralphscoffee-coffeeblends {
  color: #fff;
  min-height: 61.25em;
}

#rlc-ralphscoffee-coffeeblends .rlc-textgroup {
  width: 41em;
  position: relative;
  text-align: center;
  margin: 4.375em auto 4.375em;
}

#rlc-ralphscoffee-coffeeblends .rlc-textgroup .rlc-title {
  font-size: 2.75em;
  line-height: 1.477273em;
}

#rlc-ralphscoffee-coffeeblends .rlc-textgroup .rlc-dek {
  font-size: 1em;
  line-height: 1.75em;
  margin-top: 0.35em;
}

/*#rlc-ralphscoffee-coffeeblends .rlc-copygroup {
  width: 34em;
  position: absolute;
  text-align: center;
  top: 10.313em;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}*/

#rlc-ralphscoffee-coffeeblends .rlc-copygroup .rlc-title {
  text-transform: uppercase;
}

#rlc-ralphscoffee-coffeeblends .rlc-copygroup .rlc-subtitle {
  font-size: 0.75em;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  padding: 0.25em;
  width: fit-content;
  margin: 1em auto;
  white-space: nowrap;
}

#rlc-ralphscoffee-coffeeblends .rlc-copygroup .rlc-titlegroup {
  display: block;
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

#rlc-ralphscoffee-coffeeblends .rlc-copygroup picture .rlc-image {
  margin: 0;
}

#rlc-ralphscoffee-coffeeblends .rlc-copygroup .rlc-titlegroup picture {
  display: block;
  position: absolute;
  top: 0em;
  left: -2.75em;
  width: 2.063em;
}

#rlc-ralphscoffee-coffeeblends .rlc-copygroup .rlc-titlegroup picture:last-of-type {
  left: auto;
  right: -2.75em;
  transform: scaleX(-1);
}

#rlc-ralphscoffee-coffeeblends .rlc-copygroup .rlc-dek {
  font-family: "Founders Grotesk text Regular", Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 0.625em;
  line-height: 1.75em;
  width: 30.6875em;
  margin: 1em auto 0;
}

#rlc-ralphscoffee-coffeeblends .rlc-carousel.rlc-banner .swiper-pagination {
  top: 41.5em;
}

#rlc-ralphscoffee-coffeeblends .swiper-pagination-bullet:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 2px;
  width: 100%;
  background: #fff;
}

#rlc-ralphscoffee-coffeeblends .rlc-carousel .rlc-slide h3.rlc-title {
  font-size: 1.5em;
}

#rlc-ralphscoffee-coffeeblends .rlc-links.rlc-all-text-center .rlc-linecta {
  margin: 1.5625em 1.455em 0;
}

@media screen and (min-width: 768px) {
  #rlc-ralphscoffee-coffeeblends .rlc-carousel.rlc-three__m_carousel .swiper-container {
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel.rlc-three__m_carousel .rlc-slide .rlc-copygroup {
    margin-top: 2.1875em;
  }

  .fr #rlc-ralphscoffee-coffeeblends .rlc-textgroup,
  .de #rlc-ralphscoffee-coffeeblends .rlc-textgroup,
  .it #rlc-ralphscoffee-coffeeblends .rlc-textgroup,
  .es #rlc-ralphscoffee-coffeeblends .rlc-textgroup,
  .pt #rlc-ralphscoffee-coffeeblends .rlc-textgroup,
  .ar #rlc-ralphscoffee-coffeeblends .rlc-textgroup,
  .pl #rlc-ralphscoffee-coffeeblends .rlc-textgroup,
  .sv #rlc-ralphscoffee-coffeeblends .rlc-textgroup {
    width: 55em;
    margin: 4.375em auto 2.375em;
  }
}

@media only screen and (max-width: 767px) {
  #rlc-ralphscoffee-coffeeblends {
    min-height: 61.6875em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel.rlc-three__m_carousel .rlc-slide {
    width: 19.125em;
    padding: 0 2.5625em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-textgroup {
    width: 98%;
    position: relative;
    text-align: center;
    margin: 3.5em auto 2.5em;
  }

  .de #rlc-ralphscoffee-coffeeblends .rlc-textgroup {
    margin: 3.5em auto 3.5em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-textgroup .rlc-title {
    font-size: 1.813em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-textgroup .rlc-dek {
    line-height: 1.5em;
    margin: 1.25em 3.5em;
    font-size: 0.825em;
  }

  .de #rlc-ralphscoffee-coffeeblends .rlc-textgroup .rlc-dek {
    margin: 1.25em 1.5em;
  }

  /*#rlc-ralphscoffee-coffeeblends .rlc-copygroup {
    width: 19.125em;
    position: absolute;
    text-align: center;
    top: 25.5em;
    left: 1.5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: none;
  }
  */
  #rlc-ralphscoffee-coffeeblends .rlc-carousel .rlc-slide h3.rlc-title {
    font-size: 1.313em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-copygroup .rlc-subtitle {
    font-size: 0.75em;
    margin: 1.25em auto 0.25em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-copygroup .rlc-dek {
    font-size: 0.65em;
    width: 21.5em;
    margin: 1.25em auto;
  }

  .de #rlc-ralphscoffee-coffeeblends .rlc-copygroup .rlc-dek {
    width: 26.5em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-links {
    font-size: 2.5vw;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel .rlc-slide1 .rlc-links {
    margin-top: -0.625em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel .rlc-slide2 .rlc-links {
    margin-top: -0.5625em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel .rlc-slide3 .rlc-links {
    margin-top: -1em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel.rlc-banner .swiper-pagination {
    top: 41em;
    width: 12em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel.rlc-banner .rlc-slide .rlc-image {
    margin-bottom: 0;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel.rlc-three__m_carousel .rlc-carousel-pagination {
    top: 35.75em;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel .rlc-carousel-arrow {
    display: block;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel .swiper-button-prev,
  [lang="ar"] #rlc-ralphscoffee-coffeeblends .rlc-carousel .swiper-button-next {
    left: 0.75em;
    right: unset;
  }

  #rlc-ralphscoffee-coffeeblends .rlc-carousel .swiper-button-next,
  [lang="ar"] #rlc-ralphscoffee-coffeeblends .rlc-carousel .swiper-button-prev {
    right: 0.75em;
    left: unset;
  }
}
  
  


/* ++++++++++ ---------- INSTAGRAM MONTAGE ---------- ++++++++++ */
@media screen and (min-width: 768px) {
  #rlc-ralphscoffeelp-followus {
    min-height: 62.8125em;
  }
}

@media screen and (max-width: 767px) {
  #rlc-ralphscoffeelp-followus {
    min-height: 66.5625em;
  }
}

#rlc-ralphscoffeelp-followus .rlc-background {
    min-height: auto;
  }

  #rlc-ralphscoffeelp-followus .rlc-textgroup-in .rlc-title {
    margin-bottom: 0;
  }

  @media screen and (min-width: 768px) {
    #rlc-ralphscoffeelp-followus .rlc-imagery {
      width: 74.5em;
      margin-left: auto;
      margin-right: auto;
    }

    #rlc-ralphscoffeelp-followus .rlc-textgroup {
      position: relative;
      height: 13.5em;
    }

    #rlc-ralphscoffeelp-followus .rlc-textgroup .rlc-links {
      margin-top: -0.875em;
    }
  }

  @media screen and (max-width: 767px) {
    #rlc-ralphscoffeelp-followus .rlc-textgroup {
      color: #00583b;
      /*        background-color: #f8f8f8;*/
    }

    #rlc-ralphscoffeelp-followus .rlc-textgroup {
      position: relative;
      height: 13.875em;
    }

    #rlc-ralphscoffeelp-followus .rlc-textgroup-in {
      padding: 3em 2.1875em 0;
      top: 0em;
    }

    #rlc-ralphscoffeelp-followus .rlc-textgroup-in .rlc-title {
      margin-bottom: 0;
      font-size: 1.813em;
      line-height: 1.25em;
    }

    #rlc-ralphscoffeelp-followus .rlc-textgroup .rlc-links {
      margin-top: -0.625em;
    }
  }