@font-face {
    font-family: 'gotham_htfbook';
    src: url(https://cdn.shopify.com/s/files/1/0470/4659/0614/files/gothamhtf-book-webfont.woff2?v=1667455412) format('woff2'),
         url(https://cdn.shopify.com/s/files/1/0470/4659/0614/files/gothamhtf-book-webfont.woff?v=1667455412) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'gotham_htfmedium_2';
    src: url(https://cdn.shopify.com/s/files/1/0434/1438/8897/files/gotham_htf_medium_2-webfont.woff2?v=1667454120) format('woff2'),
         url(https://cdn.shopify.com/s/files/1/0470/4659/0614/files/gotham_htf_medium_2-webfont.woff?v=1667455412) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'gotham_htfbold';
    src: url(https://cdn.shopify.com/s/files/1/0434/1438/8897/files/gotham_htf_bold_2-webfont.woff2?v=1678677414) format('woff2'),
         url(https://cdn.shopify.com/s/files/1/0434/1438/8897/files/gotham_htf_bold_2-webfont.woff?v=1678677414) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-referral-image{
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #00b1e9 !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-title-text{
 font-family: 'gotham_htfbook' !important; 
  font-weight: 300 !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-description-text{
 font-family: 'gotham_htfbook' !important; 
  font-weight: 300 !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css :not(.yotpo-is-mobile) .yotpo-referral-widget-form{
 flex-direction: column !important;
  align-items: center !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css :not(.yotpo-is-mobile) .yotpo-input{
 border: none !important;
  border-bottom: 2px solid white !important;
  display: flex;
  justify-content: center;
  max-width: 282px;
  border-radius: 0px !important;
  color: white !important;
    font-family: 'gotham_htfbook' !important;
  text-align: center;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-input{
 margin: 0 auto; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-input:focus{
 border: none !important;
  border-bottom: 2px solid white !important;
  outline: none !important;
  box-shadow: none !important;
  color: white !important;
    font-family: 'gotham_htfbook' !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-input::placeholder{
  color: white !important;
  justify-self: center;
  width: 100%;
  justify-content: center;
    font-family: 'gotham_htfbook' !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css :not(.yotpo-is-mobile) .yotpo-button-responsive-size {
    padding: 0px;
    width: 100%;
    max-width: 282px;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-button-large-size {
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.yotpo-widget-referral-widget.yotpo-widget-override-css{
  margin: 0 auto;
   max-width: 1097px !important;
   height: fit-content !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css :not(.yotpo-is-mobile) .yotpo-screen-customer_email{
 border-radius: 20px !important; 
    height: fit-content;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-tile-wrapper{
 margin-right: 45% !important; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css :not(.yotpo-is-mobile) .yotpo-center-container.yotpo-no-image{
 border-radius: 20px !important; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-input-label{
 display: none; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-input-example{
 display: none; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-share-options-headline-text{
 color: white !important; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-copy-text-button *{
 color: white !important; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-copy-text-button{
 border-color: white !important; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-share-button-widget{
border-color: white !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-center-container .yotpo-tile-wrapper {
  height: fit-content;
  border-radius: 20px;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-center-container.yotpo-is-mobile .yotpo-tile-wrapper {
 margin: 0 auto !important; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-main-share-body-textarea {
border: 0px !important;
  border-bottom: 1px solid white !important;
  font-family: 'gotham_htfbook' !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-header-text{
 font-size: 40px !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-title-text{
 font-size: 40px !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-description-text{
 font-size: 14px !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-center-container.yotpo-is-mobile {
    padding-top: 200px;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-button-large-size {
    width: 150px;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-final-view .yotpo-button-large-size {
   width: 250px;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-center-container.yotpo-is-mobile .yotpo-tile-wrapper {
 padding-left: 0px !important;
   padding-right: 0px !important;
}

.yotpo-widget-referral-widget .yotpo-center-container.yotpo-is-mobile {
 padding-left: 0px !important;
  padding-right: 0px !important
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-header-text, 
.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-title-text {
    font-size: 20px !important;
    width: 100%;
}

 .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-email-view.yotpo-is-mobile{
 width: 100%;  
}

 .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-main-share-body-textarea{
 color: white !important;
}

 .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-main-share-body-textarea:placeholder{
 color: white !important;  
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-description-text{
  margin-top: 30px;
  width: 100%;
  }

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-share-buttons-container{
 justify-content: center; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-share-copy-link{
 width: 90%; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-referral-widget-form{
 margin-bottom: 0px !important; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-is-mobile .yotpo-share-buttons-wrapper{
 padding-bottom: 0px !important;
  padding-top: 15px !important;
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 1000px){
  
.yotpo-widget-referral-widget.yotpo-widget-override-css{
  max-width: 75% !important;
  }
  
  .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-center-container:not(.yotpo-is-mobile) .yotpo-tile-wrapper {
  margin-right: 0px !important;
}
  
    .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-center-container:not(.yotpo-is-mobile){
   padding-top: 300px;   
  }
  
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-center-container.yotpo-is-mobile .yotpo-tile-wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-share-buttons-wrapper{
display: none !important;
}

.yotpo-widget-hero-section.yotpo-widget-override-css .yotpo-widgets-shared-action-button:hover:not(:disabled) {
 border: none !important; 
}


.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-title-text{
 display: none !important; 
}

.yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-header-text{
 margin-bottom: 10px !important; 
}