@import url("https://use.typekit.net/dgn3fyy.css");
body {
overflow-x: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 1rem;
padding: 0;
font-family: var(--font-family);
background: var(--light);
color: var(--primary-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "futura-pt", "sans-serif";
font-weight: 400;
font-style: normal;
line-height: 1.2;
}
h1 {
font-size: 2.499rem;
}
h2 {
font-size: 1.874rem;
}
h3 {
font-size: 1.499rem;
}
h4 {
font-size: 1.124rem;
}
h5 {
font-size: 0.875rem;
}
h6 {
font-size: 0.75rem;
}
a {
color: var(--primary-color);
font-weight: normal;
font-size: 0.937rem;
opacity: 1;
text-decoration: none;
}
p {
font-style: normal;
font-size: 1rem;
line-height: 1.7;
}
a.skip-link {
color: #fff;
background-color: #666;
outline: 1px solid #000 !important;
padding: 0 5px;
display: block;
border: 0;
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
left: 4px;
top: 4px;
overflow: hidden;
z-index: -1;
}
a.skip-link:focus {
clip: auto;
z-index: 1001;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-size: 16px;
background-position: -webkit-calc(100% - 8px) 50%;
background-position: calc(100% - 8px) 50%;
background-repeat: no-repeat;
padding-right: 20px;
}
header {
position: fixed;
top: 0;
z-index: 1000;
width: 100%;
}
header.zoomed {
position: absolute;
}
img {
max-width: 100%;
height: auto;
}
.aem-GridColumn {
padding: 0;
}
.aem-GridColumn.footer {
border: 0 none;
}
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary.focus,
.btn:focus,
.form-control:focus,
.form-control:not(:disabled):not(.disabled):active:focus,
.form-control.focus {
box-shadow: none;
outline: 5px auto -webkit-focus-ring-color;
}
.card {
border: none;
border-radius: inherit;
}
.tccc-cmp-iframe iframe {
max-width: 100%;
min-width: 100%;
width: 0;
}
.tccc-cmp-navigation {
--hamburger-menu: url('data:image/svg+xml;utf8,');
--search-icon: url('data:image/svg+xml;utf8,');
--facebook-icon: url('data:image/svg+xml;utf8,');
--facebook-hover-icon: url('data:image/svg+xml;utf8,');
--facebook-transparent-icon: url('data:image/svg+xml;utf8,');
--instagram-icon: url('data:image/svg+xml;utf8,');
--instagram-hover-icon: url('data:image/svg+xml;utf8,');
--instagram-transparent-icon: url('data:image/svg+xml;utf8,');
--pinterest-icon: url('data:image/svg+xml;utf8,');
--pinterest-hover-icon: url('data:image/svg+xml;utf8,');
--pinterest-transparent-icon: url('data:image/svg+xml;utf8,');
--profile-icon: url('data:image/svg+xml;utf8,');
--profile-hover-icon: url('data:image/svg+xml;utf8,');
--profile-icon--is-logged: url('data:image/svg+xml;utf8,');
--twitter-icon: url('data:image/svg+xml;utf8,');
--twitter-hover-icon: url('data:image/svg+xml;utf8,');
--twitter-transparent-icon: url('data:image/svg+xml;utf8,');
--youtube-icon: url('data:image/svg+xml;utf8,');
--youtube-hover-icon: url('data:image/svg+xml;utf8,');
--youtube-transparent-icon: url('data:image/svg+xml;utf8,');
--spotify-icon: url('data:image/svg+xml;utf8,');
--spotify-hover-icon: url('data:image/svg+xml;utf8,');
--spotify-transparent-icon: url('data:image/svg+xml;utf8,');
--shoppingCart-icon: url('data:image/svg+xml;utf8,');
--shoppingCart-hover-icon: url('data:image/svg+xml;utf8,');
--arrow-down-filled: url('data:image/svg+xml;utf8,');
}
:root {
--ko-plus-icon: url('data:image/svg+xml;utf8,');
--ko-minus-icon: url('data:image/svg+xml;utf8,');
--ko-plus-icon-light: url('data:image/svg+xml;utf8,');
--ko-minus-icon-light: url('data:image/svg+xml;utf8,');
--ko-pause-icon: url('data:image/svg+xml;utf8,');
--ko-play-icon: url('data:image/svg+xml;utf8,');
--ko-next-icon: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23666" viewBox="0 0 8 8"%3E%3Cpath d="M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z"/%3E%3C/svg%3E');
--ko-prev-icon: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23666" viewBox="0 0 8 8"%3E%3Cpath d="M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z"/%3E%3C/svg%3E');
--ko-prev-icon-arrow: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23666" viewBox="0 0 91 113.75"%3E%3Cpath d="M55.477 73.085a1.69 1.69 0 001.109.412c.242 0 .482-.051.709-.152.605-.279.992-.883.992-1.547v-49.4a1.7 1.7 0 00-2.81-1.289L26.824 45.81a1.7 1.7 0 000 2.576l28.653 24.699z"/%3E%3C/svg%3E');
--ko-video-caption-open: url('data:image/svg+xml;utf8,');
--ko-video-caption-close: url('data:image/svg+xml;utf8,');
--ko-location: url('data:image/svg+xml;utf8,');
--ko-next-icon-light: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 8 8"%3E%3Cpath d="M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z"/%3E%3C/svg%3E');
--ko-prev-icon-light: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 8 8"%3E%3Cpath d="M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z"/%3E%3C/svg%3E');
--ko-arrow-icon: url('data:image/svg+xml;utf8,');
--ko-dropdown-arrow-icon: url('data:image/svg+xml,');
--ko-prev-arrow: url('data:image/svg+xml,');
--ko-preloader-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' class='global-preloader-icon' x='0px' y='0px' viewBox='0 0 93.1 93.2'%3E%3Cstyle type='text/css'%3E .global-preloader-icon__shape %7B fill: rgb; %7D .global-preloader-icon * %7B animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0, 0, 1, 1); %7D .global-preloader-icon__wrapper %7B animation-name: Byi5RQpkGQ_rknk4TJfQ_Animation; transform-origin: 50%25 50%25; transform-box: fill-box; %7D .global-preloader-icon__shield %7B animation-name: shield-animation; transform-origin: 50%25 50%25; transform-box: fill-box; transform: rotate(0deg); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); %7D @keyframes shield-animation %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(180deg); %7D %7D %3C/style%3E%3Cg class='global-preloader-icon__wrapper'%3E%3Cg%3E%3Cpath class='global-preloader-icon__shape' d='M50.1,19.6c0.1,0.2,0.4,0.9,0.5,1.1s0.1,0.5-0.1,0.6c-0.3,0.1-0.3,0.2-0.3,0.5s0,0.7,0,1.4 c0,0.9,0.1,1.7,0.3,3.1c0.3,1.9,0.4,1.7,0.8,3s0.6,1.5,1.2,3.2c0.6,1.6,1.1,3,1.4,4.3c0.3,0.9,0,0.8,0,1.1c0,0.3,0,0.6,0,1 s0.4,2.5,0.5,4.1s0.1,4.5,0.1,4.8c0,0.2,0,0.4,0,0.6s0.2,0.4,0.1,1.1s-0.4,3.6-0.7,5.7c-0.3,2-0.4,2.8-0.5,4.2 c-0.1,1.4,0.1,3.1,0.3,4c0.2,1,0.7,2.4,0.8,3.6c0.1,1.2,0.1,2.1,0.1,2.6c-0.1,0.5-0.2,0.9-0.2,1.1c-0.1,0.1-0.2,0.2-0.3,0.4 c-0.1,0.1-0.4,0.5-0.6,0.6S52.9,72,52.7,72c-0.1,0-0.3,0.1-0.4,0.1s-0.2,0.1-0.2,0.1c-0.1,0-0.1,0-0.2,0s-0.2,0-0.2,0 c-0.1,0-0.3,0-0.4,0c0,0-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3,0c0,0-0.1,0-0.2,0s-0.3,0.1-0.4,0c-0.1,0-0.2,0-0.3,0 c-0.1,0-0.3,0-0.4,0s-0.2,0-0.2,0c-0.1,0-0.3,0-0.4,0s-0.2,0-0.2,0c-0.1,0-0.3,0-0.3,0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.3,0-0.3,0 c-0.1,0-0.2,0-0.3,0c-0.1,0-0.3,0.1-0.3,0c-0.1,0-0.1,0-0.2,0s-0.3,0-0.4,0h-0.2c-0.1,0-0.3,0-0.4,0s-0.2-0.1-0.2,0 c-0.1,0-0.2,0.1-0.4,0c-0.1-0.1-0.2-0.1-0.3,0c-0.1,0-0.3,0-0.4,0s-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0 c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.3,0-0.3,0c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.2,0 c-0.1,0-0.3-0.1-0.3,0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.4-0.1-0.4-0.1s-0.4-0.1-0.5-0.1S40.3,72,40.3,72c-0.1,0-0.1,0-0.2-0.1 c-0.1,0-0.2-0.1-0.2-0.1c-0.1,0-0.2,0-0.2-0.1c0,0-0.1-0.1-0.2-0.1s-0.1-0.1-0.2-0.2c0,0-0.3-0.3-0.4-0.4 c-0.1-0.1-0.2-0.4-0.4-1.2c-0.1-0.9-0.2-1.3,0-2.6s0.5-2.4,0.7-3.2s0.5-1.6,0.6-2.8s0-2.3-0.2-3.8s-0.4-3.5-0.7-5.1 c-0.2-1.5-0.4-2.6-0.4-3s0-0.6,0.1-0.8c0.1-0.2,0.1-0.7,0.1-0.7c0-0.1-0.1-3.4,0.1-5.3s0.5-3.5,0.5-3.7c0-0.3,0.1-0.5,0-0.6 c-0.1-0.2-0.2-0.3-0.1-0.6c0-0.4,0.4-1.6,0.7-2.5c0.3-1,0.8-2.2,1.3-3.6c0.5-1.3,1.1-2.6,1.3-4c0.3-1.4,0.4-2.5,0.4-3.5 s0.1-1.5,0-1.6c0-0.1,0-0.2,0-0.4c0-0.1,0-0.3,0-0.3c-0.1,0-0.3-0.1-0.4-0.3c-0.1-0.2,0-0.5,0.2-0.9s0.4-0.9,0.4-1.3 c-0.3-0.1-0.3-0.1-0.3-0.1s0-0.1,0-0.2s0.1-0.5,0.1-0.6s0.1-0.5,0.1-0.6c0.1-0.1,0.3-0.3,1.1-0.4c0.8-0.1,1.5-0.2,2.4-0.2 c1.2,0,2.5,0.1,3.1,0.3c0.6,0.2,0.6,0.6,0.6,0.8c0,0.2,0.1,0.8,0.1,0.9s0,0.1-0.4,0.2C50,19.3,50,19.4,50.1,19.6L50.1,19.6z'%3E%3C/path%3E%3Cg class='global-preloader-icon__shield'%3E%3Cg%3E%3Cpath class='global-preloader-icon__shape' d='M46.5,93.2c-7.6,0-15.1-1.9-21.7-5.4l3.3-6.2c5.7,3,12,4.6,18.5,4.6 c21.8,0,39.6-17.8,39.6-39.6c0-6-1.3-11.7-3.9-17.1l6.3-3c3,6.3,4.5,13,4.5,20.1C93.1,72.3,72.2,93.2,46.5,93.2z'%3E%3C/path%3E%3Cpath class='global-preloader-icon__shape' d='M4.4,66.4C1.5,60.2,0,53.5,0,46.6C0,20.9,20.9,0,46.6,0C54,0,61.4,1.8,67.9,5.2l-3.2,6.2 C59.1,8.5,53,7,46.6,7C24.8,7,7,24.8,7,46.6c0,5.9,1.3,11.5,3.7,16.8L4.4,66.4z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
html.md .ccn-text--desktop-10,
html.md .ccn-text--desktop-10 *,
html.lg .ccn-text--desktop-10,
html.lg .ccn-text--desktop-10 *,
html.xl .ccn-text--desktop-10,
html.xl .ccn-text--desktop-10 * {
font-size: 10px !important;
}
html.md .ccn-text--desktop-11,
html.md .ccn-text--desktop-11 *,
html.lg .ccn-text--desktop-11,
html.lg .ccn-text--desktop-11 *,
html.xl .ccn-text--desktop-11,
html.xl .ccn-text--desktop-11 * {
font-size: 11px !important;
}
html.md .ccn-text--desktop-12,
html.md .ccn-text--desktop-12 *,
html.lg .ccn-text--desktop-12,
html.lg .ccn-text--desktop-12 *,
html.xl .ccn-text--desktop-12,
html.xl .ccn-text--desktop-12 * {
font-size: 12px !important;
}
html.md .ccn-text--desktop-13,
html.md .ccn-text--desktop-13 *,
html.lg .ccn-text--desktop-13,
html.lg .ccn-text--desktop-13 *,
html.xl .ccn-text--desktop-13,
html.xl .ccn-text--desktop-13 * {
font-size: 13px !important;
}
html.md .ccn-text--desktop-14,
html.md .ccn-text--desktop-14 *,
html.lg .ccn-text--desktop-14,
html.lg .ccn-text--desktop-14 *,
html.xl .ccn-text--desktop-14,
html.xl .ccn-text--desktop-14 * {
font-size: 14px !important;
}
html.md .ccn-text--desktop-15,
html.md .ccn-text--desktop-15 *,
html.lg .ccn-text--desktop-15,
html.lg .ccn-text--desktop-15 *,
html.xl .ccn-text--desktop-15,
html.xl .ccn-text--desktop-15 * {
font-size: 15px !important;
}
html.md .ccn-text--desktop-16,
html.md .ccn-text--desktop-16 *,
html.lg .ccn-text--desktop-16,
html.lg .ccn-text--desktop-16 *,
html.xl .ccn-text--desktop-16,
html.xl .ccn-text--desktop-16 * {
font-size: 16px !important;
}
html.md .ccn-text--desktop-17,
html.md .ccn-text--desktop-17 *,
html.lg .ccn-text--desktop-17,
html.lg .ccn-text--desktop-17 *,
html.xl .ccn-text--desktop-17,
html.xl .ccn-text--desktop-17 * {
font-size: 17px !important;
}
html.md .ccn-text--desktop-18,
html.md .ccn-text--desktop-18 *,
html.lg .ccn-text--desktop-18,
html.lg .ccn-text--desktop-18 *,
html.xl .ccn-text--desktop-18,
html.xl .ccn-text--desktop-18 * {
font-size: 18px !important;
}
html.md .ccn-text--desktop-19,
html.md .ccn-text--desktop-19 *,
html.lg .ccn-text--desktop-19,
html.lg .ccn-text--desktop-19 *,
html.xl .ccn-text--desktop-19,
html.xl .ccn-text--desktop-19 * {
font-size: 19px !important;
}
html.md .ccn-text--desktop-20,
html.md .ccn-text--desktop-20 *,
html.lg .ccn-text--desktop-20,
html.lg .ccn-text--desktop-20 *,
html.xl .ccn-text--desktop-20,
html.xl .ccn-text--desktop-20 * {
font-size: 20px !important;
}
html.md .ccn-text--desktop-21,
html.md .ccn-text--desktop-21 *,
html.lg .ccn-text--desktop-21,
html.lg .ccn-text--desktop-21 *,
html.xl .ccn-text--desktop-21,
html.xl .ccn-text--desktop-21 * {
font-size: 21px !important;
}
html.md .ccn-text--desktop-22,
html.md .ccn-text--desktop-22 *,
html.lg .ccn-text--desktop-22,
html.lg .ccn-text--desktop-22 *,
html.xl .ccn-text--desktop-22,
html.xl .ccn-text--desktop-22 * {
font-size: 22px !important;
}
html.md .ccn-text--desktop-23,
html.md .ccn-text--desktop-23 *,
html.lg .ccn-text--desktop-23,
html.lg .ccn-text--desktop-23 *,
html.xl .ccn-text--desktop-23,
html.xl .ccn-text--desktop-23 * {
font-size: 23px !important;
}
html.md .ccn-text--desktop-24,
html.md .ccn-text--desktop-24 *,
html.lg .ccn-text--desktop-24,
html.lg .ccn-text--desktop-24 *,
html.xl .ccn-text--desktop-24,
html.xl .ccn-text--desktop-24 * {
font-size: 24px !important;
}
html.md .ccn-text--desktop-25,
html.md .ccn-text--desktop-25 *,
html.lg .ccn-text--desktop-25,
html.lg .ccn-text--desktop-25 *,
html.xl .ccn-text--desktop-25,
html.xl .ccn-text--desktop-25 * {
font-size: 25px !important;
}
html.md .ccn-text--desktop-26,
html.md .ccn-text--desktop-26 *,
html.lg .ccn-text--desktop-26,
html.lg .ccn-text--desktop-26 *,
html.xl .ccn-text--desktop-26,
html.xl .ccn-text--desktop-26 * {
font-size: 26px !important;
}
html.md .ccn-text--desktop-27,
html.md .ccn-text--desktop-27 *,
html.lg .ccn-text--desktop-27,
html.lg .ccn-text--desktop-27 *,
html.xl .ccn-text--desktop-27,
html.xl .ccn-text--desktop-27 * {
font-size: 27px !important;
}
html.md .ccn-text--desktop-28,
html.md .ccn-text--desktop-28 *,
html.lg .ccn-text--desktop-28,
html.lg .ccn-text--desktop-28 *,
html.xl .ccn-text--desktop-28,
html.xl .ccn-text--desktop-28 * {
font-size: 28px !important;
}
html.md .ccn-text--desktop-29,
html.md .ccn-text--desktop-29 *,
html.lg .ccn-text--desktop-29,
html.lg .ccn-text--desktop-29 *,
html.xl .ccn-text--desktop-29,
html.xl .ccn-text--desktop-29 * {
font-size: 29px !important;
}
html.md .ccn-text--desktop-30,
html.md .ccn-text--desktop-30 *,
html.lg .ccn-text--desktop-30,
html.lg .ccn-text--desktop-30 *,
html.xl .ccn-text--desktop-30,
html.xl .ccn-text--desktop-30 * {
font-size: 30px !important;
}
html.md .ccn-text--desktop-32,
html.md .ccn-text--desktop-32 *,
html.lg .ccn-text--desktop-32,
html.lg .ccn-text--desktop-32 *,
html.xl .ccn-text--desktop-32,
html.xl .ccn-text--desktop-32 * {
font-size: 32px !important;
}
html.md .ccn-text--desktop-35,
html.md .ccn-text--desktop-35 *,
html.lg .ccn-text--desktop-35,
html.lg .ccn-text--desktop-35 *,
html.xl .ccn-text--desktop-35,
html.xl .ccn-text--desktop-35 * {
font-size: 35px !important;
}
html.md .ccn-text--desktop-36,
html.md .ccn-text--desktop-36 *,
html.lg .ccn-text--desktop-36,
html.lg .ccn-text--desktop-36 *,
html.xl .ccn-text--desktop-36,
html.xl .ccn-text--desktop-36 * {
font-size: 36px !important;
}
html.md .ccn-text--desktop-38,
html.md .ccn-text--desktop-38 *,
html.lg .ccn-text--desktop-38,
html.lg .ccn-text--desktop-38 *,
html.xl .ccn-text--desktop-38,
html.xl .ccn-text--desktop-38 * {
font-size: 38px !important;
}
html.md .ccn-text--desktop-40,
html.md .ccn-text--desktop-40 *,
html.lg .ccn-text--desktop-40,
html.lg .ccn-text--desktop-40 *,
html.xl .ccn-text--desktop-40,
html.xl .ccn-text--desktop-40 * {
font-size: 40px !important;
}
html.md .ccn-text--desktop-42,
html.md .ccn-text--desktop-42 *,
html.lg .ccn-text--desktop-42,
html.lg .ccn-text--desktop-42 *,
html.xl .ccn-text--desktop-42,
html.xl .ccn-text--desktop-42 * {
font-size: 42px !important;
}
html.md .ccn-text--desktop-46,
html.md .ccn-text--desktop-46 *,
html.lg .ccn-text--desktop-46,
html.lg .ccn-text--desktop-46 *,
html.xl .ccn-text--desktop-46,
html.xl .ccn-text--desktop-46 * {
font-size: 46px !important;
}
html.md .ccn-text--desktop-48,
html.md .ccn-text--desktop-48 *,
html.lg .ccn-text--desktop-48,
html.lg .ccn-text--desktop-48 *,
html.xl .ccn-text--desktop-48,
html.xl .ccn-text--desktop-48 * {
font-size: 48px !important;
}
html.md .ccn-text--desktop-54,
html.md .ccn-text--desktop-54 *,
html.lg .ccn-text--desktop-54,
html.lg .ccn-text--desktop-54 *,
html.xl .ccn-text--desktop-54,
html.xl .ccn-text--desktop-54 * {
font-size: 54px !important;
}
html.md .ccn-text--desktop-60,
html.md .ccn-text--desktop-60 *,
html.lg .ccn-text--desktop-60,
html.lg .ccn-text--desktop-60 *,
html.xl .ccn-text--desktop-60,
html.xl .ccn-text--desktop-60 * {
font-size: 60px !important;
}
html.xs .ccn-text--mobile-9,
html.xs .ccn-text--mobile-9 *,
html.sm .ccn-text--mobile-9,
html.sm .ccn-text--mobile-9 * {
font-size: 9px !important;
}
html.xs .ccn-text--mobile-10,
html.xs .ccn-text--mobile-10 *,
html.sm .ccn-text--mobile-10,
html.sm .ccn-text--mobile-10 * {
font-size: 10px !important;
}
html.xs .ccn-text--mobile-11,
html.xs .ccn-text--mobile-11 *,
html.sm .ccn-text--mobile-11,
html.sm .ccn-text--mobile-11 * {
font-size: 11px !important;
}
html.xs .ccn-text--mobile-12,
html.xs .ccn-text--mobile-12 *,
html.sm .ccn-text--mobile-12,
html.sm .ccn-text--mobile-12 * {
font-size: 12px !important;
}
html.xs .ccn-text--mobile-13,
html.xs .ccn-text--mobile-13 *,
html.sm .ccn-text--mobile-13,
html.sm .ccn-text--mobile-13 * {
font-size: 13px !important;
}
html.xs .ccn-text--mobile-14,
html.xs .ccn-text--mobile-14 *,
html.sm .ccn-text--mobile-14,
html.sm .ccn-text--mobile-14 * {
font-size: 14px !important;
}
html.xs .ccn-text--mobile-15,
html.xs .ccn-text--mobile-15 *,
html.sm .ccn-text--mobile-15,
html.sm .ccn-text--mobile-15 * {
font-size: 15px !important;
}
html.xs .ccn-text--mobile-16,
html.xs .ccn-text--mobile-16 *,
html.sm .ccn-text--mobile-16,
html.sm .ccn-text--mobile-16 * {
font-size: 16px !important;
}
html.xs .ccn-text--mobile-17,
html.xs .ccn-text--mobile-17 *,
html.sm .ccn-text--mobile-17,
html.sm .ccn-text--mobile-17 * {
font-size: 17px !important;
}
html.xs .ccn-text--mobile-18,
html.xs .ccn-text--mobile-18 *,
html.sm .ccn-text--mobile-18,
html.sm .ccn-text--mobile-18 * {
font-size: 18px !important;
}
html.xs .ccn-text--mobile-19,
html.xs .ccn-text--mobile-19 *,
html.sm .ccn-text--mobile-19,
html.sm .ccn-text--mobile-19 * {
font-size: 19px !important;
}
html.xs .ccn-text--mobile-20,
html.xs .ccn-text--mobile-20 *,
html.sm .ccn-text--mobile-20,
html.sm .ccn-text--mobile-20 * {
font-size: 20px !important;
}
html.xs .ccn-text--mobile-22,
html.xs .ccn-text--mobile-22 *,
html.sm .ccn-text--mobile-22,
html.sm .ccn-text--mobile-22 * {
font-size: 22px !important;
}
html.xs .ccn-text--mobile-24,
html.xs .ccn-text--mobile-24 *,
html.sm .ccn-text--mobile-24,
html.sm .ccn-text--mobile-24 * {
font-size: 24px !important;
}
html.xs .ccn-text--mobile-25,
html.xs .ccn-text--mobile-25 *,
html.sm .ccn-text--mobile-25,
html.sm .ccn-text--mobile-25 * {
font-size: 25px !important;
}
html.xs .ccn-text--mobile-28,
html.xs .ccn-text--mobile-28 *,
html.sm .ccn-text--mobile-28,
html.sm .ccn-text--mobile-28 * {
font-size: 28px !important;
}
html.xs .ccn-text--mobile-30,
html.xs .ccn-text--mobile-30 *,
html.sm .ccn-text--mobile-30,
html.sm .ccn-text--mobile-30 * {
font-size: 30px !important;
}
html.xs .ccn-text--mobile-32,
html.xs .ccn-text--mobile-32 *,
html.sm .ccn-text--mobile-32,
html.sm .ccn-text--mobile-32 * {
font-size: 32px !important;
}
html.xs .ccn-text--mobile-36,
html.xs .ccn-text--mobile-36 *,
html.sm .ccn-text--mobile-36,
html.sm .ccn-text--mobile-36 * {
font-size: 36px !important;
}
/* stylelint-disable-line */
.ccn--max-width-750 {
max-width: 750px;
}
/* stylelint-disable-line */
.ccn--max-width-725 {
max-width: 725px;
}
/* stylelint-disable-line */
.ccn--max-width-700 {
max-width: 700px;
}
/* stylelint-disable-line */
.ccn--max-width-675 {
max-width: 675px;
}
/* stylelint-disable-line */
.ccn--max-width-650 {
max-width: 650px;
}
/* stylelint-disable-line */
.ccn--max-width-625 {
max-width: 625px;
}
/* stylelint-disable-line */
.ccn--max-width-600 {
max-width: 600px;
}
/* stylelint-disable-line */
.ccn--max-width-575 {
max-width: 575px;
}
/* stylelint-disable-line */
.ccn--max-width-550 {
max-width: 550px;
}
/* stylelint-disable-line */
.ccn--max-width-525 {
max-width: 525px;
}
/* stylelint-disable-line */
.ccn--max-width-500 {
max-width: 500px;
}
/* stylelint-disable-line */
.ccn--max-width-475 {
max-width: 475px;
}
/* stylelint-disable-line */
.ccn--max-width-450 {
max-width: 450px;
}
/* stylelint-disable-line */
.ccn--max-width-425 {
max-width: 425px;
}
/* stylelint-disable-line */
.ccn--max-width-400 {
max-width: 400px;
}
/* stylelint-disable-line */
.ccn--max-width-375 {
max-width: 375px;
}
/* stylelint-disable-line */
.ccn--max-width-350 {
max-width: 350px;
}
/* stylelint-disable-line */
.ccn--max-width-325 {
max-width: 325px;
}
/* stylelint-disable-line */
.ccn--max-width-300 {
max-width: 300px;
}
/* stylelint-disable-line */
.ccn--max-width-275 {
max-width: 275px;
}
/* stylelint-disable-line */
.ccn--max-width-250 {
max-width: 250px;
}
/* stylelint-disable-line */
.ccn--max-width-225 {
max-width: 225px;
}
/* stylelint-disable-line */
.ccn--max-width-200 {
max-width: 200px;
}
/* stylelint-disable-line */
.ccn--max-width-175 {
max-width: 175px;
}
/* stylelint-disable-line */
.ccn--max-width-150 {
max-width: 150px;
}
/* stylelint-disable-line */
.ccn--max-width-125 {
max-width: 125px;
}
/* stylelint-disable-line */
.ccn--max-width-100 {
max-width: 100px;
}
/* stylelint-disable-line */
.ccn--max-width-75 {
max-width: 75px;
}
/* stylelint-disable-line */
.ccn--max-width-50 {
max-width: 50px;
}
/* stylelint-disable-line */
.ccn--max-width-25 {
max-width: 25px;
}
/* stylelint-disable-line */
.ccn--max-width-1000 {
max-width: 1000px;
}
/* stylelint-disable-line */
.ccn--max-width-1050 {
max-width: 1050px;
}
/* stylelint-disable-line */
.ccn--max-width-1100 {
max-width: 1100px;
}
/* stylelint-disable-line */
.ccn--max-width-1150 {
max-width: 1150px;
}
/* stylelint-disable-line */
.ccn--max-width-1200 {
max-width: 1200px;
}
/* stylelint-disable-line */
.ccn--max-width-1250 {
max-width: 1250px;
}
/* stylelint-disable-line */
.ccn--max-width-1300 {
max-width: 1300px;
}
/* stylelint-disable-line */
.ccn--max-width-1350 {
max-width: 1350px;
}
/* stylelint-disable-line */
.ccn--max-width-1400 {
max-width: 1400px;
}
.p-custom {
padding: var(--p-custom) !important;
}
.m-custom {
margin: var(--m-custom) !important;
}
.px-custom {
padding-top: var(--p-custom) !important;
padding-bottom: var(--p-custom) !important;
}
.mx-custom {
margin-top: var(--m-custom) !important;
margin-bottom: var(--m-custom) !important;
}
html.sm .p-sm-custom,
html.md .p-sm-custom,
html.lg .p-sm-custom,
html.xl .p-sm-custom {
padding: var(--p-sm-custom) !important;
}
html.sm .m-sm-custom,
html.md .m-sm-custom,
html.lg .m-sm-custom,
html.xl .m-sm-custom {
margin: var(--m-sm-custom) !important;
}
html.sm .px-sm-custom,
html.md .px-sm-custom,
html.lg .px-sm-custom,
html.xl .px-sm-custom {
padding-top: var(--p-sm-custom) !important;
padding-bottom: var(--p-sm-custom) !important;
}
html.sm .mx-sm-custom,
html.md .mx-sm-custom,
html.lg .mx-sm-custom,
html.xl .mx-sm-custom {
margin-top: var(--m-sm-custom) !important;
margin-bottom: var(--m-sm-custom) !important;
}
html.sm .bg-image-sm,
html.md .bg-image-sm,
html.lg .bg-image-sm,
html.xl .bg-image-sm {
background-image: var(--bg-image-sm) !important;
}
html.md .p-md-custom,
html.lg .p-md-custom,
html.xl .p-md-custom {
padding: var(--p-md-custom) !important;
}
html.md .m-md-custom,
html.lg .m-md-custom,
html.xl .m-md-custom {
margin: var(--m-md-custom) !important;
}
html.md .px-md-custom,
html.lg .px-md-custom,
html.xl .px-md-custom {
padding-top: var(--p-md-custom) !important;
padding-bottom: var(--p-md-custom) !important;
}
html.md .mx-md-custom,
html.lg .mx-md-custom,
html.xl .mx-md-custom {
margin-top: var(--m-md-custom) !important;
margin-bottom: var(--m-md-custom) !important;
}
html.lg .p-lg-custom,
html.xl .p-lg-custom {
padding: var(--p-lg-custom) !important;
}
html.lg .m-lg-custom,
html.xl .m-lg-custom {
margin: var(--m-lg-custom) !important;
}
html.lg .px-lg-custom,
html.xl .px-lg-custom {
padding-top: var(--p-lg-custom) !important;
padding-bottom: var(--p-lg-custom) !important;
}
html.lg .mx-lg-custom,
html.xl .mx-lg-custom {
margin-top: var(--m-lg-custom) !important;
margin-bottom: var(--m-lg-custom) !important;
}
html.xl .p-xl-custom {
padding: var(--p-xl-custom) !important;
}
html.xl .m-xl-custom {
margin: var(--m-xl-custom) !important;
}
html.xl .px-xl-custom {
padding-top: var(--p-xl-custom) !important;
padding-bottom: var(--p-xl-custom) !important;
}
html.xl .mx-xl-custom {
margin-top: var(--m-xl-custom) !important;
margin-bottom: var(--m-xl-custom) !important;
}
.bg-color {
background-color: var(--bg-color) !important;
}
.bg-image {
background-image: var(--bg-image) !important;
}
.bg-image,
.bg-image-sm {
background-size: cover;
background-position: center;
}
/* stylelint-disable-line */
.ccn-position--top-50 {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ccn-position--bottom-50 {
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
/* stylelint-disable-line */
.ccn-position--top-40 {
top: 40%;
}
.ccn-position--bottom-40 {
bottom: 40%;
}
/* stylelint-disable-line */
.ccn-position--top-30 {
top: 30%;
}
.ccn-position--bottom-30 {
bottom: 30%;
}
/* stylelint-disable-line */
.ccn-position--top-20 {
top: 20%;
}
.ccn-position--bottom-20 {
bottom: 20%;
}
/* stylelint-disable-line */
.ccn-position--top-10 {
top: 10%;
}
.ccn-position--bottom-10 {
bottom: 10%;
}
/* stylelint-disable-line */
.ccn-position--top-0 {
top: 0%;
}
.ccn-position--bottom-0 {
bottom: 0%;
}
.ccn-link--primary-color a {
color: var(--primary-color) !important;
}
html:not(.xs):not(.sm) .ccn-link-hover--primary-color a:hover {
color: var(--primary-color) !important;
}
.ccn-link--secondary-color a {
color: var(--secondary-color) !important;
}
html:not(.xs):not(.sm) .ccn-link-hover--secondary-color a:hover {
color: var(--secondary-color) !important;
}
.ccn-link--tertiary-color a {
color: var(--tertiary-color) !important;
}
html:not(.xs):not(.sm) .ccn-link-hover--tertiary-color a:hover {
color: var(--tertiary-color) !important;
}
.ccn-link--light a {
color: var(--light) !important;
}
html:not(.xs):not(.sm) .ccn-link-hover--light a:hover {
color: var(--light) !important;
}
.ccn-link--dark a {
color: var(--dark) !important;
}
html:not(.xs):not(.sm) .ccn-link-hover--dark a:hover {
color: var(--dark) !important;
}
.ccn-background--top-left {
background-position: top left;
}
.ccn-background--top-left > .responsive-background-image {
background-position: top left;
}
html.md .ccn-background--desktop-top-left,
html.lg .ccn-background--desktop-top-left,
html.xl .ccn-background--desktop-top-left {
background-position: top left;
}
html.md .ccn-background--desktop-top-left > .responsive-background-image,
html.lg .ccn-background--desktop-top-left > .responsive-background-image,
html.xl .ccn-background--desktop-top-left > .responsive-background-image {
background-position: top left;
}
.ccn-background--top-center {
background-position: top center;
}
.ccn-background--top-center > .responsive-background-image {
background-position: top center;
}
html.md .ccn-background--desktop-top-center,
html.lg .ccn-background--desktop-top-center,
html.xl .ccn-background--desktop-top-center {
background-position: top center;
}
html.md .ccn-background--desktop-top-center > .responsive-background-image,
html.lg .ccn-background--desktop-top-center > .responsive-background-image,
html.xl .ccn-background--desktop-top-center > .responsive-background-image {
background-position: top center;
}
.ccn-background--top-right {
background-position: top right;
}
.ccn-background--top-right > .responsive-background-image {
background-position: top right;
}
html.md .ccn-background--desktop-top-right,
html.lg .ccn-background--desktop-top-right,
html.xl .ccn-background--desktop-top-right {
background-position: top right;
}
html.md .ccn-background--desktop-top-right > .responsive-background-image,
html.lg .ccn-background--desktop-top-right > .responsive-background-image,
html.xl .ccn-background--desktop-top-right > .responsive-background-image {
background-position: top right;
}
.ccn-background--center-left {
background-position: center left;
}
.ccn-background--center-left > .responsive-background-image {
background-position: center left;
}
html.md .ccn-background--desktop-center-left,
html.lg .ccn-background--desktop-center-left,
html.xl .ccn-background--desktop-center-left {
background-position: center left;
}
html.md .ccn-background--desktop-center-left > .responsive-background-image,
html.lg .ccn-background--desktop-center-left > .responsive-background-image,
html.xl .ccn-background--desktop-center-left > .responsive-background-image {
background-position: center left;
}
.ccn-background--center {
background-position: center;
}
.ccn-background--center > .responsive-background-image {
background-position: center;
}
html.md .ccn-background--desktop-center,
html.lg .ccn-background--desktop-center,
html.xl .ccn-background--desktop-center {
background-position: center;
}
html.md .ccn-background--desktop-center > .responsive-background-image,
html.lg .ccn-background--desktop-center > .responsive-background-image,
html.xl .ccn-background--desktop-center > .responsive-background-image {
background-position: center;
}
.ccn-background--center-right {
background-position: center right;
}
.ccn-background--center-right > .responsive-background-image {
background-position: center right;
}
html.md .ccn-background--desktop-center-right,
html.lg .ccn-background--desktop-center-right,
html.xl .ccn-background--desktop-center-right {
background-position: center right;
}
html.md .ccn-background--desktop-center-right > .responsive-background-image,
html.lg .ccn-background--desktop-center-right > .responsive-background-image,
html.xl .ccn-background--desktop-center-right > .responsive-background-image {
background-position: center right;
}
.ccn-background--bottom-left {
background-position: bottom left;
}
.ccn-background--bottom-left > .responsive-background-image {
background-position: bottom left;
}
html.md .ccn-background--desktop-bottom-left,
html.lg .ccn-background--desktop-bottom-left,
html.xl .ccn-background--desktop-bottom-left {
background-position: bottom left;
}
html.md .ccn-background--desktop-bottom-left > .responsive-background-image,
html.lg .ccn-background--desktop-bottom-left > .responsive-background-image,
html.xl .ccn-background--desktop-bottom-left > .responsive-background-image {
background-position: bottom left;
}
.ccn-background--bottom-center {
background-position: bottom center;
}
.ccn-background--bottom-center > .responsive-background-image {
background-position: bottom center;
}
html.md .ccn-background--desktop-bottom-center,
html.lg .ccn-background--desktop-bottom-center,
html.xl .ccn-background--desktop-bottom-center {
background-position: bottom center;
}
html.md .ccn-background--desktop-bottom-center > .responsive-background-image,
html.lg .ccn-background--desktop-bottom-center > .responsive-background-image,
html.xl .ccn-background--desktop-bottom-center > .responsive-background-image {
background-position: bottom center;
}
.ccn-background--bottom-right {
background-position: bottom right;
}
.ccn-background--bottom-right > .responsive-background-image {
background-position: bottom right;
}
html.md .ccn-background--desktop-bottom-right,
html.lg .ccn-background--desktop-bottom-right,
html.xl .ccn-background--desktop-bottom-right {
background-position: bottom right;
}
html.md .ccn-background--desktop-bottom-right > .responsive-background-image,
html.lg .ccn-background--desktop-bottom-right > .responsive-background-image,
html.xl .ccn-background--desktop-bottom-right > .responsive-background-image {
background-position: bottom right;
}
.ccn-backdrop--enable {
position: relative;
}
.ccn-backdrop--enable:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--backdrop);
opacity: 0;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
pointer-events: none;
}
.ccn-backdrop--enable.ccn-backdrop--show:after {
opacity: 1;
pointer-events: auto;
}
.ccn-content--to-front {
z-index: 1;
}
.ccn-content--to-back {
z-index: -1;
}
.ccn-color-primary {
color: var(--primary-color) !important;
}
.ccn-color-secondary {
color: var(--secondary-color) !important;
}
.ccn-color-tertiary {
color: var(--tertiary-color) !important;
}
.ccn-color-dark {
color: var(--dark, #000) !important;
}
.ccn-color-light {
color: var(--light, #fff) !important;
}
.ccn-tab-pink {
--primary-color: #E74D79;
--primary-background-color: #cc2d5a;
}
.button .tccc-cmp.tccc-cmp-button[data-design-package$="default"].button-position--left {
left: 0;
}
.button .tccc-cmp.tccc-cmp-button[data-design-package$="default"].button-position--left .btn {
left: 0;
float: left;
margin-left: 5%;
}
.button .tccc-cmp.tccc-cmp-button[data-design-package$="default"].button-position--middle {
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.button .tccc-cmp.tccc-cmp-button[data-design-package$="default"].button-position--right {
right: 0;
}
.button .tccc-cmp.tccc-cmp-button[data-design-package$="default"].button-position--right .btn {
right: 0;
float: right;
margin-right: 5%;
}
.button .tccc-cmp.tccc-cmp-button[data-design-package$="default"].button-styles--padding--zero .btn {
padding: 0;
}
.button .tccc-cmp.tccc-cmp-button[data-design-package$="default"].button-stlyles--background-none .btn {
background: none;
}
.button .tccc-cmp.tccc-cmp-button[data-design-package$="default"].button-stlyles--background-none .btn:hover {
background: none;
}
.button .tccc-cmp.tccc-cmp-button[data-design-package$="default"].button-size--fit-1-1 .btn {
max-width: 100px;
aspect-ratio: 1;
width: 100%;
object-fit: contain;
}
.button .tccc-cmp.tccc-cmp-button[data-design-package$="default"].button-position--to-front {
z-index: 2;
}
.tccc-cmp.tccc-cmp-card[data-design-package$="content/dam/nagbrands/components/content/card/nagbrands_vertical"] .card__wrapper {
padding: 40px 10px;
}
html.xs .tccc-cmp.tccc-cmp-card[data-design-package$="content/dam/nagbrands/components/content/card/nagbrands_vertical"] .card__wrapper {
padding: 20px 0;
}
.tccc-cmp.tccc-cmp-card[data-design-package$="content/dam/nagbrands/components/content/card/nagbrands_vertical"] .card__text {
width: 100%;
}
.tccc-cmp.tccc-cmp-card[data-design-package$="content/dam/nagbrands/components/content/card/nagbrands_vertical"] .card__text--title {
max-width: 90%;
margin: 0 auto 30px;
}
.tccc-cmp-contentFragmentCollection[data-design-package$="faq"].ccn-faq-specific .card-header {
background-color: var(--faq-card-hover-bg-color, var(--common-neutral-color));
}
.tccc-cmp-contentFragmentCollection[data-design-package$="faq"].ccn-faq-specific .card-header.collapsed {
background-color: transparent;
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
padding: 0;
}
html.xl .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck,
html.lg .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck,
html.md .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .itemWrapper * {
pointer-events: none;
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__top-title {
color: var(--footer-color-default);
font-size: var(--footer-top-title-font-size-mobile);
font-weight: normal;
}
html.lg .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__top-title,
html.xl .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__top-title {
font-size: var(--footer-top-title-font-size);
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__copyright p {
color: var(--footer-color-default);
font-size: var(--footer-copy-font-size-mobile);
line-height: var(--footer-line-height-copy);
}
html.lg .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__copyright p,
html.xl .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__copyright p {
font-size: var(--footer-copy-font-size);
}
html.xs .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list,
html.sm .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list,
html.md .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list {
display: inline-block;
width: 100%;
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list li {
border-right: 1px solid var(--footer-color-default);
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list li a {
color: var(--footer-color-default);
font-weight: var(--footer-font-weight);
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list li a:hover {
color: var(--footer-color-hover);
text-decoration: none;
}
html.xs .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list li:first-child,
html.sm .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list li:first-child,
html.md .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list li:first-child {
border-top: 1px solid var(--footer-color-default);
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list li:last-child {
border-right: none;
}
html.xs .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list li,
html.sm .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list li,
html.md .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link-list li {
border-right: none;
border-bottom: 1px solid var(--footer-color-default);
line-height: 17px;
margin: 0;
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link {
font-size: var(--footer-link-font-size-mobile);
}
html.lg .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link,
html.xl .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link {
font-size: var(--footer-link-font-size);
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link:active,
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__link:focus {
outline-color: var(--footer-color-default);
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__social-media-list--item--link:active,
.tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__social-media-list--item--link:focus {
outline-color: var(--footer-color-default);
}
.header,
.marketing,
.footer {
padding-right: 0;
padding-left: 0;
}
.footer-no-padding-top .footer {
padding-top: 0;
border: none;
}
.pb__footer--disable-zoom-in .tccc-cmp.tccc-cmp-footer[data-design-package$="footer/nagbrands_default"] .footer-default-wrapper__social-media-list--item--link:hover {
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
}
.tccc-cmp-imageVideoCarousel[data-design-package="default"] .carousel-control-next:focus,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"] .carousel-control-next:focus,
.tccc-cmp-imageVideoCarousel[data-design-package="default"] .carousel-control-prev:focus,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"] .carousel-control-prev:focus {
outline: 1px solid var(--dark);
outline-offset: -1px;
}
.tccc-cmp-imageVideoCarousel[data-design-package="default"].ccn-imageVideoCarousel__bullets-bottom .carousel-inner,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__bullets-bottom .carousel-inner {
margin-bottom: 30px;
overflow: visible;
}
.tccc-cmp-imageVideoCarousel[data-design-package="default"].ccn-imageVideoCarousel__bullets-bottom .carousel-indicators,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__bullets-bottom .carousel-indicators {
top: 100%;
bottom: auto;
margin-bottom: 0;
}
.tccc-cmp-imageVideoCarousel[data-design-package="default"].ccn-imageVideoCarousel__bullets-shadow .carousel-indicators li,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__bullets-shadow .carousel-indicators li {
position: relative;
box-shadow: 1px 1px 2px 0px;
margin: 10px 3px;
border: none;
}
.tccc-cmp-imageVideoCarousel[data-design-package="default"].ccn-imageVideoCarousel__bullets-shadow .carousel-indicators li:before,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__bullets-shadow .carousel-indicators li:before {
content: "";
width: 16px;
height: 30px;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tccc-cmp-imageVideoCarousel[data-design-package="default"].ccn-imageVideoCarousel__show-arrows .carousel-control-prev,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__show-arrows .carousel-control-prev,
.tccc-cmp-imageVideoCarousel[data-design-package="default"].ccn-imageVideoCarousel__show-arrows .carousel-control-next,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__show-arrows .carousel-control-next {
z-index: 20;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tccc-cmp-imageVideoCarousel[data-design-package="default"].ccn-imageVideoCarousel__show-arrows .carousel-control-prev-icon,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__show-arrows .carousel-control-prev-icon {
background-image: var(--ko-prev-icon);
}
.tccc-cmp-imageVideoCarousel[data-design-package="default"].ccn-imageVideoCarousel__show-arrows .carousel-control-next-icon,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__show-arrows .carousel-control-next-icon {
background-image: var(--ko-next-icon);
}
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__show-arrows .carousel-control-prev,
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__show-arrows .carousel-control-next {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__show-arrows .carousel-control-prev {
left: 0;
}
.tccc-cmp-imageVideoCarousel[data-design-package$="imageVideoCarousel/multiItemsCarousel"].ccn-imageVideoCarousel__show-arrows .carousel-control-next {
right: 0;
}
.carousel-multi-items__headline-top-left .carousel-multi-items__headline {
top: 2%;
text-align: left;
}
.carousel-multi-items__headline-top-left .carousel-multi-items__column--right :not(.carousel-multi-items__item.btn .btn-primary) {
bottom: 45%;
}
.carousel-multi-items__headline-top-left .carousel-multi-items__column--right .carousel-multi-items__item-title,
.carousel-multi-items__headline-top-left .carousel-multi-items__column--right .carousel-multi-items__item-subtitle {
margin-bottom: 0;
text-align: left;
}
.carousel-multi-items__headline-top-right {
right: 0;
}
.carousel-multi-items__headline-top-right .carousel-multi-items__headline {
top: 2%;
text-align: right;
}
.carousel-multi-items__headline-top-right .carousel-multi-items__column--right :not(.carousel-multi-items__item.btn .btn-primary) {
bottom: 45%;
}
.carousel-multi-items__headline-top-right .carousel-multi-items__column--right .carousel-multi-items__item-title,
.carousel-multi-items__headline-top-right .carousel-multi-items__column--right .carousel-multi-items__item-subtitle {
margin-bottom: 0;
text-align: right;
}
.carousel-multi-items__headline-bottom-right {
right: 0;
}
.carousel-multi-items__headline-bottom-right .carousel-multi-items__headline {
bottom: 15%;
text-align: right;
}
.carousel-multi-items__headline-bottom-right .carousel-multi-items__column--right :not(.carousel-multi-items__item.btn .btn-primary) {
bottom: 2%;
}
.carousel-multi-items__headline-bottom-right .carousel-multi-items__column--right .carousel-multi-items__item-title,
.carousel-multi-items__headline-bottom-right .carousel-multi-items__column--right .carousel-multi-items__item-subtitle {
margin-bottom: 0;
text-align: right;
}
.carousel-multi-items__headline-center .carousel-multi-items__headline {
bottom: 40%;
text-align: center;
}
.carousel-multi-items__headline-center .carousel-multi-items__column--right :not(.carousel-multi-items__item.btn .btn-primary) {
top: 55%;
}
.carousel-multi-items__headline-center .carousel-multi-items__column--right .carousel-multi-items__item-title,
.carousel-multi-items__headline-center .carousel-multi-items__column--right .carousel-multi-items__item-subtitle {
margin-bottom: 0;
text-align: center;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary) {
/*General Custom Classes - Can only be applied to whole component*/
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary) img {
width: 100%;
height: 600px;
object-fit: cover;
box-shadow: 1px 1px 4px 0px black;
border-radius: 1em;
z-index: -1;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary) .carousel-multi-items__item-wrapper {
padding: 1em;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary) .carousel-multi-items__item {
position: relative;
padding: 0;
-webkit-transition: -webkit-transform 0.25s;
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition: transform 0.25s, -webkit-transform 0.25s;
-webkit-transition: -webkit-transform 0.12s;
transition: -webkit-transform 0.12s;
transition: transform 0.12s;
transition: transform 0.12s, -webkit-transform 0.12s;
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary) .carousel-multi-items__item:hover {
-webkit-transform: scale(1);
transform: scale(1);
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary) .carousel-multi-items__headline {
position: absolute;
bottom: 15%;
word-break: break-word;
padding: 1em;
margin-bottom: 0.5em;
line-height: 1;
text-shadow: 1px 1px 0 #5a5a5a;
font-size: 2em;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary) .carousel-multi-items__column--right {
position: absolute;
top: unset;
bottom: 2%;
width: 100%;
font-weight: 700;
padding-right: 1em;
margin-bottom: 0.5em;
font-size: 1.75em;
color: white;
text-shadow: 1px 1px 0 #5a5a5a;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary) .carousel-multi-items__column--right .carousel-multi-items__item-title,
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary) .carousel-multi-items__column--right .carousel-multi-items__item-subtitle {
margin-bottom: 0;
font-size: 1.2em;
text-align: left;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary) .carousel-multi-items__column--right .carousel-multi-items__item-subtitle {
font-size: 0.95em;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-top-left .carousel-multi-items__headline {
top: 2%;
text-align: left;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-top-left .carousel-multi-items__column--right :not(.carousel-multi-items__item.btn .btn-primary) {
bottom: 45%;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-top-left .carousel-multi-items__column--right .carousel-multi-items__item-title,
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-top-left .carousel-multi-items__column--right .carousel-multi-items__item-subtitle {
margin-bottom: 0;
text-align: left;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-top-right {
right: 0;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-top-right .carousel-multi-items__headline {
top: 2%;
text-align: right;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-top-right .carousel-multi-items__column--right :not(.carousel-multi-items__item.btn .btn-primary) {
bottom: 45%;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-top-right .carousel-multi-items__column--right .carousel-multi-items__item-title,
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-top-right .carousel-multi-items__column--right .carousel-multi-items__item-subtitle {
margin-bottom: 0;
text-align: right;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-bottom-right {
right: 0;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-bottom-right .carousel-multi-items__headline :not(.carousel-multi-items__item.btn .btn-primary) {
bottom: 15%;
text-align: right;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-bottom-right .carousel-multi-items__column--right {
bottom: 2%;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-bottom-right .carousel-multi-items__column--right .carousel-multi-items__item-title,
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-bottom-right .carousel-multi-items__column--right .carousel-multi-items__item-subtitle {
margin-bottom: 0;
text-align: right;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-center .carousel-multi-items__headline {
bottom: 40%;
text-align: center;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-center .carousel-multi-items__column--right :not(.carousel-multi-items__item.btn .btn-primary) {
top: 55%;
}
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-center .carousel-multi-items__column--right .carousel-multi-items__item-title,
.ccn-imageVideoCarousel__profile-cards :not(.carousel-multi-items__item .btn.btn-primary).carousel-multi-items__headline-center .carousel-multi-items__column--right .carousel-multi-items__item-subtitle {
margin-bottom: 0;
text-align: center;
}
.tccc-cmp.tccc-cmp.tccc-cmp-smartList.textWhiteColor .card-body {
color: white;
}
.tccc-cmp.tccc-cmp.tccc-cmp-smartList.btnWithoutBorders .btn {
border: none;
}
.tccc-cmp.tccc-cmp.tccc-cmp-smartList.texVerticalCenter .card a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tccc-cmp.tccc-cmp.tccc-cmp-smartList.texVerticalBottom .card a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.tccc-cmp.tccc-cmp.tccc-cmp-smartList.texVerticalBottom .card-bodyText {
padding: 5px 5px 25px 5px;
}
.tccc-cmp.tccc-cmp.tccc-cmp-smartList.bottomGradient .card-img-gradient {
height: 100%;
width: 100%;
border-radius: 12px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.tccc-cmp.tccc-cmp.tccc-cmp-smartList.topGradient .card-img-gradient {
height: 100%;
width: 100%;
border-radius: 12px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.text-alert-box {
padding: 0.35rem 1.25rem;
}
.text-alert-box .close {
padding: inherit;
}
.faq-summary-rules {
text-align: center;
}
html.xs .faq-summary-rules,
html.sm .faq-summary-rules {
padding-left: 40px;
padding-right: 40px;
}
.faq-summary-rules h1,
.faq-summary-rules h2 {
color: var(--faq-dark-font-color, #000000);
font-size: 18px;
line-height: 14px;
margin-top: 33px;
margin-bottom: 8px;
}
.faq-summary-rules p {
font-size: 11px;
color: var(--faq-summary-font-color, var(--faq-default-summary-font-color));
line-height: 16px;
margin-bottom: 11px;
}
.faq-summary-rules b,
.faq-summary-rules em,
.faq-summary-rules strong,
.faq-summary-rules mark {
font-size: 12px;
color: var(--faq-dark-font-color, #000000);
background-color: transparent;
}
html.md .faq-summary-rules h1,
html.lg .faq-summary-rules h1,
html.xl .faq-summary-rules h1,
html.md .faq-summary-rules h2,
html.lg .faq-summary-rules h2,
html.xl .faq-summary-rules h2 {
font-size: 30px;
line-height: 21px;
margin-top: 67px;
margin-bottom: 25px;
}
html.md .faq-summary-rules p,
html.lg .faq-summary-rules p,
html.xl .faq-summary-rules p {
font-size: 15px;
line-height: 21px;
margin-bottom: 16px;
}
html.md .faq-summary-rules b,
html.lg .faq-summary-rules b,
html.xl .faq-summary-rules b,
html.md .faq-summary-rules em,
html.lg .faq-summary-rules em,
html.xl .faq-summary-rules em,
html.md .faq-summary-rules strong,
html.lg .faq-summary-rules strong,
html.xl .faq-summary-rules strong,
html.md .faq-summary-rules mark,
html.lg .faq-summary-rules mark,
html.xl .faq-summary-rules mark {
font-size: 15px;
color: var(--faq-dark-font-color, #000000);
}
.form-contact-us textarea {
resize: none;
}
.form-contact-us .form-control.error {
border: 1px solid var(--secondary-color);
}
.form-contact-us .form-control:not(select).error {
background-position: 99% center;
background-repeat: no-repeat;
padding-right: 30px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRjk5OUZFRjBCMTkxMUU3OTlGN0E3N0M2N0EwNENFQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRjk5OUZGMDBCMTkxMUU3OTlGN0E3N0M2N0EwNENFQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGOTk5RkVEMEIxOTExRTc5OUY3QTc3QzY3QTA0Q0VCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGOTk5RkVFMEIxOTExRTc5OUY3QTc3QzY3QTA0Q0VCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+R4KbOQAAAIZJREFUeNpi+M/AwICGE4B4AxD/R8MboHIo6pE5AkB8AYtGdHwBqhbFAJDAByI0w/AHmCEwA3DZDJPH5RK4n/+TYQAIJ4AkD1BgwAHG/9CwwAEYoTRONUwMFILBYcBBnLLwoMQJDoIMWIA7CIFhDMK4wQKqJCR8SRmXARhJmeLMRHZ2BggwAAOeEiP7LC7KAAAAAElFTkSuQmCC");
}
.form-contact-us .form-control:not(select).valid {
background-position: 99% center;
background-repeat: no-repeat;
padding-right: 30px;
}
.form-contact-us .capture-tip-error {
color: var(--secondary-color);
display: none;
text-align: left;
font-size: 0.85em;
}
.form-contact-us span.error {
color: var(--secondary-color);
text-align: left;
font-size: 0.85em;
display: none;
}
.tccc-cmp.tccc-cmp-widgetContainer[data-design-package$="priceSpider"] .priceSpider-button {
text-transform: uppercase;
padding: var(--padding__btn);
}
.pricespider_btn--visibility .priceSpider_Wrapper .btn-primary {
display: none !important;
}
#nina-coke .nw_UserSubmit {
border: 1px solid var(--primary-color);
background-color: var(--primary-color);
}
#nina-coke,
#nina-coke .nw_TitleBar span,
#nina-coke .ask,
#nina-coke .baseline,
#nina-coke .nw_SystemSays,
#nina-coke .nw_UserInputField,
#nina-coke .nw_UserSubmit,
#nina-coke .nw_TranscriptLink {
font-family: var(--font-family);
}
.pb-text--dark-highlight .tccc-cmp.tccc-cmp-text {
text-shadow: -15px 9px 20px var(--dark), -2px -1px 6px var(--dark), 2px -1px 14px var(--dark);
}
.pb-text--light-highlight .tccc-cmp.tccc-cmp-text {
text-shadow: -15px 9px 20px var(--light), -2px -1px 6px var(--light), 2px -1px 14px var(--light);
}
.tccc-cmp-video.ccn-video--iframe-height-500 .videoContainer .embed-responsive {
overflow: initial;
height: 500px;
}
.tccc-cmp-video.ccn-video--iframe-height-500 .videoContainer .embed-responsive iframe {
height: 500px;
}
.tccc-cmp-video.ccn-video--iframe-height-600 .videoContainer .embed-responsive {
overflow: initial;
height: 600px;
}
.tccc-cmp-video.ccn-video--iframe-height-600 .videoContainer .embed-responsive iframe {
height: 600px;
}
.tccc-cmp-video.ccn-video--iframe-height-700 .videoContainer .embed-responsive {
overflow: initial;
height: 700px;
}
.tccc-cmp-video.ccn-video--iframe-height-700 .videoContainer .embed-responsive iframe {
height: 700px;
}
.tccc-cmp-video.ccn-video--iframe-height-800 .videoContainer .embed-responsive {
overflow: initial;
height: 800px;
}
.tccc-cmp-video.ccn-video--iframe-height-800 .videoContainer .embed-responsive iframe {
height: 800px;
}
.tccc-htl-contentWrapper[data-component-name="modalContentWrapper"] .modal-body {
padding: 0px;
}
html.xs .publishMode .ccn-mobile-fullscreen .modal-dialog,
html.sm .publishMode .ccn-mobile-fullscreen .modal-dialog {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
html.xs .publishMode .ccn-mobile-fullscreen .modal-content,
html.sm .publishMode .ccn-mobile-fullscreen .modal-content {
height: 100vh;
border: 0;
border-radius: 0;
}
html.xs .publishMode .ccn-mobile-fullscreen .modal-body,
html.sm .publishMode .ccn-mobile-fullscreen .modal-body {
overflow-y: auto;
}
html.md .publishMode .ccn-desktop-fullscreen .modal-dialog,
html.lg .publishMode .ccn-desktop-fullscreen .modal-dialog,
html.xl .publishMode .ccn-desktop-fullscreen .modal-dialog {
height: 100%;
margin: 0 auto;
}
html.md .publishMode .ccn-desktop-fullscreen .modal-content,
html.lg .publishMode .ccn-desktop-fullscreen .modal-content,
html.xl .publishMode .ccn-desktop-fullscreen .modal-content {
height: 100vh;
border: 0;
border-radius: 0;
}
html.md .publishMode .ccn-desktop-fullscreen .modal-body,
html.lg .publishMode .ccn-desktop-fullscreen .modal-body,
html.xl .publishMode .ccn-desktop-fullscreen .modal-body {
overflow-y: scroll;
}
a:active,
a:focus {
outline: 1px solid;
}
a[data-toggle="modal"] {
cursor: pointer;
}
ko-preloader {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: block;
margin: 0 auto;
width: 64px;
height: 64px;
}
.tccc-cmp {
opacity: 0;
}
.tccc-cmp.cmp-style-loaded {
opacity: 1;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.loading__modal .modal-content {
background-color: var(--primary-color);
}
.scan__modal {
color: var(--dark);
}
.scan__btn,
.qr-code__btn {
color: var(--light);
background-color: var(--primary-color);
}
#ingredients_Container #GMO--label,
#ingredients_Container > .gmo_list {
display: none;
}
html {
scroll-behavior: smooth;
}
:root {
--common-neutral-color: #ddd;
--common-light-grey: #D9D9D7;
--common-dark-grey: #808080;
--common-darker-grey: #555555;
--common-red: #F70000;
--profile-popover-color: #a5a5a5;
--faq-default-summary-font-color: #444444;
--readonlyBg: #E9E9E9;
--readonlyColor: #6A6A6A;
}
@font-face {
font-family: "Titling Gothic FB Reg";
src: url("https://static.coke.com/fonts/nagbrands/titlinggothic/titling-gothic-fb-compressed-regular.woff") format("woff"), url("https://static.coke.com/fonts/nagbrands/titlinggothic/titling-gothic-fb-compressed-regular.woff2") format("woff2"), url("https://static.coke.com/fonts/nagbrands/titlinggothic/titling-gothic-fb-compressed-regular.eot") format("eot"), url("https://static.coke.com/fonts/nagbrands/titlinggothic/titling-gothic-fb-compressed-regular.ttf") format("ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Titling Gothic FB Stan";
src: url("https://static.coke.com/fonts/nagbrands/titlinggothic/titling-gothic-fb-compressed-standard.woff") format("woff"), url("https://static.coke.com/fonts/nagbrands/titlinggothic/titling-gothic-fb-compressed-standard.woff2") format("woff2"), url("https://static.coke.com/fonts/nagbrands/titlinggothic/titling-gothic-fb-compressed-standard.eot") format("eot"), url("https://static.coke.com/fonts/nagbrands/titlinggothic/titling-gothic-fb-compressed-standard.ttf") format("ttf");
font-weight: normal;
font-style: normal;
}
:root {
--primary-color: #776423;
--secondary-color: #666;
--tertiary-color: #000000;
--dark: #000;
--light: white;
--font-family: "futura-pt", "sans-serif";
--font-family-titles: "Titling Gothic FB Stan", "futura-pt", "sans-serif";
--border-default-card: 2px solid var(--light);
--border-hover-card: 2px solid var(--secondary-color);
--backdrop: rgba(255, 255, 255, 0.75);
}
html {
font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.font-title {
font-family: var(--font-family-titles);
font-weight: 500;
letter-spacing: 1px;
}
.font-title {
font-family: var(--font-family-titles) !important;
}
.font-text {
font-family: var(--font-family) !important;
}
.pb-text--pdp-link .tccc-cmp-text .text__container * {
font-family: inherit;
color: #000000;
font-size: 16px;
}
html.md .pb-text--pdp-link .tccc-cmp-text .text__container *,
html.lg .pb-text--pdp-link .tccc-cmp-text .text__container *,
html.xl .pb-text--pdp-link .tccc-cmp-text .text__container * {
font-size: 20px;
}
html.md .pb-text--pdp-link .tccc-cmp-text .text__container *:hover,
html.lg .pb-text--pdp-link .tccc-cmp-text .text__container *:hover,
html.xl .pb-text--pdp-link .tccc-cmp-text .text__container *:hover {
text-decoration: none;
}
.ccn-arrow-icon--left .text__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: initial;
-webkit-justify-content: initial;
-ms-flex-pack: initial;
justify-content: initial;
}
.ccn-arrow-icon--left .text__container p,
.ccn-arrow-icon--left .text__container h2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: initial;
-webkit-justify-content: initial;
-ms-flex-pack: initial;
justify-content: initial;
margin-bottom: 0;
}
.ccn-arrow-icon--left .text__container p::before,
.ccn-arrow-icon--left .text__container h2::before {
content: "";
/* stylelint-disable */
width: -webkit-calc(16px - 2px);
width: calc(16px - 2px);
height: -webkit-calc(16px - 2px);
height: calc(16px - 2px);
/* stylelint-enable */
margin-right: 10px;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="black" viewBox="0 0 8 8"%3E%3Cpath d="m 5.25,0 -4,4 4,4 0,-1.5 0,-2.5381356 0,-2.4025424 z" id="path2"/%3E%3C/svg%3E');
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
}
.ccn-arrow-icon--left .text__container p::before:active,
.ccn-arrow-icon--left .text__container h2::before:active {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="black" viewBox="0 0 8 8"%3E%3Cpath d="m 5.25,0 -4,4 4,4 0,-1.5 0,-2.5381356 0,-2.4025424 z" id="path2"/%3E%3C/svg%3E');
}
html.lg .ccn-arrow-icon--left .text__container p::before:hover,
html.lg .ccn-arrow-icon--left .text__container h2::before:hover,
html.xl .ccn-arrow-icon--left .text__container p::before:hover,
html.xl .ccn-arrow-icon--left .text__container h2::before:hover {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="black" viewBox="0 0 8 8"%3E%3Cpath d="m 5.25,0 -4,4 4,4 0,-1.5 0,-2.5381356 0,-2.4025424 z" id="path2"/%3E%3C/svg%3E');
}
html.md .ccn-arrow-icon--left .text__container p::before,
html.md .ccn-arrow-icon--left .text__container h2::before,
html.lg .ccn-arrow-icon--left .text__container p::before,
html.lg .ccn-arrow-icon--left .text__container h2::before,
html.xl .ccn-arrow-icon--left .text__container p::before,
html.xl .ccn-arrow-icon--left .text__container h2::before {
width: -webkit-calc(20px - 2px);
width: calc(20px - 2px);
height: -webkit-calc(20px - 2px);
height: calc(20px - 2px);
}
.ccn-arrow-icon--contact-us .text__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.ccn-arrow-icon--contact-us .text__container p,
.ccn-arrow-icon--contact-us .text__container h2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
}
.ccn-arrow-icon--contact-us .text__container p::before,
.ccn-arrow-icon--contact-us .text__container h2::before {
content: "";
/* stylelint-disable */
width: -webkit-calc(16px - 2px);
width: calc(16px - 2px);
height: -webkit-calc(16px - 2px);
height: calc(16px - 2px);
/* stylelint-enable */
margin-right: 10px;
background-image: var(--ko-arrow-icon);
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
}
.ccn-arrow-icon--contact-us .text__container p::before:active,
.ccn-arrow-icon--contact-us .text__container h2::before:active {
background-image: var(--ko-arrow-icon);
}
html.lg .ccn-arrow-icon--contact-us .text__container p::before:hover,
html.lg .ccn-arrow-icon--contact-us .text__container h2::before:hover,
html.xl .ccn-arrow-icon--contact-us .text__container p::before:hover,
html.xl .ccn-arrow-icon--contact-us .text__container h2::before:hover {
background-image: var(--ko-arrow-icon);
}
html.md .ccn-arrow-icon--contact-us .text__container p::before,
html.md .ccn-arrow-icon--contact-us .text__container h2::before,
html.lg .ccn-arrow-icon--contact-us .text__container p::before,
html.lg .ccn-arrow-icon--contact-us .text__container h2::before,
html.xl .ccn-arrow-icon--contact-us .text__container p::before,
html.xl .ccn-arrow-icon--contact-us .text__container h2::before {
width: -webkit-calc(15px - 2px);
width: calc(15px - 2px);
height: -webkit-calc(15px - 2px);
height: calc(15px - 2px);
}
.btn.btn-primary {
border: 0;
padding: 10px 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
-webkit-transition: none;
transition: none;
color: var(--primary-color);
background-color: var(--light);
border: 2px solid var(--primary-color);
}
html.md .btn.btn-primary:hover,
html.lg .btn.btn-primary:hover,
html.xl .btn.btn-primary:hover {
color: var(--light);
background-color: var(--primary-color);
}
.tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn {
border: 0;
padding: 10px 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
-webkit-transition: none;
transition: none;
color: var(--primary-color);
background-color: var(--light);
border: 2px solid var(--primary-color);
}
html.md .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover,
html.lg .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover,
html.xl .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover {
color: var(--light);
background-color: var(--primary-color);
}
.pb-button--secondary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn {
border: 0;
padding: 10px 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
-webkit-transition: none;
transition: none;
color: var(--dark);
background-color: var(--light);
}
html.md .pb-button--secondary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover,
html.lg .pb-button--secondary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover,
html.xl .pb-button--secondary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover {
color: var(--light);
background-color: var(--secondary-color);
}
.pb-button--tertiary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn {
border: 0;
padding: 10px 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
-webkit-transition: none;
transition: none;
color: var(--light);
background-color: var(--primary-color);
}
html.md .pb-button--tertiary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover,
html.lg .pb-button--tertiary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover,
html.xl .pb-button--tertiary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover {
color: var(--light);
background-color: var(--secondary-color);
}
a:hover {
color: var(--secondary-color);
}
.tccc-cmp-footer {
--footer-top-title-font-size: 14px;
--footer-top-title-font-size-mobile: 12px;
--footer-copy-font-size: 14px;
--footer-copy-font-size-mobile: 12px;
--footer-link-font-size: 14px;
--footer-link-font-size-mobile: 12px;
--footer-color-default: var(--light);
--footer-color-hover: var(--light);
--footer-font-weight: bold;
--footer-line-height-copy: 1.5;
--footer-line-height-link: 1.4;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link {
color: var(--secondary-color);
font-size: 16px;
font-weight: 700;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link.current-page {
color: var(--primary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link.current-page:after {
background-color: var(--primary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link.current-page .nav__link-arrow {
fill: var(--primary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__item.open .nav__link {
color: var(--primary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__item.open .nav__link-arrow {
fill: var(--primary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-link,
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__menu--link,
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__menu--link {
color: var(--secondary-color);
border: 1px solid transparent;
white-space: nowrap;
}
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-text,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-text {
font-size: 12px;
font-weight: 700;
}
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link:hover,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-link:hover,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link:hover,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-link:hover {
color: var(--primary-color);
}
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link:not([aria-expanded]):hover:after,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link:not([aria-expanded]):hover:after {
content: " ";
position: absolute;
bottom: 0;
height: 5px;
width: 100%;
background-color: var(--primary-color);
}
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__menu--link:hover,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__menu--link:hover,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__menu--link:hover,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__menu--link:hover {
color: #ff0000;
}
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__logo a:focus,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link:focus,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-link:focus,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__menu--link:focus,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav-icons__link:focus,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__menu--link:focus,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-img:focus,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__logo a:focus,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link:focus,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-link:focus,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__menu--link:focus,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav-icons__link:focus,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__menu--link:focus,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-img:focus {
outline: 1px solid var(--secondary-color);
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link {
color: var(--light);
font-size: 16px;
font-weight: 700;
line-height: 1.5;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link.current-page,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link.current-page,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link.current-page {
color: var(--light);
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-link,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__menu--link,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__menu--link,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-link,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__menu--link,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__menu--link,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-link,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__menu--link,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__menu--link {
font-weight: 700;
color: var(--light);
border: none;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-text {
font-size: 12px;
font-weight: 700;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] {
--neutral-color: #f5f5f5;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__item.open .nav__link-arrow {
fill: var(--light);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__mobile-icon_link {
background-image: url('data:image/svg+xml;utf8,');
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__logo-img {
max-height: 83px;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__menu-list {
margin: 0 15%;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link-arrow {
fill: var(--light);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link.current-page:after {
background-color: var(--light);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link.current-page .nav__link-arrow {
fill: var(--light);
}
.tccc-cmp .language__wrapper {
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
}
.tccc-cmp .language__wrapper .btn-language {
color: var(--light);
}
.tccc-cmp .language__wrapper .btn-language .nav__link-arrow {
fill: var(--light);
}
html.md .tccc-cmp .language__wrapper .language__menu--item .language__menu--link,
html.lg .tccc-cmp .language__wrapper .language__menu--item .language__menu--link,
html.xl .tccc-cmp .language__wrapper .language__menu--item .language__menu--link {
color: var(--secondary-color);
}
html.md .tccc-cmp .language__wrapper .language__menu--item .language__menu--link:hover,
html.lg .tccc-cmp .language__wrapper .language__menu--item .language__menu--link:hover,
html.xl .tccc-cmp .language__wrapper .language__menu--item .language__menu--link:hover {
color: var(--primary-color);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] {
--brand-accent-color: #776423;
--dark: #000;
--border-color: #776423;
--prod__title--large: 35px;
--prod__title--small: 25px;
--img__max-width: 100%;
--title__font-size--small: var(--prod__title--large);
--title__font-size--medium: 16px;
--title__font-size--large: 40px;
--title__mb--small: var(--prod__title--large);
--title__mb--medium: 0;
--title__mb--large: 40px;
--title__btn--font-size: 15px;
--text-transform: none;
--desc__font-size--medium: 18px;
--desc__font-size--large: 22px;
--desc__line-height--medium: 21.6px;
--desc__line-height--large: 26.4px;
--desc__margin-botton: 10px;
--padding-tab: 10px 15px 9px;
--padding-tab--active: 10px;
--padding-select-size: 10px;
--padding__btn: 7px 30px;
--font-size--tab: 17px;
--font-size--medium: 16px;
--nutri-data-margin: 50px 30px;
--color--product-button: var(--brand-accent-color);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top {
border-bottom: 2px solid var(--common-light-grey);
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top {
padding-bottom: 1.5rem;
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top {
border-bottom: 2px solid var(--common-light-grey);
margin: 3rem 0 2.5rem;
padding-bottom: 2.3rem;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__title * {
font-weight: bold;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__title .product_mobileTitle,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__title .product_mobileTitle * {
font-size: var(--title__font-size--small);
text-align: center;
margin-bottom: var(--title__mb--small);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__title .product_desktopTitle,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__title .product_desktopTitle * {
font-size: var(--title__font-size--large);
margin-bottom: var(--title__mb--large);
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__title .product_desktopTitle,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__title .product_desktopTitle *,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__title .product_desktopTitle,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__title .product_desktopTitle * {
font-size: var(--title__font-size--medium);
margin-bottom: var(--title__mb--medium);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description * {
margin-bottom: var(--desc__margin-botton) !important;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description,
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description *,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description * {
text-align: center;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description *,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description * {
font-size: var(--desc__font-size--medium);
line-height: var(--desc__line-height--medium);
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__container--top .product__description * {
font-size: var(--desc__font-size--large);
line-height: var(--desc__line-height--large);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--left .product__imagesWrapper {
padding-bottom: 0px;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--left .product__imagesWrapper img,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--left .product__imagesWrapper img {
max-height: 350px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--button .product__selectedFlavor {
white-space: nowrap;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-weight: bold;
color: var(--dark);
pointer-events: none;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-size: 1.2rem;
margin-bottom: 0.8rem;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
margin-bottom: 5px;
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-size: 20px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button {
border: 2px solid var(--color--product-button);
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button svg,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button svg {
width: 17px;
height: 15px;
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button svg,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button svg,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button svg {
width: 18px;
height: 18px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavorImageWrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 6px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor *,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize * {
font-size: var(--font-size-medium);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize {
padding-left: var(--padding-select-size);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--list,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorSize--list {
z-index: 1;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--list .product__flavorDropDwn,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorSize--list .product__flavorDropDwn,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--list .product__flavorSizeDropDwn,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorSize--list .product__flavorSizeDropDwn {
line-height: 3rem;
padding-left: 0;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product_wrapper--viewInfo .product__viewInfo,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product_wrapper--viewInfo .product__viewInfo {
font-size: 15px;
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product_wrapper--viewInfo .product__viewInfo,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product_wrapper--viewInfo .product__viewInfo,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product_wrapper--viewInfo .product__viewInfo {
font-size: var(--font-size-medium);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container {
--dp-brand-accent-color: #333;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container {
margin: 1.5rem 0 2rem;
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container {
margin: var(--nutri-data-margin);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs {
border-bottom: none;
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs:first-child::before,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs:first-child::before,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs:first-child::before {
content: "";
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item.tabActive .nav-link.active,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item.tabActive .nav-link.active {
outline: none;
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item:first-of-type,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item:first-of-type,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item:first-of-type {
border-bottom: none;
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item:last-of-type .nav-link,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item:last-of-type .nav-link,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item:last-of-type .nav-link {
border-right: 1px solid;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link {
font-size: var(--font-size--tab);
font-weight: bold;
text-transform: var(--text-transform);
left: -1px;
border-right: none;
outline: none;
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link {
padding: var(--padding-tab);
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link.active,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link.active,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link.active {
padding-bottom: var(--padding-tab--active);
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item svg,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item svg {
width: 17px;
height: 15px;
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item svg,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item svg,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item svg {
width: 18px;
height: 18px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .detail_CloneMobile {
padding: 1rem;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .detail_CloneMobile * {
font-weight: normal;
line-height: 1.3;
margin: 0;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info {
border-top: none;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info {
color: var(--dp-brand-accent-color);
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info {
padding: 0 1rem;
border-bottom: 1px solid var(--dp-brand-accent-color);
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info {
padding: 2rem;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts {
font-size: 12px;
padding-top: 1rem;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts {
padding: 2rem 0;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__label,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__label {
font-size: 27px;
line-height: 35px;
color: inherit;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__amount-per-serving,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__amount-per-serving {
font-size: 9px;
padding: 3px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__calories,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__calories {
font-size: 23px;
padding: 3px;
font-weight: 900;
border-color: var(--dp-brand-accent-color);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__caloriesVal,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__caloriesVal {
font-size: 30px;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__servingsPerContainer,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__servingsPerContainer {
font-size: inherit;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__servingSize,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__servingSize {
font-size: 14px;
border-color: var(--dp-brand-accent-color);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .dailyValHeader,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__Wrapper .dailyValHeader {
font-size: 9px;
padding: 4px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .nutritionTable_rowContainer.groupedNutritionItems:not(.level2) .nutritionItem_row:nth-child(1) .nutritionItem,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__Wrapper .nutritionTable_rowContainer.groupedNutritionItems:not(.level2) .nutritionItem_row:nth-child(1) .nutritionItem {
text-indent: 0px;
font-weight: 900;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .nutritionTable_rowContainer.groupedNutritionItems .DailyVal,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__Wrapper .nutritionTable_rowContainer.groupedNutritionItems .DailyVal {
font-weight: 900;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable_bottomSection,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable_bottomSection {
border-top: 5px solid var(--dp-brand-accent-color);
border-bottom: 5px solid var(--dp-brand-accent-color);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__footer-container,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__footer-container {
font-size: 10px;
padding-top: 3px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section {
padding: 0;
margin: 0;
border: none;
width: auto;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts .card-img-top {
max-width: var(--img__max-width);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container {
font-size: 16px !important;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label {
font-weight: 700 !important;
margin-bottom: 0.8rem;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label:first-of-type,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label:first-of-type {
font-size: var(--title__btn--font-size);
}
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label:first-of-type,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredientItem_list *,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label:first-of-type,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredientItem_list * {
font-size: 17px !important;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient_list * {
line-height: 1.7rem;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container #GMO--label {
font-weight: 700;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container {
max-width: 1170px;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container {
padding: 0 20px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--left img {
height: 490px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right {
color: var(--dark);
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top {
padding-bottom: 0;
border-bottom: 0;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title {
margin: 0;
color: var(--dark);
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title {
margin: 0;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title .product_desktopTitle,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title .product_desktopTitle * {
font-weight: bold;
font-size: 35px;
text-transform: uppercase;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title .product_mobileTitle {
font-size: 32px;
line-height: 38.4px;
margin-bottom: 10px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title .product_mobileTitle,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title .product_mobileTitle * {
font-weight: bold;
margin: 0 0 10px;
text-transform: uppercase;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__description * {
font-family: var(--font-family-titles);
font-size: var(--desc__font-size--large);
line-height: var(--desc__line-height--large);
font-weight: 500;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__description *,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__description * {
font-size: var(--desc__font-size--medium);
line-height: var(--desc__line-height--medium);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom {
padding-top: 37px;
border-top: 3px solid var(--brand-accent-color) !important;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-family: var(--font-family-titles);
color: var(--dark);
font-weight: 500;
margin: 20px 0;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-size: 20px;
text-align: left;
margin-bottom: 15px;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-size: 23px;
font-weight: 700;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button:not(#product__buyNow--button),
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button:not(#product__buyNow--button),
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button:not(#product__buyNow--button) {
border-width: 2px;
min-width: 300px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button {
border: 2px solid var(--brand-accent-color);
width: 283px;
margin-right: 35px;
color: #000;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button {
width: 100%;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .productInfo__selectedFlavorItem {
text-transform: uppercase;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavorItem,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSizeItem {
font-size: var(--title__font-size--medium);
font-weight: 100;
text-transform: uppercase;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize {
padding-left: 25px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--button,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorSize--button {
border: 2px solid var(--light);
background-color: var(--light);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--list,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorSize--list {
border-color: var(--light);
border-top: none;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--list .product__listItem--link,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorSize--list .product__listItem--link {
line-height: 32px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSizeItem {
text-transform: initial;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus #product__buyNow--button,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus .product__button--link,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus .product__buyNow--label {
font-weight: bold;
font-size: var(--font-size--medium);
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus #product__buyNow--button,
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus .product__button--link,
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus .product__buyNow--label,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus #product__buyNow--button,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus .product__button--link,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus .product__buyNow--label {
line-height: 1;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus #product__buyNow--button,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus .product__button--link {
padding-top: 17px;
padding-bottom: 17px;
padding-left: 13px;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus #product__buyNow--button,
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus .product__button--link,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus #product__buyNow--button,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus .product__button--link {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 17px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus #product__buyNow--list {
border-color: var(--border-color);
border-top: none;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus #product__buyNow--list span {
font-size: var(--font-size--medium);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--buttonMenus #product__buyNow--list .product__listItem--link {
line-height: 32px;
text-transform: uppercase;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__selectedFlavorSize {
text-transform: initial;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product_wrapper--viewInfo .product__viewInfo {
font-family: var(--font-family-titles);
font-weight: 400;
color: #000;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product_wrapper--viewInfo .product__viewInfo,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product_wrapper--viewInfo .product__viewInfo,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product_wrapper--viewInfo .product__viewInfo {
font-size: 18px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .ps-widget {
border: 0;
padding: 10px 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
-webkit-transition: none;
transition: none;
color: var(--primary-color);
background-color: var(--light);
border: 2px solid var(--primary-color);
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .ps-widget:hover,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .ps-widget:hover,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .ps-widget:hover {
color: var(--light);
background-color: var(--primary-color);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition_detailsContainer * {
font-size: 16px;
font-weight: 500;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__label {
text-align: left;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .dailyValHeader {
font-size: 10px;
font-weight: 900;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition__caffineInfo-container * {
font-size: 16px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container #ingredient--label {
font-size: 18px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient_list *,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container #GMO--label,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .gmo_list * {
font-size: var(--font-size--medium);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient_list {
text-transform: none;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredientItem_list {
font-size: 17px;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item {
padding: 25px;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item {
margin-bottom: 0;
padding-bottom: 0;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item:last-of-type .nav-link,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item:last-of-type .nav-link,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item:last-of-type .nav-link {
border-right-color: #000;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link:focus,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link:focus,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link:focus {
outline: 1px solid var(--dark);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link.active {
color: var(--brand-accent-color);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item svg.active {
fill: var(--brand-accent-color);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .detail_CloneMobile {
padding-top: 2rem;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .detail_CloneMobile * {
color: #333333;
font-size: 16px;
font-weight: 500;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link {
font-family: var(--font-family-titles);
font-weight: normal;
color: var(--primary-color);
background-color: transparent;
text-transform: uppercase;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link {
font-size: 24px;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link {
display: block;
font-size: 24px;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link.active,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link.active,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #nutritionData__Container .nav-tabs .nav-item .nav-link.active {
color: #fff;
background-color: var(--primary-color);
}
.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] {
color: var(--dark);
}
.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .productLanding_headline {
font-weight: bold;
margin: 0;
padding: 20px 0;
}
.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .productList__exploreButton .product-explorebutton.btn-primary {
border: 0;
padding: 10px 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
-webkit-transition: none;
transition: none;
color: var(--primary-color);
background-color: var(--light);
border: 2px solid var(--primary-color);
background-color: transparent;
}
html.md .tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .productList__exploreButton .product-explorebutton.btn-primary:hover,
html.lg .tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .productList__exploreButton .product-explorebutton.btn-primary:hover,
html.xl .tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .productList__exploreButton .product-explorebutton.btn-primary:hover {
color: var(--light);
background-color: var(--primary-color);
}
.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card {
margin: 0 0 100px;
}
.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card .card-body .productList__title * {
font-family: var(--font-family-titles);
font-size: 18px;
text-transform: none;
font-weight: normal;
color: #000;
margin-top: 10px;
}
html.md .tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card .card-body .productList__title *,
html.lg .tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card .card-body .productList__title *,
html.xl .tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card .card-body .productList__title * {
font-size: 22px;
}
.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card .card-img-top {
width: 65%;
}
.tccc-cmp-footer[data-design-package*="nagbrands_default"] a {
color: var(--light);
font-size: inherit;
}
#product__container #product__buyNow--button {
padding-left: 15px;
padding-right: 15px;
color: var(--light);
border-color: transparent;
}
#product__container #icon-arrow-down {
fill: var(--light);
width: 16px;
height: 16px;
}
html.md #product__container #icon-arrow-down,
html.lg #product__container #icon-arrow-down,
html.xl #product__container #icon-arrow-down {
width: 18px;
height: 18px;
}
#product__container .product__flavorDropDwn #icon-arrow-down,
#product__container .product__flavorSizeDropDwn #icon-arrow-down {
fill: var(--dark);
}
#product__container .product__wrapper--buttonMenus .product__CTA .product__button--link {
background-image: var(--ko-location);
background-repeat: no-repeat;
background-position: -webkit-calc(100% - 13px) center;
background-position: calc(100% - 13px) center;
background-size: 16px;
font-weight: 500;
}
html.md #product__container .product__wrapper--buttonMenus .product__CTA .product__button--link,
html.lg #product__container .product__wrapper--buttonMenus .product__CTA .product__button--link,
html.xl #product__container .product__wrapper--buttonMenus .product__CTA .product__button--link {
padding-right: 70px;
}
html.md #product__container .ps-widget,
html.lg #product__container .ps-widget,
html.xl #product__container .ps-widget {
width: 200px;
line-height: 1.15;
margin: 1.5rem 0 0.5rem;
}
html.md #nutritionData__Container .nav-tabs,
html.lg #nutritionData__Container .nav-tabs,
html.xl #nutritionData__Container .nav-tabs {
border-bottom: none;
}
html.md #nutritionData__Container .nav-tabs:first-child::after,
html.lg #nutritionData__Container .nav-tabs:first-child::after,
html.xl #nutritionData__Container .nav-tabs:first-child::after {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
content: " ";
width: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
border-bottom: 1px solid var(--dark);
height: auto;
background: none;
}
#nutritionData__Container .nav-tabs .nav-item {
margin-bottom: 0;
}
#nutritionData__Container .nav-tabs .nav-item svg {
fill: var(--common-dark-grey);
margin-top: 5px;
}
html.xs #nutritionData__Container .nav-tabs .nav-item.tabActive .nav-link.active,
html.sm #nutritionData__Container .nav-tabs .nav-item.tabActive .nav-link.active {
outline: none;
}
html.xs #nutritionData__Container .nav-tabs .nav-item.tabActive svg,
html.sm #nutritionData__Container .nav-tabs .nav-item.tabActive svg {
fill: var(--dark);
}
html.md #nutritionData__Container .nav-tabs .nav-item,
html.lg #nutritionData__Container .nav-tabs .nav-item,
html.xl #nutritionData__Container .nav-tabs .nav-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
html.md #nutritionData__Container .nav-tabs .nav-item:first-of-type *,
html.lg #nutritionData__Container .nav-tabs .nav-item:first-of-type *,
html.xl #nutritionData__Container .nav-tabs .nav-item:first-of-type * {
border-right: none !important;
}
#nutritionData__Container .nav-tabs .nav-item .nav-link {
font-weight: 500;
}
html.xs #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.sm #nutritionData__Container .nav-tabs .nav-item .nav-link {
font-weight: 500;
}
#nutritionData__Container #nutritionData_info {
border-top: none;
}
#nutritionData__Container #nutritionTable_Container #product-facts__nutritional-table .product-facts__main-table-nutrients {
border-bottom: 9px solid var(--dp-brand-accent-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] {
--neutral-color: #fff;
--mobile-menu-divider: 1px solid var(--profile-popover-color);
}
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation {
height: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__menu-bar,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__menu-bar,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__menu-list,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__menu-list,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__item,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__item {
height: 100%;
}
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link.current-page:after,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link.current-page:after,
html.lg .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link:not([aria-expanded]):hover:after,
html.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link:not([aria-expanded]):hover:after {
content: " ";
position: absolute;
bottom: 0;
height: 5px;
width: 100%;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open:before,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open:before,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open:before,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open:before,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open:before,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open:before {
content: " ";
background-color: var(--neutral-color);
position: absolute;
width: 100%;
height: 1px;
bottom: -1px;
z-index: 9;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .nav__link-icon--profile,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .nav__link-icon--profile,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .nav__link-icon--profile,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .nav__link-icon--profile,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .nav__link-icon--profile,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .nav__link-icon--profile,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .profile__menu,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .profile__menu,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .profile__menu,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .profile__menu,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .profile__menu,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .profile__menu,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .language__menu,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .language__menu,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .language__menu,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .language__menu,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .language__menu,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .language__menu,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open.nav__submenu--wrapper,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open.nav__submenu--wrapper,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open.nav__submenu--wrapper,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open.nav__submenu--wrapper,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open.nav__submenu--wrapper,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open.nav__submenu--wrapper {
background-color: var(--neutral-color);
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open.nav__submenu--wrapper,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open.nav__submenu--wrapper,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open.nav__submenu--wrapper,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open.nav__submenu--wrapper,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open.nav__submenu--wrapper,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open.nav__submenu--wrapper {
border-left: var(--mobile-menu-divider);
border-right: var(--mobile-menu-divider);
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .profile__menu--item,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .profile__menu--item,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .profile__menu--item,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .profile__menu--item,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .profile__menu--item,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .profile__menu--item,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .language__menu--item,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .language__menu--item,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .language__menu--item,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .language__menu--item,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper.open .language__menu--item,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper.open .language__menu--item {
border-top: var(--mobile-menu-divider);
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper .nav__link-icon--profile,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper .nav__link-icon--profile,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper .nav__link-icon--profile,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper .nav__link-icon--profile,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper .nav__link-icon--profile,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .language__wrapper .nav__link-icon--profile {
width: 100%;
}
.pb-button--full-width .tccc-cmp-button.tccc-cmp-button[data-design-package$="default"] .btn,
.pb-button--full-width .tccc-cmp-button.tccc-cmp-button[data-design-package$="/content/dam/nagbrands/components/content/button/trigger_modal"] .btn,
.pb-button--full-width .tccc-cmp-button.tccc-cmp-button[data-design-package$="/content/dam/nagbrands/components/content/button/sticky"] .btn,
.pb-button--full-width .tccc-cmp-button.tccc-cmp-button[data-design-package$="/content/dam/nagbrands/components/content/button/signIn"] .btn {
width: 100%;
max-width: initial;
}
.pb-button--show-label .tccc-cmp-button .btn-printer--label {
display: block;
}
.medium .nagbrands-default-card .card__text--title {
font-size: 60px;
line-height: 1;
}
.medium .nagbrands-vertical-card .card__text--title {
font-size: 55px;
line-height: 0.95;
}
html.xs .medium .nagbrands-default-card .card__text--title,
html.xs .medium .nagbrands-vertical-card .card__text--title,
html.sm .medium .nagbrands-default-card .card__text--title,
html.sm .medium .nagbrands-vertical-card .card__text--title,
html.md .medium .nagbrands-default-card .card__text--title,
html.md .medium .nagbrands-vertical-card .card__text--title {
font-size: 35px;
}
.large .card__text--title {
font-size: 125px;
line-height: 0.8;
font-weight: bold;
}
html.xs .large .card__text--title,
html.sm .large .card__text--title,
html.md .large .card__text--title {
font-size: 35px;
line-height: 0.95;
}
.large .card__btn .btn {
font-size: 30px;
}
html.xs .large .card__btn .btn,
html.sm .large .card__btn .btn,
html.md .large .card__btn .btn {
font-size: 18px;
}
.card.pb-card-headline-secondary-font .card__text--title {
font-family: var(--secondary-font-family);
}
.pb-card__btn-color--secondary .btn {
color: var(--light);
background-color: var(--secondary-color);
border: var(--border-default-card);
}
html.md .pb-card__btn-color--secondary .btn:hover,
html.lg .pb-card__btn-color--secondary .btn:hover,
html.xl .pb-card__btn-color--secondary .btn:hover {
background-color: var(--tertiary-color);
border: var(--border-hover-card);
}
.pb-card-tertiary-btn-color .btn {
background-color: var(--tertiary-color);
}
html.md .pb-card-tertiary-btn-color .btn:hover,
html.lg .pb-card-tertiary-btn-color .btn:hover,
html.xl .pb-card-tertiary-btn-color .btn:hover {
background-color: var(--secondary-color);
}
.pb-card-dark-btn-color .btn {
background-color: var(--dark);
border-color: var(--dark);
}
html.md .pb-card-dark-btn-color .btn:hover,
html.lg .pb-card-dark-btn-color .btn:hover,
html.xl .pb-card-dark-btn-color .btn:hover {
background-color: var(--dark);
border-color: var(--dark);
}
.pb-card-light-btn-color .btn {
background-color: var(--light);
border-color: var(--light);
}
html.md .pb-card-light-btn-color .btn:hover,
html.lg .pb-card-light-btn-color .btn:hover,
html.xl .pb-card-light-btn-color .btn:hover {
background-color: var(--light);
border-color: var(--light);
}
.card.pb-card-bg-cover .card__wrapper {
background-size: cover;
background-position: top center;
}
.card.pb-card-bg-stretch .card__wrapper {
background-size: 100% 100%;
}
.card.pb-card--no-border .tccc-cmp-card > div {
border: none;
}
.card.pb-card--no-padding .tccc-cmp-card > div > .card__wrapper {
padding: 0;
}
/** ONLY DEFAULT DP **/
.pb-card-bg-transparent.card,
.pb-card-bg-transparent .card {
background-color: transparent;
}
.card.pb-card-full-bleed {
overflow: hidden;
}
.card.pb-card-full-bleed .card__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 696px;
}
html.xs .card.pb-card-full-bleed .card__wrapper.nagbrands-desktop-only,
html.sm .card.pb-card-full-bleed .card__wrapper.nagbrands-desktop-only {
display: none;
}
html.lg .card.pb-card-full-bleed .card__wrapper.nagbrands-mobile-only,
html.xl .card.pb-card-full-bleed .card__wrapper.nagbrands-mobile-only,
html.md .card.pb-card-full-bleed .card__wrapper.nagbrands-mobile-only {
display: none;
}
html.xs .card.pb-card-full-bleed .card__wrapper {
min-height: 395px;
}
html.sm .card.pb-card-full-bleed .card__wrapper,
html.md .card.pb-card-full-bleed .card__wrapper {
min-height: 550px;
}
.card.pb-card-full-bleed .card__info {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-right: 7%;
position: relative;
z-index: 1;
}
html.xs .card.pb-card-full-bleed .card__info,
html.sm .card.pb-card-full-bleed .card__info,
html.md .card.pb-card-full-bleed .card__info {
margin-right: 10%;
}
.card.pb-card-full-bleed .card__text--title {
padding-top: 0;
}
.card.pb-card-full-bleed .card__image {
position: absolute;
width: 100%;
top: 0;
bottom: 0;
left: 0;
}
.card.pb-card-full-bleed .card__image .img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top left;
margin: 0;
}
.pb-card--invert-text .card__text.card__text-top {
display: none !important;
}
.pb-card--invert-text .card__btn .btn.btn-primary {
display: none;
}
/** ONLY VERTICAL DP **/
.vertical-card-sizes .nagbrands-vertical-card .card__text--title {
font-size: var(--font-size-md);
}
html.xl .vertical-card-sizes .nagbrands-vertical-card .card__text--title {
font-size: var(--font-size-lg);
}
.pb-card-highlight-dark {
text-shadow: -15px 9px 20px var(--dark), -2px -1px 6px var(--dark), 2px -1px 14px var(--dark);
}
.pb-card-highlight-light {
text-shadow: -15px 9px 20px var(--light), -2px -1px 6px var(--light), 2px -1px 14px var(--light);
}
.pb-card--two-columns .nagbrands-vertical-card .card__two-columns--desktop-text,
.pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available {
display: none;
}
.pb-card--two-columns .nagbrands-vertical-card .card__text--title {
line-height: 0.75;
}
html.lg .pb-card--two-columns .nagbrands-vertical-card .card__wrapper,
html.xl .pb-card--two-columns .nagbrands-vertical-card .card__wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
html.lg .pb-card--two-columns .nagbrands-vertical-card .card__text,
html.xl .pb-card--two-columns .nagbrands-vertical-card .card__text,
html.lg .pb-card--two-columns .nagbrands-vertical-card .card__btn,
html.xl .pb-card--two-columns .nagbrands-vertical-card .card__btn {
display: none;
}
html.lg .pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available,
html.xl .pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available {
width: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
html.lg .pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available .card__text,
html.xl .pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available .card__text,
html.lg .pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available .card__two-columns--desktop-text,
html.xl .pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available .card__two-columns--desktop-text,
html.lg .pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available .card__btn,
html.xl .pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available .card__btn {
display: block;
}
html.lg .pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available .card__two-columns--mobile-text,
html.xl .pb-card--two-columns .nagbrands-vertical-card .card__two-columns--available .card__two-columns--mobile-text {
display: none;
}
html.lg .pb-card--two-columns .nagbrands-vertical-card .card__text--title,
html.xl .pb-card--two-columns .nagbrands-vertical-card .card__text--title {
margin-bottom: 0.9em;
}
html.xs .card__pt--mobile .tccc-cmp.tccc-cmp-card[data-design-package$="nagbrands_vertical"] .card__wrapper,
html.md .card__pt--mobile .tccc-cmp.tccc-cmp-card[data-design-package$="nagbrands_vertical"] .card__wrapper,
html.sm .card__pt--mobile .tccc-cmp.tccc-cmp-card[data-design-package$="nagbrands_vertical"] .card__wrapper {
padding-top: var(--val-em-sm);
}
html.xs .card__pb--mobile .tccc-cmp.tccc-cmp-card[data-design-package$="nagbrands_vertical"] .card__wrapper,
html.md .card__pb--mobile .tccc-cmp.tccc-cmp-card[data-design-package$="nagbrands_vertical"] .card__wrapper,
html.sm .card__pb--mobile .tccc-cmp.tccc-cmp-card[data-design-package$="nagbrands_vertical"] .card__wrapper {
padding-bottom: var(--val-em-sm);
}
html.lg .card__pt--desktop .tccc-cmp.tccc-cmp-card[data-design-package$="nagbrands_vertical"] .card__wrapper,
html.xl .card__pt--desktop .tccc-cmp.tccc-cmp-card[data-design-package$="nagbrands_vertical"] .card__wrapper {
padding-top: var(--val-em-md);
}
.contentFragmentCollection.pb-content-fragment-collection__font-color--dark {
color: var(--dark);
}
.contentFragmentCollection.pb-content-fragment-collection__font-color--light {
color: var(--light);
}
.contentFragmentCollection.pb-content-fragment-collection__alignment--left .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="recipeLanding"] .card-deck {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.contentFragmentCollection.pb-content-fragment-collection__btn__primary__border .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .btn.btn-primary.product-explorebutton {
color: var(--light);
background-color: var(--primary-color);
border: 2px solid var(--primary-color);
}
.contentFragmentCollection.pb-content-fragment-collection__btn__primary__border .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .btn.btn-primary.product-explorebutton:hover,
.contentFragmentCollection.pb-content-fragment-collection__btn__primary__border .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .btn.btn-primary.product-explorebutton:active {
color: var(--primary-color);
background-color: var(--light);
border: 2px solid var(--primary-color);
}
.contentFragmentCollection.pb-content-fragment-collection__btn__secondary__border .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .btn.btn-primary.product-explorebutton {
color: var(--primary-color);
background-color: var(--light);
border: 2px solid var(--primary-color);
}
.contentFragmentCollection.pb-content-fragment-collection__btn__secondary__border .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .btn.btn-primary.product-explorebutton:hover,
.contentFragmentCollection.pb-content-fragment-collection__btn__secondary__border .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .btn.btn-primary.product-explorebutton:active {
color: var(--light);
background-color: var(--primary-color);
}
.contentFragmentCollection.pb-content-fragment-collection__btn__tertiary .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .btn.btn-primary.product-explorebutton {
color: var(--dark);
background-color: var(--secondary-color);
}
.contentFragmentCollection.pb-content-fragment-collection__btn__tertiary .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .btn.btn-primary.product-explorebutton:hover,
.contentFragmentCollection.pb-content-fragment-collection__btn__tertiary .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .btn.btn-primary.product-explorebutton:active {
color: var(--light);
background-color: var(--dark);
}
.contentFragmentCollection.pb-content-fragment-collection__display--product--name .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding_priceSpider"] .product-landing__title {
display: block !important;
}
.contentwrapper.pb-content-wrapper__bg--center-x > .tccc-htl-contentWrapper > .responsive-background-image {
background-position-x: center;
}
.contentwrapper.pb-content-wrapper__bg--center-y > .tccc-htl-contentWrapper > .responsive-background-image {
background-position-y: center;
}
.contentwrapper.pb-content-wrapper__bg--no-repeat > .tccc-htl-contentWrapper > .responsive-background-image {
background-repeat: no-repeat;
}
.contentwrapper.pb-content-wrapper__bg--no-repeat-100 > .tccc-htl-contentWrapper > .responsive-background-image {
background-repeat: no-repeat;
background-size: 100%;
}
.contentwrapper.pb-content-wrapper__bg--cover > .tccc-htl-contentWrapper > .responsive-background-image {
background-repeat: no-repeat;
background-size: cover;
}
.contentwrapper.pb-content-wrapper__bg--center > .tccc-htl-contentWrapper > .responsive-background-image {
background-repeat: no-repeat;
background-position: center center;
}
.contentwrapper.pb-content-wrapper__bg--repeat-x > .tccc-htl-contentWrapper > .responsive-background-image {
background-repeat: repeat-x;
background-size: auto;
}
body:not(.authorEditMode) .contentwrapper.pb-content-wrapper--inline-content .aem-Grid {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
body:not(.authorEditMode) .contentwrapper.pb-content-wrapper--inline-content .aem-Grid > .aem-GridColumn {
width: auto;
}
html.md body:not(.authorEditMode) .contentwrapper.pb-content-wrapper--desktop-inline-content .aem-Grid,
html.lg body:not(.authorEditMode) .contentwrapper.pb-content-wrapper--desktop-inline-content .aem-Grid,
html.xl body:not(.authorEditMode) .contentwrapper.pb-content-wrapper--desktop-inline-content .aem-Grid {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
html.md body:not(.authorEditMode) .contentwrapper.pb-content-wrapper--desktop-inline-content .aem-Grid > .aem-GridColumn,
html.lg body:not(.authorEditMode) .contentwrapper.pb-content-wrapper--desktop-inline-content .aem-Grid > .aem-GridColumn,
html.xl body:not(.authorEditMode) .contentwrapper.pb-content-wrapper--desktop-inline-content .aem-Grid > .aem-GridColumn {
width: auto;
}
html.xs .contentwrapper.pb-content-wrapper--mobile-centered .contentwrapper,
html.sm .contentwrapper.pb-content-wrapper--mobile-centered .contentwrapper,
html.xs .contentwrapper.pb-content-wrapper--mobile-centered .text,
html.sm .contentwrapper.pb-content-wrapper--mobile-centered .text,
html.xs .contentwrapper.pb-content-wrapper--mobile-centered .button,
html.sm .contentwrapper.pb-content-wrapper--mobile-centered .button,
html.xs .contentwrapper.pb-content-wrapper--mobile-centered .image,
html.sm .contentwrapper.pb-content-wrapper--mobile-centered .image,
html.xs .contentwrapper.pb-content-wrapper--mobile-centered .title .text-left div,
html.sm .contentwrapper.pb-content-wrapper--mobile-centered .title .text-left div,
html.xs .contentwrapper.pb-content-wrapper--mobile-centered .title .text-right div,
html.sm .contentwrapper.pb-content-wrapper--mobile-centered .title .text-right div {
text-align: center;
}
html.xs .contentwrapper.pb-content-wrapper--mobile-centered .text p,
html.sm .contentwrapper.pb-content-wrapper--mobile-centered .text p {
text-align: center !important;
}
html.md .contentwrapper.pb-content-wrapper--desktop-centered .contentwrapper,
html.lg .contentwrapper.pb-content-wrapper--desktop-centered .contentwrapper,
html.xl .contentwrapper.pb-content-wrapper--desktop-centered .contentwrapper,
html.md .contentwrapper.pb-content-wrapper--desktop-centered .text,
html.lg .contentwrapper.pb-content-wrapper--desktop-centered .text,
html.xl .contentwrapper.pb-content-wrapper--desktop-centered .text,
html.md .contentwrapper.pb-content-wrapper--desktop-centered .button,
html.lg .contentwrapper.pb-content-wrapper--desktop-centered .button,
html.xl .contentwrapper.pb-content-wrapper--desktop-centered .button,
html.md .contentwrapper.pb-content-wrapper--desktop-centered .image,
html.lg .contentwrapper.pb-content-wrapper--desktop-centered .image,
html.xl .contentwrapper.pb-content-wrapper--desktop-centered .image,
html.md .contentwrapper.pb-content-wrapper--desktop-centered .title .text-left div,
html.lg .contentwrapper.pb-content-wrapper--desktop-centered .title .text-left div,
html.xl .contentwrapper.pb-content-wrapper--desktop-centered .title .text-left div,
html.md .contentwrapper.pb-content-wrapper--desktop-centered .title .text-right div,
html.lg .contentwrapper.pb-content-wrapper--desktop-centered .title .text-right div,
html.xl .contentwrapper.pb-content-wrapper--desktop-centered .title .text-right div {
text-align: center;
}
html.md .contentwrapper.pb-content-wrapper--desktop-centered .text p,
html.lg .contentwrapper.pb-content-wrapper--desktop-centered .text p,
html.xl .contentwrapper.pb-content-wrapper--desktop-centered .text p {
text-align: center !important;
}
.contentwrapper.pb-content-wrapper--middle .tccc-htl-contentWrapper > div:first-child {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.contentwrapper.pb-content-wrapper--bottom .tccc-htl-contentWrapper > div:first-child {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.contentwrapper.pb-content-wrapper--rounded-border .tccc-htl-contentWrapper > *:first-child {
border-radius: var(--border-radius);
}
html.md .contentwrapper.pb-content-wrapper--rounded-border-mobile-not .tccc-htl-contentWrapper > *:first-child,
html.lg .contentwrapper.pb-content-wrapper--rounded-border-mobile-not .tccc-htl-contentWrapper > *:first-child,
html.xl .contentwrapper.pb-content-wrapper--rounded-border-mobile-not .tccc-htl-contentWrapper > *:first-child {
border-radius: var(--border-radius);
}
.contentwrapper.pb-content-wrapper--drop-shadow .tccc-htl-contentWrapper > *:first-child {
-webkit-filter: drop-shadow(var(--drop-shadow));
filter: drop-shadow(var(--drop-shadow));
}
html.md .contentwrapper.pb-content-wrapper--drop-shadow-mobile-not .tccc-htl-contentWrapper > *:first-child,
html.lg .contentwrapper.pb-content-wrapper--drop-shadow-mobile-not .tccc-htl-contentWrapper > *:first-child,
html.xl .contentwrapper.pb-content-wrapper--drop-shadow-mobile-not .tccc-htl-contentWrapper > *:first-child {
-webkit-filter: drop-shadow(var(--drop-shadow));
filter: drop-shadow(var(--drop-shadow));
}
.contentwrapper.pb-content-wrapper-flexbox-container .aem-Grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.authorEditMode .contentwrapper.pb-content-wrapper-flexbox-container .aem-Grid {
display: block;
}
html.xs .contentwrapper.pb-content-wrapper-flexbox-container .aem-Grid {
display: block;
}
.contentwrapper.pb-content-wrapper-flexbox-container .tccc-cmp-card {
height: 100%;
}
.tccc-htl-contentWrapper.contentWrapper__dropshadow {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.31);
}
.navigation.pb-navigation--dropdown-desktop .tccc-cmp.tccc-cmp-navigation[data-design-package$="innernav"] .navigation-lg {
display: none;
}
html.lg .navigation.pb-navigation--dropdown-desktop .tccc-cmp.tccc-cmp-navigation[data-design-package$="innernav"] .navigation-sm,
html.xl .navigation.pb-navigation--dropdown-desktop .tccc-cmp.tccc-cmp-navigation[data-design-package$="innernav"] .navigation-sm {
display: block;
}
.pb-list--light .tccc-cmp-list {
color: var(--light);
}
.pb-list--light .tccc-cmp-list a {
color: var(--light);
}
.pb-list--identation-none .tccc-cmp-list .c-list .c-list__list.c-list__list--nobullets .c-list__item .c-list__text {
padding: 0;
}
.pb-list--default-line-spacing .tccc-cmp-list .c-list__title {
margin-bottom: 1.5rem;
}
.pb-list--default-line-spacing .tccc-cmp-list .c-list .c-list__list .c-list__item {
margin-bottom: 0.2rem;
}
html.xs .pb-list--default-line-spacing .tccc-cmp-list,
html.sm .pb-list--default-line-spacing .tccc-cmp-list {
text-align: center;
margin-bottom: 2rem;
}
html.xs .pb-list--default-line-spacing .tccc-cmp-list .c-list__link,
html.sm .pb-list--default-line-spacing .tccc-cmp-list .c-list__link {
margin: 0 auto;
}
.pb-list-alignment--center .tccc-cmp-list ul.c-list__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pb-list-alignment--same-row .tccc-cmp-list ul.c-list__list,
.pb-list-alignment--same-row .tccc-cmp-list ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.pb-list-icons--remove-max-width .tccc-cmp-list .c-list .c-list__list .c-list__item .c-list__img img {
max-width: none;
}
.pb-list-animations--zoom-in .tccc-cmp-list ul.c-list__list li.c-list__item {
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.pb-list-animations--zoom-in .tccc-cmp-list ul.c-list__list li.c-list__item:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.pb-video--hide-controls .tccc-cmp-video .video__controller--wrapper-btn,
.pb-video--hide-controls .tccc-cmp-video .video__controller {
display: none;
}
.pb-searchResult_show-no-result-text .searchResult__no-results-text {
display: block !important;
}
.pb-searchResult_show-search-message-text .searchResult__search-message-text {
display: block !important;
}
.pb-card__btn-color--secondary .tccc-cmp.tccc-cmp-card .btn {
border: 0;
padding: 10px 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
-webkit-transition: none;
transition: none;
color: var(--dark);
background-color: var(--light);
}
html.md .pb-card__btn-color--secondary .tccc-cmp.tccc-cmp-card .btn:hover,
html.lg .pb-card__btn-color--secondary .tccc-cmp.tccc-cmp-card .btn:hover,
html.xl .pb-card__btn-color--secondary .tccc-cmp.tccc-cmp-card .btn:hover {
color: var(--light);
background-color: var(--secondary-color);
}
.pb-card-tertiary-btn-color .tccc-cmp.tccc-cmp-card .btn {
border: 0;
padding: 10px 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
-webkit-transition: none;
transition: none;
color: var(--light);
background-color: var(--primary-color);
}
html.md .pb-card-tertiary-btn-color .tccc-cmp.tccc-cmp-card .btn:hover,
html.lg .pb-card-tertiary-btn-color .tccc-cmp.tccc-cmp-card .btn:hover,
html.xl .pb-card-tertiary-btn-color .tccc-cmp.tccc-cmp-card .btn:hover {
color: var(--light);
background-color: var(--secondary-color);
}
.tccc-cmp.tccc-cmp-card.ccn-card--product-category {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.tccc-cmp.tccc-cmp-card.ccn-card--product-category .responsive-background-image {
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
border: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.tccc-cmp.tccc-cmp-card.ccn-card--product-category .card-img-wrapper,
.tccc-cmp.tccc-cmp-card.ccn-card--product-category .card-body {
width: 100%;
}
.tccc-cmp.tccc-cmp-card.ccn-card--product-category .card-body {
padding: 10px 30px 0;
}
.tccc-cmp.tccc-cmp-card.ccn-card--product-category .card-bodyTextStyle {
white-space: normal;
min-height: 40px;
margin-top: 8px;
}
.tccc-cmp.tccc-cmp-card.ccn-card--product-category .card-img-top {
width: auto;
}
.tccc-cmp.tccc-cmp-card.ccn-card--product-category .btn {
width: 100%;
margin-top: 20px;
}
.tccc-cmp.tccc-cmp-card.ccn-card--product-category p {
margin-bottom: 6px;
line-height: 1;
}
.tccc-cmp.tccc-cmp-card[data-design-package$="vertical"] .card__image a {
display: inline-block;
}
html.xs .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="recipeLanding"] .card-deck,
html.sm .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="recipeLanding"] .card-deck {
display: block;
}
html.xs .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="recipeLanding"] .card-deck .card,
html.sm .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="recipeLanding"] .card-deck .card {
margin-bottom: 30px;
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="recipeLanding"] .card-deck .recipeList__title {
font-family: var(--font-family-titles);
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="recipeLanding"] .card-deck .recipeList__title p {
font-size: 24px;
line-height: 26.4px;
font-weight: 500;
}
.ccn-recipes--text-color p {
color: #5d5d5d;
}