/** Shopify CDN: Minification failed

Line 298:0 Unexpected "}"

**/
/*Custom global CSS -N.T-*/

:root{
  --royer-red: #C8102E;
  --Royer-red: var(--royer-red);
  --Grey-100: #F6F5F4;
  --Grey-200: #E7E6E4;
  --Grey-300: #B2B2AF;
  --Grey-400: #999794;
  --Grey-600: #504744;
  --Grey-700: #282626;
  --Grey-800: #1F1F1F;
  --Grey-900: #0F0F0F;
  
  --default-border-radius: 4px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Teko!important;
}

p {
  font-family: 'Inter'!important;
}

a{
  text-decoration:none;
}

button{
  border: none;
}

.rte img{
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom:0;
}

#MainContent{
  overflow-x: hidden;
}

.bg-royer-red{
  background-color: var(--royer-red)!important;
}

.text-royer-red{
  color: var(--royer-red)!important;
}

.announcement-bar .slider-button {
  display: none !important;
}

.announcement-bar__link {
  width: 90%;
}

*:focus-visible{
  outline:none;
  box-shadow:none;
}

.ip-restricted:not(.show-restricted){
  display: none!important;
}

/*Hiding the cookie consent app (consentmo) permenant widget button*/
#reopen_widget{
  display: none;
}

/*Hiding the base predictive search since we are using omega search app*/
.predictive-search--header{
  display:none!important;
}

/*Disable card hover transaltion up*/
.animate--hover-vertical-lift .card-wrapper:hover .card--card, .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner{
  transform: none!important;
}

/*CSS for image zoom effect*/
:root{
  --image-zoom-transition-time: 0.5s;
  --image-zoom-transition-timing: ease;
}
.img-hover-zoom-wrapper{
  overflow:hidden;
  transition: box-shadow var(--image-zoom-transition-time) var(--image-zoom-transition-timing);
}

.img-hover-zoom-wrapper:hover{
  box-shadow: 0 0 15px -3px #00000087;
}
.img-hover-zoom-wrapper .img-hover-zoom{
  transition: transform var(--image-zoom-transition-time) var(--image-zoom-transition-timing);
}
.img-hover-zoom-wrapper:hover .img-hover-zoom{
  transform: scale(1.08);
}

.breadcrumb{
  padding-bottom: 8px;
}

.breadcrumb, .breadcrumb *{
  font-family: Inter!important;
  font-size: 16px;
  /*401 instead of 400 just for the TM symbol looking weird bellow 401*/
  font-weight: 401;
  line-height: 22px;
  text-decoration: none;
  color: black;
}

.breadcrumb a:hover{
  /*Not using font-weight because it causes the text to move a bit*/
  text-shadow: 0 0 .65px #333, 0 0 .65px #333;
  text-decoration: underline;
}

.breadcrumb *:last-child b{
  font-weight: 700;
}

.toast .toast-header *:not(.btn-close){
  font-family:Teko!important;
  font-size:20px;
  line-height:23px;
}

.toast .toast-header .btn-close{
 font-size:12px; 
}

.toast .toast-body,
.toast .toast-body *{
  font-family: Inter !important;
  font-size: 15px;
  font-weight: 500;
}

