< data-shopify="">
.landing-mat-modal {
box-sizing: border-box;
opacity: 0;
position: fixed;
visibility: hidden;
z-index: -1;
margin: 0 auto;
top: 0;
left: 0;
overflow: auto;
width: 100%;
background: rgba(var(--color-foreground),.2);
height: 100%;
}
.landing-mat-modal__content {
background-color: rgb(var(--color-background));
overflow: auto;
margin: 0 auto;
left: 50%;
transform: translate(-50%);
margin-top: 5rem;
width: 70%;
position: absolute;
top: 0;
padding: 0 2rem 2rem 2rem;
text-align: center;
display: flex;
flex-direction: column;
gap: 1rem;
border-radius: 24px;
}
.landing-mat-modal[open] {
opacity: 1;
visibility: visible;
z-index: 101;
}
landing-mat .product-popup-modal__toggle {
background-color: rgb(var(--color-background));
border: 0.1rem solid rgba(var(--color-foreground)0.1);
border-radius: 50%;
color: rgba(var(--color-foreground)0.55);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: sticky;
padding: 1.2rem;
z-index: 2;
top: 1.5rem;
width: 4rem;
margin: 0 0 0 auto;
}
.landing-mat-modal__content-flag-wrapper {
cursor: pointer;
background-color: rgb(var(--color-background));
border-radius: 16px;
box-shadow: 0 4px 15px 0 rgba(000.2);
}
.landing-mat-modal__content-flag-wrapper .media {
background-color: unset;
}
.landing-mat-modal__content-message {
margin: 1rem auto;
max-width: 400px;
letter-spacing: .07px;
font-weight: 500;
color: #565656;
line-height: 1.4;
}
.landing-mat-modal__content-remain-link {
cursor: pointer;
margin: 2rem auto 4rem;
width: fit-content;
color: #002b45;
font-weight: 500;
font-size: 1.6rem;
}
.landing-mat-modal__content .grid .grid__item {
max-width: 200px;
width: 100%;
padding: 0;
}
@media (max-width: 750px) {
.landing-mat-modal__content {
width: 90%;
}
}
@media (min-width: 750px) {
.landing-mat-modal__content {
margin-top: 9.7rem;
max-width: 670px;
padding: 0 4rem 4rem 4rem;
}
}
@keyframes myAnimation{
0%{
opacity: 1;
}
50%{
opacity: 0.5;
}
100%{
display: none;
opacity: 0;
}
}
.landing-mat-modal--removal{
animation-name: myAnimation;
animation-duration: 800ms;
animation-fill-mode: forwards;
}
.landing-mat-modal .icon.icon-close {
height: 15px;
width: 15px;
}
.landing-mat-modal__content-title {
font-weight: var(--font-heading-weight-black);
margin-top: 4rem;
max-width: 400px;
margin-right: auto;
margin-left: auto;
color: #002b45;
letter-spacing: 1.6px;
}
{"country":"GB","title":"Select your store","message":"We see that you're in Great Britain. Click the flag below to shop in English and in British Pounds.","store_url":"https:\/\/uk.yeti.com","store_flag":"\/\/cdn.shopify.com\/s\/files\/1\/0094\/1912\/8929\/files\/uk.png?v=1660051381","remain_link":"Or click here to stay where you are."}
< data-shopify="">
/* heading or body CMS Picker - with relevant heading_weight picker */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__heading-heading_xPX3Ae {
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight-black);
font-: var(--font-heading-);
}
/* custom heading size */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__heading-heading_xPX3Ae.custom-mobile {
font-size: 4.2rem;
}
}
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__heading-heading_xPX3Ae.custom-desktop {
font-size: 5.6rem;
}
}
/* mob line_height + letter_spacing */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__heading-heading_xPX3Ae {
line-height: 1;
letter-spacing: 1.8px;
}
}
/* line_height + letter_spacing */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__heading-heading_xPX3Ae {
letter-spacing: 2.8px;
line-height: 1;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner.banner--mobile-bottom .banner__heading-heading_xPX3Ae {
color: #000000;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner:not(.banner--mobile-bottom) .banner__heading-heading_xPX3Ae {
color: #ffffff;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__heading-heading_xPX3Ae {
color: #ffffff;
}
}
/* top + bottom margins */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .block-heading_xPX3Ae-padding {
margin-top: 0px!important;
margin-bottom: 12px!important;
}
@media screen and (min-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .block-heading_xPX3Ae-padding {
margin-top: 0px!important;
margin-bottom: 20px!important;
}
}
MACH'S DRAUßEN < data-shopify="">
/* heading or body CMS Picker - with relevant heading_weight picker */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__text-text_YdPwQq {
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight-black);
font-: var(--font-heading-);
}
/* custom font size */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__text-text_YdPwQq.custom-desktop {
font-size: 2.6rem;
}
}
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__text-text_YdPwQq.custom-mobile {
font-size: 1.6rem;
}
}
/* line_height + letter_spacing */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__text-text_YdPwQq {
line-height: 1.1;
letter-spacing: 0.7px;
}
}
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__text-text_YdPwQq {
letter-spacing: 1.3px;
line-height: 1.1;
}
}
/* top + bottom margin settings */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .block-text_YdPwQq-padding {
margin-top: 0px!important;
margin-bottom: 4px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .block-text_YdPwQq-padding {
margin-top: 0px!important;
margin-bottom: 12px!important;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner.banner--mobile-bottom .banner__text-text_YdPwQq {
color: #000000;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner:not(.banner--mobile-bottom) .banner__text-text_YdPwQq {
color: #ffffff;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner.banner--mobile-bottom .banner__text-text_YdPwQq a {
color: #000000;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner:not(.banner--mobile-bottom) .banner__text-text_YdPwQq a {
color: #ffffff;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__text-text_YdPwQq {
color: #ffffff;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__text-text_YdPwQq a {
color: #ffffff;
}
}
Alleswas du zum Gastgeben im Freien brauchst.
< data-shopify="">
/* custom font size + buttons gap */
@media screen and (max-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__buttons-buttons_exqXba .custom-mobile {
font-size: 1.6rem;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__buttons-buttons_exqXba {
gap: 2rem;
}
}
@media only screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__buttons-buttons_exqXba .custom-desktop {
font-size: 1.6rem;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner__buttons-buttons_exqXba {
gap: 2rem;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
/* first primary mob */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner.banner--mobile-bottom .banner__buttons-buttons_exqXba a:first-of-type.button--primary {
--color-button: 000;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_exqXba a:first-of-type.button--primary {
--color-button: 255255255;
--color-button-text: 04369;
}
/* first outline mob */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner.banner--mobile-bottom .banner__buttons-buttons_exqXba a:first-of-type.button--secondary {
--color-button: 000;
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_exqXba a:first-of-type.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* first underline mob */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner.banner--mobile-bottom .banner__buttons-buttons_exqXba a:first-of-type.button--underline {
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_exqXba a:first-of-type.button--underline {
--color-button-text: 255255255;
}
/* second primary mob */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner.banner--mobile-bottom .banner__buttons-buttons_exqXba a:nth-of-type(2).button--primary{
--color-button: 000;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_exqXba a:nth-of-type(2).button--primary {
--color-button: 000;
--color-button-text: 255255255;
}
/* second outline mob */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner.banner--mobile-bottom .banner__buttons-buttons_exqXba a:nth-of-type(2).button--secondary {
--color-button: 000;
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_exqXba a:nth-of-type(2).button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* second underline mob */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner.banner--mobile-bottom .banner__buttons-buttons_exqXba a:nth-of-type(2).button--underline {
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_exqXba a:nth-of-type(2).button--underline {
--color-button-text: 255255255;
}
}
@media screen and (min-width: 750px) {
/* first primary desk */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__buttons-buttons_exqXba a:first-of-type.button--primary {
--color-button: 255255255;
--color-button-text: 04369;
}
/* first outline desk */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__buttons-buttons_exqXba a:first-of-type.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* first underline desk */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__buttons-buttons_exqXba a:first-of-type.button--underline {
--color-button-text: 255255255;
}
/* second primary desk */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__buttons-buttons_exqXba a:nth-of-type(2).button--primary {
--color-button: 000;
--color-button-text: 255255255;
}
/* second outline desk */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__buttons-buttons_exqXba a:nth-of-type(2).button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* second underline desk */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .banner .banner__buttons-buttons_exqXba a:nth-of-type(2).button--underline {
--color-button-text: 255255255;
}
}
/* margin top + bottom */
#shopify-section-template--29364080902486__ds_hero_EK6Utt .block-buttons_exqXba-padding {
margin-top: 20px!important;
margin-bottom: 0px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_EK6Utt .block-buttons_exqXba-padding {
margin-top: 20px!important;
margin-bottom: 0px!important;
}
}
/* min width unset - unique to button */
< data-shopify="">
/* heading or body CMS Picker - with relevant heading_weight picker */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__text-text_m8xBEU {
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight-black);
font-: var(--font-heading-);
}
/* custom font size */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__text-text_m8xBEU.custom-desktop {
font-size: 2.6rem;
}
}
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__text-text_m8xBEU.custom-mobile {
font-size: 1.8rem;
}
}
/* line_height + letter_spacing */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__text-text_m8xBEU {
line-height: 1.1;
letter-spacing: 0.7px;
}
}
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__text-text_m8xBEU {
letter-spacing: 1.3px;
line-height: 1.1;
}
}
/* top + bottom margin settings */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .block-text_m8xBEU-padding {
margin-top: 0px!important;
margin-bottom: 12px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .block-text_m8xBEU-padding {
margin-top: 0px!important;
margin-bottom: 12px!important;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__text-text_m8xBEU {
color: #000000;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__text-text_m8xBEU {
color: #ffffff;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__text-text_m8xBEU a {
color: #000000;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__text-text_m8xBEU a {
color: #ffffff;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__text-text_m8xBEU {
color: #ffffff;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__text-text_m8xBEU a {
color: #ffffff;
}
}
< data-shopify="">
/* heading or body CMS Picker - with relevant heading_weight picker */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__heading-heading_7D9GAk {
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight-black);
font-: var(--font-heading-);
}
/* custom heading size */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__heading-heading_7D9GAk.custom-mobile {
font-size: 4.2rem;
}
}
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__heading-heading_7D9GAk.custom-desktop {
font-size: 5.6rem;
}
}
/* mob line_height + letter_spacing */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__heading-heading_7D9GAk {
line-height: 1;
letter-spacing: 1.8px;
}
}
/* line_height + letter_spacing */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__heading-heading_7D9GAk {
letter-spacing: 2.8px;
line-height: 1;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__heading-heading_7D9GAk {
color: #000000;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__heading-heading_7D9GAk {
color: #ffffff;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__heading-heading_7D9GAk {
color: #ffffff;
}
}
/* top + bottom margins */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .block-heading_7D9GAk-padding {
margin-top: 0px!important;
margin-bottom: 12px!important;
}
@media screen and (min-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .block-heading_7D9GAk-padding {
margin-top: 0px!important;
margin-bottom: 20px!important;
}
}
royal blue < data-shopify="">
/* heading or body CMS Picker - with relevant heading_weight picker */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__text-text_wzwKwN {
font-family: var(--font-body-family);
font-weight: var(--font-body-weight);
font-: var(--font-body-);
}
/* custom font size */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__text-text_wzwKwN.custom-desktop {
font-size: 1.8rem;
}
}
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__text-text_wzwKwN.custom-mobile {
font-size: 1.6rem;
}
}
/* line_height + letter_spacing */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__text-text_wzwKwN {
line-height: 1.1;
letter-spacing: 0px;
}
}
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__text-text_wzwKwN {
letter-spacing: 0px;
line-height: 1.1;
}
}
/* top + bottom margin settings */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .block-text_wzwKwN-padding {
margin-top: 0px!important;
margin-bottom: 0px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .block-text_wzwKwN-padding {
margin-top: 0px!important;
margin-bottom: 0px!important;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__text-text_wzwKwN {
color: #000000;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__text-text_wzwKwN {
color: #ffffff;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__text-text_wzwKwN a {
color: #000000;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__text-text_wzwKwN a {
color: #ffffff;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__text-text_wzwKwN {
color: #ffffff;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__text-text_wzwKwN a {
color: #ffffff;
}
}
< data-shopify="">
/* custom font size + buttons gap */
@media screen and (max-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__buttons-buttons_cGrCxj .custom-mobile {
font-size: 1.6rem;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__buttons-buttons_cGrCxj {
gap: 2rem;
}
}
@media only screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__buttons-buttons_cGrCxj .custom-desktop {
font-size: 1.6rem;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner__buttons-buttons_cGrCxj {
gap: 2rem;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
/* first primary mob */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__buttons-buttons_cGrCxj a:first-of-type.button--primary {
--color-button: 000;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_cGrCxj a:first-of-type.button--primary {
--color-button: 255255255;
--color-button-text: 04369;
}
/* first outline mob */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__buttons-buttons_cGrCxj a:first-of-type.button--secondary {
--color-button: 000;
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_cGrCxj a:first-of-type.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* first underline mob */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__buttons-buttons_cGrCxj a:first-of-type.button--underline {
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_cGrCxj a:first-of-type.button--underline {
--color-button-text: 255255255;
}
/* second primary mob */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__buttons-buttons_cGrCxj a:nth-of-type(2).button--primary{
--color-button: 000;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_cGrCxj a:nth-of-type(2).button--primary {
--color-button: 000;
--color-button-text: 255255255;
}
/* second outline mob */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__buttons-buttons_cGrCxj a:nth-of-type(2).button--secondary {
--color-button: 000;
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_cGrCxj a:nth-of-type(2).button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* second underline mob */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner.banner--mobile-bottom .banner__buttons-buttons_cGrCxj a:nth-of-type(2).button--underline {
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_cGrCxj a:nth-of-type(2).button--underline {
--color-button-text: 255255255;
}
}
@media screen and (min-width: 750px) {
/* first primary desk */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__buttons-buttons_cGrCxj a:first-of-type.button--primary {
--color-button: 255255255;
--color-button-text: 04369;
}
/* first outline desk */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__buttons-buttons_cGrCxj a:first-of-type.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* first underline desk */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__buttons-buttons_cGrCxj a:first-of-type.button--underline {
--color-button-text: 255255255;
}
/* second primary desk */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__buttons-buttons_cGrCxj a:nth-of-type(2).button--primary {
--color-button: 000;
--color-button-text: 255255255;
}
/* second outline desk */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__buttons-buttons_cGrCxj a:nth-of-type(2).button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* second underline desk */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .banner .banner__buttons-buttons_cGrCxj a:nth-of-type(2).button--underline {
--color-button-text: 255255255;
}
}
/* margin top + bottom */
#shopify-section-template--29364080902486__ds_hero_iTxTtF .block-buttons_cGrCxj-padding {
margin-top: 20px!important;
margin-bottom: 0px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_iTxTtF .block-buttons_cGrCxj-padding {
margin-top: 20px!important;
margin-bottom: 0px!important;
}
}
/* min width unset - unique to button */
RAMBLER® Reisebecher mit Trinkhalmdeckel
Schluss mit verschütteten Drinks dank des neuen auslaufsicheren Trinkbechers.
NACH KATEGORIE STÖBERN
< data-shopify="">
/* heading or body CMS Picker - with relevant heading_weight picker */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner__heading-heading_MX8NGY {
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight-black);
font-: var(--font-heading-);
}
/* custom heading size */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner__heading-heading_MX8NGY.custom-mobile {
font-size: 3.2rem;
}
}
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner__heading-heading_MX8NGY.custom-desktop {
font-size: 5.6rem;
}
}
/* mob line_height + letter_spacing */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner__heading-heading_MX8NGY {
line-height: 1;
letter-spacing: 2.8px;
}
}
/* line_height + letter_spacing */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner__heading-heading_MX8NGY {
letter-spacing: 2.8px;
line-height: 1;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner.banner--mobile-bottom .banner__heading-heading_MX8NGY {
color: #000000;
}
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner:not(.banner--mobile-bottom) .banner__heading-heading_MX8NGY {
color: #ffffff;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner .banner__heading-heading_MX8NGY {
color: #ffffff;
}
}
/* top + bottom margins */
#shopify-section-template--29364080902486__ds_hero_rm84qU .block-heading_MX8NGY-padding {
margin-top: 0px!important;
margin-bottom: 0px!important;
}
@media screen and (min-width: 1023px) {
#shopify-section-template--29364080902486__ds_hero_rm84qU .block-heading_MX8NGY-padding {
margin-top: 0px!important;
margin-bottom: 8px!important;
}
}
Mach es zu deinem < data-shopify="">
/* custom font size + buttons gap */
@media screen and (max-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner .banner__buttons-buttons_4ginMY .custom-mobile {
font-size: 1.5rem;
}
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner__buttons-buttons_4ginMY {
gap: 2rem;
}
}
@media only screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner .banner__buttons-buttons_4ginMY .custom-desktop {
font-size: 1.6rem;
}
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner__buttons-buttons_4ginMY {
gap: 2rem;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
/* first primary mob */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner.banner--mobile-bottom .banner__buttons-buttons_4ginMY a:first-of-type.button--primary {
--color-button: 000;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_4ginMY a:first-of-type.button--primary {
--color-button: 255255255;
--color-button-text: 04369;
}
/* first outline mob */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner.banner--mobile-bottom .banner__buttons-buttons_4ginMY a:first-of-type.button--secondary {
--color-button: 000;
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_4ginMY a:first-of-type.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* first underline mob */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner.banner--mobile-bottom .banner__buttons-buttons_4ginMY a:first-of-type.button--underline {
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_4ginMY a:first-of-type.button--underline {
--color-button-text: 255255255;
}
/* second primary mob */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner.banner--mobile-bottom .banner__buttons-buttons_4ginMY a:nth-of-type(2).button--primary{
--color-button: 000;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_4ginMY a:nth-of-type(2).button--primary {
--color-button: 000;
--color-button-text: 255255255;
}
/* second outline mob */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner.banner--mobile-bottom .banner__buttons-buttons_4ginMY a:nth-of-type(2).button--secondary {
--color-button: 000;
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_4ginMY a:nth-of-type(2).button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* second underline mob */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner.banner--mobile-bottom .banner__buttons-buttons_4ginMY a:nth-of-type(2).button--underline {
--color-button-text: 000;
}
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner:not(.banner--mobile-bottom) .banner__buttons-buttons_4ginMY a:nth-of-type(2).button--underline {
--color-button-text: 255255255;
}
}
@media screen and (min-width: 750px) {
/* first primary desk */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner .banner__buttons-buttons_4ginMY a:first-of-type.button--primary {
--color-button: 255255255;
--color-button-text: 04369;
}
/* first outline desk */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner .banner__buttons-buttons_4ginMY a:first-of-type.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* first underline desk */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner .banner__buttons-buttons_4ginMY a:first-of-type.button--underline {
--color-button-text: 255255255;
}
/* second primary desk */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner .banner__buttons-buttons_4ginMY a:nth-of-type(2).button--primary {
--color-button: 000;
--color-button-text: 255255255;
}
/* second outline desk */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner .banner__buttons-buttons_4ginMY a:nth-of-type(2).button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* second underline desk */
#shopify-section-template--29364080902486__ds_hero_rm84qU .banner .banner__buttons-buttons_4ginMY a:nth-of-type(2).button--underline {
--color-button-text: 255255255;
}
}
/* margin top + bottom */
#shopify-section-template--29364080902486__ds_hero_rm84qU .block-buttons_4ginMY-padding {
margin-top: 20px!important;
margin-bottom: 16px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__ds_hero_rm84qU .block-buttons_4ginMY-padding {
margin-top: 20px!important;
margin-bottom: 32px!important;
}
}
/* min width unset - unique to button */
< data-shopify="">
/* heading or body CMS Picker - with relevant heading_weight picker */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__heading-16588590097dc7cad7-1 {
font-family: var(--font-heading-family);
font-weight: var(--font-heading-weight-black);
font-: var(--font-heading-);
}
/* custom heading size */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__heading-16588590097dc7cad7-1.custom-mobile {
font-size: 4.2rem;
}
}
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__heading-16588590097dc7cad7-1.custom-desktop {
font-size: 6.8rem;
}
}
/* mob line_height + letter_spacing */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__heading-16588590097dc7cad7-1 {
line-height: 1;
letter-spacing: 2.3px;
}
}
/* line_height + letter_spacing */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__heading-16588590097dc7cad7-1 {
letter-spacing: 6.8px;
line-height: 1;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner.banner--mobile-bottom .banner__heading-16588590097dc7cad7-1 {
color: #000000;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner:not(.banner--mobile-bottom) .banner__heading-16588590097dc7cad7-1 {
color: #ffffff;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__heading-16588590097dc7cad7-1 {
color: #ffffff;
}
}
/* top + bottom margins */
#shopify-section-template--29364080902486__16588590102387cbb3 .block-16588590097dc7cad7-1-padding {
margin-top: 0px!important;
margin-bottom: 20px!important;
}
@media screen and (min-width: 1023px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .block-16588590097dc7cad7-1-padding {
margin-top: 0px!important;
margin-bottom: 20px!important;
}
}
BUILT FOR THE WILD® < data-shopify="">
/* heading or body CMS Picker - with relevant heading_weight picker */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__text-16588590097dc7cad7-2 {
font-family: var(--font-body-family);
font-weight: var(--font-body-weight);
font-: var(--font-body-);
}
/* custom font size */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__text-16588590097dc7cad7-2.custom-desktop {
font-size: 1.8rem;
}
}
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__text-16588590097dc7cad7-2.custom-mobile {
font-size: 1.6rem;
}
}
/* line_height + letter_spacing */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__text-16588590097dc7cad7-2 {
line-height: 1.3;
letter-spacing: 0px;
}
}
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__text-16588590097dc7cad7-2 {
letter-spacing: 0px;
line-height: 1.3;
}
}
/* top + bottom margin settings */
#shopify-section-template--29364080902486__16588590102387cbb3 .block-16588590097dc7cad7-2-padding {
margin-top: 0px!important;
margin-bottom: 0px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .block-16588590097dc7cad7-2-padding {
margin-top: 0px!important;
margin-bottom: 0px!important;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner.banner--mobile-bottom .banner__text-16588590097dc7cad7-2 {
color: #000000;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner:not(.banner--mobile-bottom) .banner__text-16588590097dc7cad7-2 {
color: #ffffff;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner.banner--mobile-bottom .banner__text-16588590097dc7cad7-2 a {
color: #000000;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner:not(.banner--mobile-bottom) .banner__text-16588590097dc7cad7-2 a {
color: #ffffff;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__text-16588590097dc7cad7-2 {
color: #ffffff;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__text-16588590097dc7cad7-2 a {
color: #ffffff;
}
}
Im Jahr 2006 gründeten wir YETI Coolers mit einer einfachen Mission: die Kühlboxen zu bauendie wir jeden Tag benutzen. Seitdem sind wir gewachsenhaben aber nie unsere Mission aufgegebenProdukte zu bauendie deine Zeit da draussen verbessern.
< data-shopify="">
/* custom font size + buttons gap */
@media screen and (max-width: 750px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__buttons-16588590097dc7cad7-3 .custom-mobile {
font-size: 1.4rem;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__buttons-16588590097dc7cad7-3 {
gap: 2rem;
}
}
@media only screen and (min-width: 750px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__buttons-16588590097dc7cad7-3 .custom-desktop {
font-size: 1.6rem;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner__buttons-16588590097dc7cad7-3 {
gap: 2rem;
}
}
/* colour settings */
@media screen and (max-width: 749px) {
/* first primary mob */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner.banner--mobile-bottom .banner__buttons-16588590097dc7cad7-3 a:first-of-type.button--primary {
--color-button: 04369;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner:not(.banner--mobile-bottom) .banner__buttons-16588590097dc7cad7-3 a:first-of-type.button--primary {
--color-button: 255255255;
--color-button-text: 04369;
}
/* first outline mob */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner.banner--mobile-bottom .banner__buttons-16588590097dc7cad7-3 a:first-of-type.button--secondary {
--color-button: 04369;
--color-button-text: 04369;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner:not(.banner--mobile-bottom) .banner__buttons-16588590097dc7cad7-3 a:first-of-type.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* first underline mob */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner.banner--mobile-bottom .banner__buttons-16588590097dc7cad7-3 a:first-of-type.button--underline {
--color-button-text: 000;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner:not(.banner--mobile-bottom) .banner__buttons-16588590097dc7cad7-3 a:first-of-type.button--underline {
--color-button-text: 255255255;
}
/* second primary mob */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner.banner--mobile-bottom .banner__buttons-16588590097dc7cad7-3 a:nth-of-type(2).button--primary{
--color-button: 24211077;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner:not(.banner--mobile-bottom) .banner__buttons-16588590097dc7cad7-3 a:nth-of-type(2).button--primary {
--color-button: 255255255;
--color-button-text: 04369;
}
/* second outline mob */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner.banner--mobile-bottom .banner__buttons-16588590097dc7cad7-3 a:nth-of-type(2).button--secondary {
--color-button: 24211077;
--color-button-text: 24211077;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner:not(.banner--mobile-bottom) .banner__buttons-16588590097dc7cad7-3 a:nth-of-type(2).button--secondary {
--color-button: 24211077;
--color-button-text: 24211077;
}
/* second underline mob */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner.banner--mobile-bottom .banner__buttons-16588590097dc7cad7-3 a:nth-of-type(2).button--underline {
--color-button-text: 000;
}
#shopify-section-template--29364080902486__16588590102387cbb3 .banner:not(.banner--mobile-bottom) .banner__buttons-16588590097dc7cad7-3 a:nth-of-type(2).button--underline {
--color-button-text: 255255255;
}
}
@media screen and (min-width: 750px) {
/* first primary desk */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__buttons-16588590097dc7cad7-3 a:first-of-type.button--primary {
--color-button: 255255255;
--color-button-text: 04369;
}
/* first outline desk */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__buttons-16588590097dc7cad7-3 a:first-of-type.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
/* first underline desk */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__buttons-16588590097dc7cad7-3 a:first-of-type.button--underline {
--color-button-text: 255255255;
}
/* second primary desk */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__buttons-16588590097dc7cad7-3 a:nth-of-type(2).button--primary {
--color-button: 255255255;
--color-button-text: 04369;
}
/* second outline desk */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__buttons-16588590097dc7cad7-3 a:nth-of-type(2).button--secondary {
--color-button: 24211077;
--color-button-text: 24211077;
}
/* second underline desk */
#shopify-section-template--29364080902486__16588590102387cbb3 .banner .banner__buttons-16588590097dc7cad7-3 a:nth-of-type(2).button--underline {
--color-button-text: 255255255;
}
}
/* margin top + bottom */
#shopify-section-template--29364080902486__16588590102387cbb3 .block-16588590097dc7cad7-3-padding {
margin-top: 20px!important;
margin-bottom: 0px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__16588590102387cbb3 .block-16588590097dc7cad7-3-padding {
margin-top: 20px!important;
margin-bottom: 0px!important;
}
}
/* min width unset - unique to button */
< data-shopify="">
#shopify-section-template--29364080902486__1658859236396b028b .banner_heading-16588592368711b583-0 {
color: #ffffff;
}
/* Desktop custom heading - used in promo blocks*/
@media only screen and (min-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .banner_heading-16588592368711b583-0.custom-desktop {
font-size: 3.6rem;
}
}
/* Mobile custom heading - used in promo blocks */
@media screen and (max-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .banner_heading-16588592368711b583-0.custom-mobile {
font-size: 3.0rem;
}
}
YETI LIEFERT.
OHNE KOMPROMISSE.
< data-shopify="">
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-1 .icon {
color: #ffffff;
}
#shopify-section-template--29364080902486__1658859236396b028b .banner__text-16588592368711b583-1 {
color: #ffffff;
}
/* Desktop custom font size */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__1658859236396b028b .banner__text-16588592368711b583-1.custom-desktop {
font-size: 1.8rem;
}
}
/* Mobile custom font size */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__1658859236396b028b .banner__text-16588592368711b583-1.custom-mobile {
font-size: 1.8rem;
}
}
< data-shopify="">
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-1 .banner__buttons a.button--primary {
--color-button: 04369;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-1 .banner__buttons a.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-1 .banner__buttons a.button--primary {
--color-button: 04369;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-1 .banner__buttons a.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
}
/* Desktop custom font size */
@media only screen and (min-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-1 .banner__buttons .custom-desktop {
font-size: 1.6rem;
}
}
/* Mobile custom font size */
@media screen and (max-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-1 .banner__buttons .custom-mobile {
font-size: 1.1rem;
}
}
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-1 .banner__buttons a {
padding: 1rem;
min-width: unset;
max-height: unset;
}
#shopify-section-template--29364080902486__1658859236396b028b .button-16588592368711b583-1-padding {
margin-top: 10px!important;
margin-bottom: 10px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .button-16588592368711b583-1-padding {
margin-top: 10px!important;
margin-bottom: 0px!important;
}
}
< data-shopify="">
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-2 .icon {
color: #ffffff;
}
#shopify-section-template--29364080902486__1658859236396b028b .banner__text-16588592368711b583-2 {
color: #ffffff;
}
/* Desktop custom font size */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__1658859236396b028b .banner__text-16588592368711b583-2.custom-desktop {
font-size: 1.8rem;
}
}
/* Mobile custom font size */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__1658859236396b028b .banner__text-16588592368711b583-2.custom-mobile {
font-size: 1.8rem;
}
}
< data-shopify="">
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-2 .banner__buttons a.button--primary {
--color-button: 04369;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-2 .banner__buttons a.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-2 .banner__buttons a.button--primary {
--color-button: 04369;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-2 .banner__buttons a.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
}
/* Desktop custom font size */
@media only screen and (min-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-2 .banner__buttons .custom-desktop {
font-size: 1.6rem;
}
}
/* Mobile custom font size */
@media screen and (max-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-2 .banner__buttons .custom-mobile {
font-size: 1.1rem;
}
}
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-2 .banner__buttons a {
padding: 1rem;
min-width: unset;
max-height: unset;
}
#shopify-section-template--29364080902486__1658859236396b028b .button-16588592368711b583-2-padding {
margin-top: 10px!important;
margin-bottom: 10px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .button-16588592368711b583-2-padding {
margin-top: 10px!important;
margin-bottom: 0px!important;
}
}
< data-shopify="">
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-3 .icon {
color: #ffffff;
}
#shopify-section-template--29364080902486__1658859236396b028b .banner__text-16588592368711b583-3 {
color: #ffffff;
}
/* Desktop custom font size */
@media screen and (min-width: 1024px) {
#shopify-section-template--29364080902486__1658859236396b028b .banner__text-16588592368711b583-3.custom-desktop {
font-size: 1.8rem;
}
}
/* Mobile custom font size */
@media screen and (max-width: 1023px) {
#shopify-section-template--29364080902486__1658859236396b028b .banner__text-16588592368711b583-3.custom-mobile {
font-size: 1.8rem;
}
}
< data-shopify="">
@media screen and (max-width: 749px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-3 .banner__buttons a.button--primary {
--color-button: 04369;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-3 .banner__buttons a.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-3 .banner__buttons a.button--primary {
--color-button: 04369;
--color-button-text: 255255255;
}
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-3 .banner__buttons a.button--secondary {
--color-button: 255255255;
--color-button-text: 255255255;
}
}
/* Desktop custom font size */
@media only screen and (min-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-3 .banner__buttons .custom-desktop {
font-size: 1.6rem;
}
}
/* Mobile custom font size */
@media screen and (max-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-3 .banner__buttons .custom-mobile {
font-size: 1.1rem;
}
}
#shopify-section-template--29364080902486__1658859236396b028b .multicolumn-16588592368711b583-3 .banner__buttons a {
padding: 1rem;
min-width: unset;
max-height: unset;
}
#shopify-section-template--29364080902486__1658859236396b028b .button-16588592368711b583-3-padding {
margin-top: 10px!important;
margin-bottom: 10px!important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--29364080902486__1658859236396b028b .button-16588592368711b583-3-padding {
margin-top: 10px!important;
margin-bottom: 0px!important;
}
}
<>
klaviyo-container {
position: initial !important;
}
.quick-add__atc--bis {
border: none;
text-decoration: none;
font-weight: var(--font-heading-weight-black);
font-size: 1.5rem;
color: rgba(var(--YETI-navy));
letter-spacing: .7px;
text-transform: uppercase;
position: relative;
font-family: var(--font-heading-family);
}
.quick-add__atc--bis::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background: rgb(var(--YETI-navy));
}
.klaviyo-button-container {
width: 100% !important;
margin-left: 0 !important;
left: 0 !important;
opacity: 1 !important;
background-color: transparent;
}
.klaviyo-bis-trigger.button--full-width {
padding: unset;
--color-button-text: var(--YETI-navy);
}
.klaviyo-bis-trigger.button--full-width:hover {
--color-button: var(--YETI-navy);
--color-button-text: 255255255;
--alpha-button-background: 1;
}