.login p {
  color: #000;
  text-align: center;
  font-family: Inter!important;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.field__label, .customer .field label {
  font-family: Inter !important;
  line-height: 1.6;
}

.field__input, .customer .field input {
  border-radius: 4px;
  border: 1px solid var(--Grey-200, #E7E6E4);
  background: var(--White, #FFF);
  transition: box-shadow var(--duration-short) ease;
  color: var(--Black, #000);
  font-family: Inter !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
}

.customer button {
  display: flex;
  padding: 22px 18px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--Royer-red, #C8102E);
  color: var(--White, #FFF);
  text-align: center;
  font-family: Teko;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; 
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 100%;
}

  .customer button:hover {
    text-decoration: underline;
  }

  .customer button::after {
    box-shadow: unset!important;
  }

.customer a {
  color: #000;
  font-family: Inter!important;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.cart__login-paragraph {
  color: #000;
  text-align: center;
  font-family: Inter!important;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.customer>h1, .customer__title {
  text-transform: uppercase;
}

.errors ul li {
  color: #000;
  font-family: Inter!important;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

/* Custom collection grid */

.royer-facet-filter label {
  color: var(--Grey-500, #726D68);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  font-size: 16px;
  line-height: 22px;
}

.royer-facet-filter select {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  background-color: #00000000 !important;
}

.royer-count-vertical {
  align-items: center!important;
}

.first-media-img {
  padding: 10px;
}

.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
  margin-top: unset!important;
}

.header__menu-item {
  color:#000!important;
}

.header__icon .svg-wrapper {
   width: 30px;
   height: 30px;
}

.cart-count-bubble {
  background-color: #C8102E;
}

.cart-count-bubble-royer span {
  font-family:'Inter'!important;
  font-size: 1rem;
}

/* RETURNS */

.royer-grid {
  justify-content: center;
}

.royer-grid .grid__item {
  width: 100%;
  max-width: unset;
}
}

.divSteps p, .divSteps ol li {
  font-family: 'Inter';
}

/* Careers */
.smoothie-job-listing-card .detail .detail-text {
  color: #000;
}

.smoothie-gdpr-container .smoothie-gdpr a {
  color: #000;
  text-decoration: underline;
  font-weight: 600;
}

.job-page button {
  font-family: Teko;
  font-size: 22px!important;
  letter-spacing: 0px;
}

/* Fade In */

.fade-in-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-in-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

.policy-h2-intro {
  font-size: 40px;
}

.shopify-policy__container {
  max-width: 100ch;
  padding-top: 80px;
}

.shopify-policy__title h1 {
  text-transform: uppercase;
  font-size: 60px;
}

.shopify-policy__title h3 {
  font-size: 40px;
}


.egg-1-hunt {
  display: none!important;
  max-width: 42px;
  position: absolute;
  bottom: 10%;
}

.egg-3-hunt {
  display: none!important;
  max-width: 42px!important;
  float: right;
}

@keyframes egg-wiggle {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(-2deg); }
  50%  { transform: rotate(2deg); }
  75%  { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}

@keyframes egg-hop {
  0%   { transform: scale(1) translateY(0); }
  20%  { transform: scale(1.05, 0.95) translateY(-8px); }
  40%  { transform: scale(0.98, 1.02) translateY(0); }
  60%  { transform: scale(1.02, 0.98) translateY(-4px); }
  100% { transform: scale(1) translateY(0); }
}

.easter-egg-wrapper {
  display: inline-block;
  width: 100%;
  max-width: 42px;
  transform-origin: center;
  animation: egg-wiggle 2.5s infinite ease-in-out;
  transition: transform 0.2s ease;
}

.easter-egg-wrapper:hover {
  animation: egg-hop 0.5s ease-out;
}

.egg-4-hunt {
  display: none!important;
  float: right;
}

.ip-restricted-marking {
  padding: 10px;
  margin: 10px 0px;
  border: 6px solid #198754;
}



@media screen and (min-width: 1280px) {
  .egg-3-hunt {
  max-width: 42px!important;
}
}


@media screen and (min-width: 990px) {
  .utility-bar__grid--3-col {
    /*-N.T- Made the announcement text width bigger so there is more space before it goes to second line*/
    grid-template-columns: 3fr 6fr 3fr!important;
  }
}
/*End CSS for image zoom effect*/

/*Mobile CSS*/

@media screen and (max-width: 768px){
  .page-width{
    padding-left:16px;
    padding-right:16px;
  }
  
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item, .grid--peek .grid__item  {
    width: calc(60% - var(--grid-mobile-horizontal-spacing) - 3rem);
  } 
}

@media screen and (max-width: 480px) {
  .breadcrumb, .breadcrumb * {
    font-size: 14px;
    line-height: 18px;
  }

  .egg-1-hunt {
    top: 5%;
    right: 5%;
  }
}