@import url("https://fast.fonts.net/cssapi/14c95a0a-2fe0-4709-9b37-6c1ee6c969d6.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(--dark);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Neue Helvetica W01";
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: 1rem;
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="%23666666" 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="%23666666" 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="%23666666" 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="%23ffffff" 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="%23ffffff" 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: %23666666; %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: #ffffff;
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;
}
:root {
--primary-color: #666666;
--secondary-color: #ffe900;
--tertiary-color: #7701b1;
--accent-color: #fb6b00;
--dark: #000000;
--light: #ffffff;
--font-family: "Neue Helvetica W01";
--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: 16px;
}
.btn {
font-size: 14px;
}
.btn.btn-primary {
background-color: transparent;
border-radius: 0;
border: 2px solid var(--primary-color);
color: var(--primary-color);
padding: 8px 25px;
-webkit-transition: none;
transition: none;
}
html.md .btn.btn-primary:hover,
html.lg .btn.btn-primary:hover,
html.xl .btn.btn-primary:hover {
color: var(--tertiary-color);
border-color: var(--tertiary-color);
}
a:hover {
color: var(--tertiary-color);
}
.tccc-cmp-contentFragmentCollection {
--faq-answer-link-color: #7701b1;
}
.tccc-cmp-footer {
--footer-top-title-font-size: 0.937rem;
--footer-top-title-font-size-mobile: 0.937rem;
--footer-copy-font-size: 0.875rem;
--footer-copy-font-size-mobile: 0.875rem;
--footer-link-font-size: 0.937rem;
--footer-link-font-size-mobile: 0.937rem;
--footer-color-default: var(--light);
--footer-color-hover: var(--secondary-color);
--footer-font-weight: 400;
--footer-line-height-copy: 1.5;
--footer-line-height-link: 1.4;
}
.card.pb-card-dark-btn-color .tccc-cmp-card .btn.btn-primary {
color: var(--dark);
border-color: var(--dark);
background-color: transparent;
}
.card.pb-card-light-btn-color .tccc-cmp-card .btn.btn-primary {
color: var(--light);
border-color: var(--light);
background-color: transparent;
}
.tccc-cmp-card.ccn-card__body--top .responsive-background-image .card__div--overlay {
top: 40px;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
html.xs .tccc-cmp-card.ccn-card__body--top .responsive-background-image .card__div--overlay,
html.sm .tccc-cmp-card.ccn-card__body--top .responsive-background-image .card__div--overlay {
top: 15px;
}
.tccc-cmp-card.ccn-card__body--top .responsive-background-image .card__div--overlay img {
max-width: 200px;
width: 50%;
margin-bottom: 10px;
}
html.xs .tccc-cmp-card.ccn-card__body--top .responsive-background-image .card__div--overlay img,
html.sm .tccc-cmp-card.ccn-card__body--top .responsive-background-image .card__div--overlay img {
max-width: 220px;
width: 85%;
}
.tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .responsive-background-image .card__div--overlay {
top: 0;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 100%;
padding: 20px;
text-align: left;
}
.tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .responsive-background-image .card__div--overlay img {
padding: 0;
max-width: none;
max-height: 35px;
}
html.md .tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .card-bodyTextStyle,
html.lg .tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .card-bodyTextStyle,
html.xs .tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .card-bodyTextStyle {
max-width: 66%;
}
.tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .card-bodyTextStyle * {
font-family: var(--font-family);
}
.tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .card-bodyTextStyle p {
line-height: 108.5%;
}
html.xs .tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .card-bodyTextStyle p,
html.sm .tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .card-bodyTextStyle p,
html.md .tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .card-bodyTextStyle p {
font-size: 20px;
}
html.lg .tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .card-bodyTextStyle p,
html.xl .tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .card-bodyTextStyle p {
font-size: 20px;
}
.tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .btn.btn-primary {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10.927h13.854M10.927 4l6.927 6.927-6.927 6.927' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-color: #000;
color: #fff;
border: 0;
text-indent: -9999px;
height: 35px;
width: 35px;
padding: 0;
}
.tccc-cmp-card[data-design-package='bleed'].home--custom-feature-card .btn.btn-primary:hover {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10.927h13.854M10.927 4l6.927 6.927-6.927 6.927' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
background-color: #fff;
color: #000;
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] {
width: 100%;
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .card .productList__exploreButton {
display: none !important;
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .card-body {
color: var(--light);
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .productList__title * {
font-size: 15px;
font-weight: 500;
}
html.lg .tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .productList__title *,
html.xl .tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .productList__title * {
font-size: 17px;
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .productList__exploreButton {
width: 100%;
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;
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .productList__exploreButton .product-explorebutton {
width: 100%;
max-width: 136px;
font-size: 14px;
text-transform: lowercase;
padding: 4px;
line-height: normal;
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .btn.btn-primary {
border-color: var(--light);
color: var(--light);
}
html.md .tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .btn.btn-primary:hover,
html.lg .tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .btn.btn-primary:hover,
html.xl .tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"] .card-deck .btn.btn-primary:hover {
background-color: var(--primary-color);
border-color: var(--light);
color: var(--light);
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"].home--explore-more .card-deck .card {
background-color: transparent;
-webkit-box-flex: 0;
-webkit-flex: 0 0 -webkit-calc(30% - 30px);
-ms-flex: 0 0 calc(30% - 30px);
flex: 0 0 calc(30% - 30px);
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"].home--explore-more .card-deck .card .productList__exploreButton {
display: block !important;
text-align: center;
width: auto;
margin-top: 40px;
margin-bottom: 40px;
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"].home--explore-more .card-deck .card .productList__exploreButton .product-explorebutton {
padding: 5px 40px;
border-width: 1px;
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"].home--explore-more .card-deck .card .productList__exploreButton .product-explorebutton:hover {
background-color: #fff;
color: #7701B1;
}
.tccc-cmp-contentFragmentCollection[data-design-package*="productLanding"].home--explore-more .card-deck .card .card-img-wrapper img {
max-width: 130px;
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="nagbrands_default"] .footer-default-wrapper__social-media-list li {
margin-right: 13px;
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="nagbrands_default"] .footer-default-wrapper__social-media-list li:last-child {
margin-right: 0;
}
.tccc-cmp.tccc-cmp-footer[data-design-package$="nagbrands_default"] .footer-default-wrapper__copyright a {
color: var(--light);
font-size: 14px;
}
.tccc-cmp-product {
--dropdown-border: 2px solid #000;
}
#product__container {
max-width: 1170px;
}
#product__container .product__wrapper--buttonMenus .product__buyNow--dropdownMenu .product__buyNowDropDown #product__buyNow--list {
border: var(--dropdown-border);
}
#product__container .product__wrapper--buttonMenus .product__buyNow--dropdownMenu .product__buyNowDropDown #product__buyNow--list a.product__listItem--link {
text-transform: lowercase;
}
#product__container .product__wrapper--buttonMenus .product__buyNow--dropdownMenu .product__buyNowDropDown #product__buyNow--button .product__selectedSeller .product__button--tile {
text-transform: lowercase;
}
#product__container .product__wrapper--buttonMenus #product__buyNow--button,
#product__container .product__wrapper--buttonMenus .product__button--link {
background-color: var(--dark);
}
html.md #product__container .product__wrapper--buttonMenus #product__buyNow--button:hover,
html.md #product__container .product__wrapper--buttonMenus .product__button--link:hover,
html.lg #product__container .product__wrapper--buttonMenus #product__buyNow--button:hover,
html.lg #product__container .product__wrapper--buttonMenus .product__button--link:hover,
html.xl #product__container .product__wrapper--buttonMenus #product__buyNow--button:hover,
html.xl #product__container .product__wrapper--buttonMenus .product__button--link:hover {
background-color: var(--primary-color);
}
#product__container .ps-widget {
font-size: 24px;
line-height: 26px;
font-weight: bold;
color: var(--light);
background-color: var(--dark);
border-color: transparent;
text-transform: lowercase;
padding-left: 15px;
padding-right: 15px;
}
html.md #product__container .ps-widget:hover,
html.lg #product__container .ps-widget:hover,
html.xl #product__container .ps-widget:hover {
background-color: var(--primary-color);
}
html.xl #product__container .product__wrapper--left,
html.lg #product__container .product__wrapper--left {
margin-left: 100px;
max-width: 325px;
width: 45%;
}
html.xl #product__container .product__wrapper--left img,
html.lg #product__container .product__wrapper--left img {
max-width: 100%;
max-height: 100%;
}
html.xs #product__container .product__container--top,
html.sm #product__container .product__container--top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
html.xs #product__container .product__container--top .product__description,
html.sm #product__container .product__container--top .product__description {
text-align: left;
}
html.xs #product__container .product__wrapper--dropdownMenu .product__label,
html.sm #product__container .product__wrapper--dropdownMenu .product__label,
html.xs #product__container .product__wrapper--dropdownMenus .product__label,
html.sm #product__container .product__wrapper--dropdownMenus .product__label {
font-size: 24px !important;
}
html.xs #product__container .product__container--bottom,
html.sm #product__container .product__container--bottom {
border-top: 3px solid #000;
}
#product__container .product__container--top {
margin-top: 3em;
padding: 0 0 10px;
margin-bottom: 1rem;
}
html.md #product__container .product__container--top,
html.lg #product__container .product__container--top,
html.xl #product__container .product__container--top {
border-bottom: 3px solid #000;
padding-bottom: 20px;
}
#product__container .product__container--top .product__title {
margin-bottom: 1rem;
}
#product__container .product__container--top .product__title .product_desktopTitle {
font-weight: 500 !important;
font-style: normal;
letter-spacing: -0.5px;
line-height: 1;
font-size: 40px;
margin-bottom: 1em;
}
#product__container .product__container--top .product__title .product_desktopTitle * {
font-weight: 500 !important;
font-style: normal;
letter-spacing: -0.5px;
line-height: 1;
font-size: 40px;
}
#product__container .product__container--top .product__title .product_mobileTitle,
#product__container .product__container--top .product__title .product_mobileTitle * {
font-size: 25px;
line-height: 25px;
font-weight: normal;
text-align: center;
}
#product__container .product__container--top .product__description {
font-size: 16px;
line-height: 22px;
}
html.md #product__container .product__container--top .product__description,
html.lg #product__container .product__container--top .product__description,
html.xl #product__container .product__container--top .product__description {
font-size: 20px;
line-height: 24px;
}
#product__container .product__container--top .product__description * {
font-size: 16px;
line-height: 22px;
}
html.md #product__container .product__container--top .product__description *,
html.lg #product__container .product__container--top .product__description *,
html.xl #product__container .product__container--top .product__description * {
font-size: 20px;
line-height: 24px;
}
#product__container .product__container--bottom {
border-color: #000;
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--list,
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorSize--list {
border: var(--dropdown-border);
padding: 7px;
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-size: 24px;
text-transform: lowercase;
font-weight: normal;
margin-bottom: 0.5rem;
}
html.xs #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label,
html.sm #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
text-align: left;
}
html.xs #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__flavorDropDwn,
html.xs #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__flavorSizeDropDwn,
html.xs #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor,
html.xs #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize,
html.sm #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__flavorDropDwn,
html.sm #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__flavorSizeDropDwn,
html.sm #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor,
html.sm #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize {
font-size: 18px;
line-height: 21.6px;
font-weight: 500;
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button {
font-weight: normal;
border-width: 2px;
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button:not(#product__buyNow--button) {
border: var(--dropdown-border);
}
html.md #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button:not(#product__buyNow--button),
html.lg #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button:not(#product__buyNow--button),
html.xl #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button:not(#product__buyNow--button) {
border-width: 2px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 300px;
}
#product__container .product_wrapper--viewInfo {
display: none !important;
}
#product__container .product_wrapper--viewInfo .product__viewInfo {
font-size: 16px;
text-transform: lowercase;
}
#nutritionData__Container {
--dp-brand-accent-color: #000;
margin: 4% 0;
color: var(--dp-brand-accent-color);
border-color: var(--dp-brand-accent-color);
border-top: 3px solid #000;
}
html.xs #nutritionData__Container,
html.sm #nutritionData__Container {
margin-top: 60px;
border-top: 0;
}
#nutritionData__Container .nav-tabs {
margin-top: 10px;
}
#nutritionData__Container .nav-tabs:first-child:after {
display: none !important;
}
html.xs #nutritionData__Container .nav-tabs .nav-item,
html.sm #nutritionData__Container .nav-tabs .nav-item {
background-color: transparent;
}
html.xs #nutritionData__Container .nav-tabs .nav-item svg,
html.sm #nutritionData__Container .nav-tabs .nav-item svg {
fill: var(--dark);
}
html.md #nutritionData__Container .nav-tabs,
html.lg #nutritionData__Container .nav-tabs,
html.xl #nutritionData__Container .nav-tabs {
border-bottom: none;
}
#nutritionData__Container .nav-tabs .nav-item html.xs,
#nutritionData__Container .nav-tabs .nav-item html.sm {
border-bottom: 0;
border-top: 3px solid #000;
background-color: transparent;
}
html.md #nutritionData__Container .nav-tabs .nav-item,
html.lg #nutritionData__Container .nav-tabs .nav-item,
html.xl #nutritionData__Container .nav-tabs .nav-item {
margin-right: 40px;
}
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;
}
html.xs #nutritionData__Container .nav-tabs .nav-item.tabActive,
#nutritionData__Container .nav-tabs .nav-item.tabActive html.sm {
background: transparent;
}
html.xs #nutritionData__Container .nav-tabs .nav-item.tabActive .nav-link.active,
#nutritionData__Container .nav-tabs .nav-item.tabActive html.sm .nav-link.active {
outline: none;
}
#nutritionData__Container .nav-tabs .nav-item .detail_CloneMobile {
padding: 0;
}
#nutritionData__Container .nav-tabs .nav-item .detail_CloneMobile ul {
-webkit-padding-start: 24px;
padding-inline-start: 24px;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.03rem;
}
#nutritionData__Container .nav-tabs .nav-item .nav-link {
color: var(--dark) !important;
text-transform: lowercase;
padding: 0;
background-color: transparent;
border: 0;
border-bottom: 5px solid transparent;
}
html.xs #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.sm #nutritionData__Container .nav-tabs .nav-item .nav-link {
font-size: 24px;
line-height: 28px;
font-weight: 500;
}
html.md #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.lg #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.xl #nutritionData__Container .nav-tabs .nav-item .nav-link {
font-size: 32px;
line-height: 38.4px;
font-weight: 500;
}
#nutritionData__Container .nav-tabs .nav-item .nav-link.active {
font-weight: 500 !important;
background-color: transparent;
border-bottom: 5px solid #000;
}
html.md #nutritionData__Container .nav-tabs .nav-item .nav-link.active,
html.lg #nutritionData__Container .nav-tabs .nav-item .nav-link.active,
html.xl #nutritionData__Container .nav-tabs .nav-item .nav-link.active {
padding-bottom: 9px;
}
#nutritionData__Container #nutritionData_info {
padding: 10px 0px;
margin-top: -1px;
border: 0;
}
html.md #nutritionData__Container #nutritionData_info,
html.lg #nutritionData__Container #nutritionData_info,
html.xl #nutritionData__Container #nutritionData_info {
border-top: none;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container #ingredient--label {
font-weight: 500;
}
html.xs #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container #ingredient--label,
html.sm #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container #ingredient--label {
font-weight: 500;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient_list,
#nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient_list * {
text-transform: none;
font-size: 16px;
line-height: 24px;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container #GMO--label,
#nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label {
line-height: 24px;
font-weight: 500;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container {
padding-top: 30px;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable {
min-width: 300px;
margin-bottom: 20px;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__servingsPerContainer,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__servingSize * {
font-weight: 500;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .product-facts--text-transform .product-facts__table #product-facts__nutritional-table .product-facts__main-table-nutrients *,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .product-facts--text-transform .product-facts__table #product-facts__nutritional-table .product-facts__optional-items-container * {
font-weight: 500;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__calories {
font-size: 23px;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__label,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__servingSize,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__calories {
font-weight: 500;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__footer-container {
font-size: 10px;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .nutritionTable_bottomSection {
border-top-width: 9px;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .nutritionTable_rowContainer .nutritionItem_row .nutritionItem,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .nutritionTable_rowContainer .nutritionItem_row .DailyVal {
font-weight: 500;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .nutritionTable_rowContainer.groupedNutritionItems .nutritionItem_row:nth-child(1) .nutritionItem {
font-weight: 500;
}
html.xs #nutritionData__Container .tab-content .tab-pane:last-child.active,
html.sm #nutritionData__Container .tab-content .tab-pane:last-child.active {
border-bottom: 1px solid #808080;
padding-bottom: 25px;
}
.nutrition_detailsContainer ul {
line-height: 0.9;
letter-spacing: -0.03rem;
}
html.xs .nutrition_detailsContainer ul li,
html.sm .nutrition_detailsContainer ul li {
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
html.md .nutrition_detailsContainer ul li,
html.lg .nutrition_detailsContainer ul li,
html.xl .nutrition_detailsContainer ul li {
font-size: 22px;
line-height: 26.4px;
}
.tccc-cmp.tccc-cmp-title[data-design-package$="default"] .text-center .d-none * {
padding: 40px 0 !important;
font-size: 24px;
font-weight: 500;
}
.tccc-cmp.tccc-cmp-title[data-design-package$="default"] .text-center .d-block * {
padding: 20px 0;
font-size: 18px;
font-weight: bold;
}
html.xl .multiple-plp-wrapper .card-img-top,
html.lg .multiple-plp-wrapper .card-img-top {
max-width: 60%;
}
html.xs .multiple-plp-wrapper .contentwrapper.pb-content-wrapper-flexbox-container .aem-Grid,
html.sm .multiple-plp-wrapper .contentwrapper.pb-content-wrapper-flexbox-container .aem-Grid {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.multiple-plp-wrapper .contentwrapper .responsive-background-image {
background-repeat: no-repeat;
background-size: cover;
}
.multiple-plp-wrapper .card-body {
word-break: break-word;
}
html.xs .multiple-plp-wrapper .card-body,
html.sm .multiple-plp-wrapper .card-body {
padding: 0;
}
.multiple-plp-wrapper .aem-Grid {
height: 100% !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.multiple-plp-wrapper .tccc-htl-contentWrapper {
height: 100%;
}
.multiple-plp-wrapper .tccc-htl-contentWrapper > div:first-child {
height: 100%;
margin: 0 !important;
}
.multiple-plp-wrapper .card-deck {
margin: 0 !important;
padding: 0;
}
.multiple-plp-wrapper .card-deck .card {
-webkit-box-flex: initial !important;
-webkit-flex: initial !important;
-ms-flex: initial !important;
flex: initial !important;
background-color: transparent;
margin-bottom: 20px !important;
}
.multiple-plp-wrapper .contentFragmentCollection {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.multiple-plp-wrapper .aem-GridColumn--default--6 {
padding: 5px !important;
}
.multiple-plp-wrapper .multiple-plp-wrapper__group > div > div > .contentwrapper {
padding: 5px !important;
}
.multiple-plp-wrapper .multiple-plp-wrapper__textblock {
padding: 5px;
}
.multiple-plp-wrapper .aem-GridColumn--phone--12 {
padding: 0 !important;
}
.tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption,
.tccc-cmp.tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption {
top: 12.5%;
left: 20%;
right: auto;
width: 50%;
-webkit-transform: none;
transform: none;
max-width: 550px;
}
html.lg .tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.lg .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption {
width: 53%;
}
.tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption .carousel_title,
.tccc-cmp.tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption .carousel_title {
font-weight: 500;
line-height: 1;
font-size: 30px;
text-align: left;
-webkit-transform: none;
transform: none;
}
html.lg .tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption .carousel_title,
html.lg .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption .carousel_title,
html.xl .tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption .carousel_title,
html.xl .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption .carousel_title {
font-size: 65px;
text-align: left;
}
html.xs .tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.xs .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.sm .tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.sm .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.md .tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.md .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn-image-video-carousel__caption--top-left .carousel .carousel-inner .carousel-item .carousel-caption {
top: 3%;
left: 3%;
right: auto;
width: 38%;
-webkit-transform: none;
transform: none;
}
.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item,
.tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item {
position: relative;
}
.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption,
.tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption {
position: absolute;
top: 65%;
left: 20px;
right: auto;
text-align: left;
}
.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline,
.tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline {
width: 68%;
font-size: 53px;
line-height: 53px;
letter-spacing: -0.5px;
}
.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline b,
.tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline b {
font-weight: 500;
}
html.xs .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.xs .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.sm .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.sm .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.md .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.md .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption {
top: 87%;
line-height: 1;
}
html.xs .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline,
html.xs .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline,
html.sm .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline,
html.sm .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline,
html.md .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline,
html.md .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline {
width: 65%;
}
html.sm .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.sm .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption {
top: 68%;
}
html.sm .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline,
html.sm .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline {
width: 68%;
}
html.md .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.md .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption {
top: 70%;
}
html.md .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline,
html.md .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline {
width: 52%;
}
html.lg .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.lg .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption {
top: 65%;
}
html.lg .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline,
html.lg .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline {
width: 68%;
}
html.xl .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption,
html.xl .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption {
top: 56%;
}
html.xl .tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline,
html.xl .tccc-cmp.tccc-cmp-imageVideoCarousel.ccn--image-video-carousel__caption--center-left .carousel .carousel-inner .carousel-item .carousel-caption * .carousel_headline {
width: 100%;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] {
--facebook-icon: url("data:image/svg+xml,%3Csvg width='31' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 0 0 9v18l15.5 9L31 27V9L15.5 0Zm3.903 12.954h-1.409c-1.113 0-1.325.525-1.325 1.304v1.715h2.65l-.338 2.693h-2.297v6.902h-2.776v-6.902h-2.311v-2.693h2.31V13.99c0-2.296 1.396-3.558 3.439-3.558.972 0 1.818.071 2.057.1v2.423Z' fill='%233B5998'/%3E%3C/svg%3E");
--twitter-icon: url("data:image/svg+xml,%3Csvg width='35' height='34' viewBox='0 0 35 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.531 6.73253L17.5 0L3.46898 6.73253L0 21.8702L9.71595 34H25.284L35 21.8702L31.531 6.73253ZM22.774 15.6015C22.774 15.728 22.7881 15.8404 22.7881 15.9669C22.7881 19.7057 20.0524 24.0066 15.0463 24.0066C13.5093 24.0066 12.0709 23.5428 10.8723 22.7416C11.0838 22.7697 11.2953 22.7838 11.521 22.7838C12.7901 22.7838 13.9746 22.334 14.9053 21.575C13.7067 21.5469 12.7055 20.7317 12.367 19.6073C12.5363 19.6354 12.7055 19.6635 12.8747 19.6635C13.1285 19.6635 13.3683 19.6354 13.5939 19.5651C12.3529 19.3121 11.4081 18.1596 11.4081 16.7962C11.4081 16.7821 11.4081 16.7681 11.4081 16.754C11.7748 16.9649 12.1978 17.0914 12.635 17.1054C11.9017 16.5994 11.4222 15.728 11.4222 14.7582C11.4222 14.2381 11.5633 13.7602 11.7889 13.3386C13.1285 15.0533 15.145 16.1778 17.4013 16.2902C17.359 16.0794 17.3308 15.8685 17.3308 15.6437C17.3308 14.0835 18.5435 12.8185 20.0524 12.8185C20.8421 12.8185 21.5471 13.1558 22.0407 13.7181C22.6612 13.5916 23.2393 13.3526 23.7752 13.0294C23.5778 13.69 23.1406 14.2381 22.5766 14.5895C23.1265 14.5192 23.6483 14.3646 24.1418 14.1397C23.7752 14.7019 23.3098 15.2079 22.774 15.6015Z' fill='%2300ACEE'/%3E%3C/svg%3E%0A");
--youtube-icon: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0408 0H9.95917L0 9.95917V24.0408L9.95917 34H24.0408L34 24.0408V9.95917L24.0408 0ZM23.9842 20.5275C23.8142 21.165 23.3183 21.6608 22.695 21.8167C21.5617 22.1283 17 22.1283 17 22.1283C17 22.1283 12.4383 22.1283 11.305 21.8167C10.6817 21.6467 10.1858 21.1508 10.0158 20.5275C9.71833 19.38 9.71833 17 9.71833 17C9.71833 17 9.71833 14.62 10.0158 13.4725C10.1858 12.835 10.6817 12.3392 11.305 12.1833C12.4383 11.8717 17 11.8717 17 11.8717C17 11.8717 21.5617 11.8717 22.695 12.1833C23.3183 12.3533 23.8142 12.8492 23.9842 13.4725C24.2817 14.62 24.2817 17 24.2817 17C24.2817 17 24.2817 19.38 23.9842 20.5275Z' fill='%23FF0000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5125 19.1675L19.3233 17L15.5125 14.8325V19.1675Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
--instagram-icon: url("data:image/svg+xml,%3Csvg width='36' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.992 13.246a1.956 1.956 0 0 0-.485-.737 2.16 2.16 0 0 0-.742-.481c-.228-.085-.57-.185-1.198-.213-.67-.028-.884-.042-2.596-.042-1.711 0-1.91 0-2.595.042-.628.028-.97.128-1.198.213-.272.113-.471.255-.7.481-.228.227-.37.44-.484.737-.086.227-.2.567-.229 1.19-.028.666-.028.864-.028 2.564 0 1.7 0 1.898.043 2.578.028.624.128.964.228 1.19.114.298.257.51.485.737.228.227.442.354.742.482.228.085.57.184 1.198.212.67.029.884.043 2.596.043 1.711 0 1.91 0 2.595-.043.628-.028.97-.127 1.199-.212.299-.114.513-.255.741-.482.228-.227.371-.44.485-.737.086-.226.2-.566.214-1.19.029-.665.043-.878.043-2.578 0-1.7-.014-1.898-.043-2.578-.071-.624-.171-.95-.27-1.176ZM18 20.273A3.276 3.276 0 0 1 14.705 17c0-1.813 1.484-3.272 3.295-3.272A3.276 3.276 0 0 1 21.295 17c0 1.813-1.484 3.273-3.295 3.273Zm3.423-5.908a.764.764 0 1 1 0-1.53.764.764 0 1 1 0 1.53Z' fill='%238A3AB9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 14.875A2.13 2.13 0 0 0 15.86 17 2.13 2.13 0 0 0 18 19.125 2.13 2.13 0 0 0 20.14 17 2.13 2.13 0 0 0 18 14.875Z' fill='%238A3AB9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m32.563 6.488-9-6.488H12.437l-9 6.488L0 17l3.437 10.512 9 6.488h11.126l9-6.488L36 17 32.563 6.488Zm-8.187 13.133c-.029.68-.143 1.147-.3 1.544-.157.425-.385.78-.742 1.133a3.214 3.214 0 0 1-1.14.737c-.414.156-.87.27-1.555.297-.685.029-.899.043-2.639.043-1.74 0-1.968-.014-2.639-.043-.684-.028-1.155-.141-1.554-.297a3.031 3.031 0 0 1-1.141-.737 3.187 3.187 0 0 1-.742-1.133c-.157-.41-.271-.864-.3-1.544-.042-.68-.042-.893-.042-2.621s.014-1.94.042-2.62c.029-.68.143-1.148.3-1.545.171-.425.385-.78.742-1.133a3.214 3.214 0 0 1 1.14-.737c.414-.156.87-.27 1.555-.297.685-.029.899-.043 2.639-.043 1.74 0 1.968.014 2.639.043.67.028 1.155.141 1.554.297.428.156.785.383 1.141.737.357.354.57.708.742 1.133.157.41.271.864.3 1.544.028.68.042.893.042 2.621s-.014 1.94-.042 2.62Z' fill='%238A3AB9'/%3E%3C/svg%3E");
--facebook-hover-icon: url("data:image/svg+xml,%3Csvg width='31' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 0 0 9v18l15.5 9L31 27V9L15.5 0Zm3.903 12.954h-1.409c-1.113 0-1.325.525-1.325 1.304v1.715h2.65l-.338 2.693h-2.297v6.902h-2.776v-6.902h-2.311v-2.693h2.31V13.99c0-2.296 1.396-3.558 3.439-3.558.972 0 1.818.071 2.057.1v2.423Z' fill='%233B5998'/%3E%3C/svg%3E");
--twitter-hover-icon: url("data:image/svg+xml,%3Csvg width='35' height='34' viewBox='0 0 35 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.531 6.73253L17.5 0L3.46898 6.73253L0 21.8702L9.71595 34H25.284L35 21.8702L31.531 6.73253ZM22.774 15.6015C22.774 15.728 22.7881 15.8404 22.7881 15.9669C22.7881 19.7057 20.0524 24.0066 15.0463 24.0066C13.5093 24.0066 12.0709 23.5428 10.8723 22.7416C11.0838 22.7697 11.2953 22.7838 11.521 22.7838C12.7901 22.7838 13.9746 22.334 14.9053 21.575C13.7067 21.5469 12.7055 20.7317 12.367 19.6073C12.5363 19.6354 12.7055 19.6635 12.8747 19.6635C13.1285 19.6635 13.3683 19.6354 13.5939 19.5651C12.3529 19.3121 11.4081 18.1596 11.4081 16.7962C11.4081 16.7821 11.4081 16.7681 11.4081 16.754C11.7748 16.9649 12.1978 17.0914 12.635 17.1054C11.9017 16.5994 11.4222 15.728 11.4222 14.7582C11.4222 14.2381 11.5633 13.7602 11.7889 13.3386C13.1285 15.0533 15.145 16.1778 17.4013 16.2902C17.359 16.0794 17.3308 15.8685 17.3308 15.6437C17.3308 14.0835 18.5435 12.8185 20.0524 12.8185C20.8421 12.8185 21.5471 13.1558 22.0407 13.7181C22.6612 13.5916 23.2393 13.3526 23.7752 13.0294C23.5778 13.69 23.1406 14.2381 22.5766 14.5895C23.1265 14.5192 23.6483 14.3646 24.1418 14.1397C23.7752 14.7019 23.3098 15.2079 22.774 15.6015Z' fill='%2300ACEE'/%3E%3C/svg%3E%0A");
--youtube-hover-icon: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0408 0H9.95917L0 9.95917V24.0408L9.95917 34H24.0408L34 24.0408V9.95917L24.0408 0ZM23.9842 20.5275C23.8142 21.165 23.3183 21.6608 22.695 21.8167C21.5617 22.1283 17 22.1283 17 22.1283C17 22.1283 12.4383 22.1283 11.305 21.8167C10.6817 21.6467 10.1858 21.1508 10.0158 20.5275C9.71833 19.38 9.71833 17 9.71833 17C9.71833 17 9.71833 14.62 10.0158 13.4725C10.1858 12.835 10.6817 12.3392 11.305 12.1833C12.4383 11.8717 17 11.8717 17 11.8717C17 11.8717 21.5617 11.8717 22.695 12.1833C23.3183 12.3533 23.8142 12.8492 23.9842 13.4725C24.2817 14.62 24.2817 17 24.2817 17C24.2817 17 24.2817 19.38 23.9842 20.5275Z' fill='%23FF0000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5125 19.1675L19.3233 17L15.5125 14.8325V19.1675Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
--instagram-hover-icon: url("data:image/svg+xml,%3Csvg width='36' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.992 13.246a1.956 1.956 0 0 0-.485-.737 2.16 2.16 0 0 0-.742-.481c-.228-.085-.57-.185-1.198-.213-.67-.028-.884-.042-2.596-.042-1.711 0-1.91 0-2.595.042-.628.028-.97.128-1.198.213-.272.113-.471.255-.7.481-.228.227-.37.44-.484.737-.086.227-.2.567-.229 1.19-.028.666-.028.864-.028 2.564 0 1.7 0 1.898.043 2.578.028.624.128.964.228 1.19.114.298.257.51.485.737.228.227.442.354.742.482.228.085.57.184 1.198.212.67.029.884.043 2.596.043 1.711 0 1.91 0 2.595-.043.628-.028.97-.127 1.199-.212.299-.114.513-.255.741-.482.228-.227.371-.44.485-.737.086-.226.2-.566.214-1.19.029-.665.043-.878.043-2.578 0-1.7-.014-1.898-.043-2.578-.071-.624-.171-.95-.27-1.176ZM18 20.273A3.276 3.276 0 0 1 14.705 17c0-1.813 1.484-3.272 3.295-3.272A3.276 3.276 0 0 1 21.295 17c0 1.813-1.484 3.273-3.295 3.273Zm3.423-5.908a.764.764 0 1 1 0-1.53.764.764 0 1 1 0 1.53Z' fill='%238A3AB9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 14.875A2.13 2.13 0 0 0 15.86 17 2.13 2.13 0 0 0 18 19.125 2.13 2.13 0 0 0 20.14 17 2.13 2.13 0 0 0 18 14.875Z' fill='%238A3AB9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m32.563 6.488-9-6.488H12.437l-9 6.488L0 17l3.437 10.512 9 6.488h11.126l9-6.488L36 17 32.563 6.488Zm-8.187 13.133c-.029.68-.143 1.147-.3 1.544-.157.425-.385.78-.742 1.133a3.214 3.214 0 0 1-1.14.737c-.414.156-.87.27-1.555.297-.685.029-.899.043-2.639.043-1.74 0-1.968-.014-2.639-.043-.684-.028-1.155-.141-1.554-.297a3.031 3.031 0 0 1-1.141-.737 3.187 3.187 0 0 1-.742-1.133c-.157-.41-.271-.864-.3-1.544-.042-.68-.042-.893-.042-2.621s.014-1.94.042-2.62c.029-.68.143-1.148.3-1.545.171-.425.385-.78.742-1.133a3.214 3.214 0 0 1 1.14-.737c.414-.156.87-.27 1.555-.297.685-.029.899-.043 2.639-.043 1.74 0 1.968.014 2.639.043.67.028 1.155.141 1.554.297.428.156.785.383 1.141.737.357.354.57.708.742 1.133.157.41.271.864.3 1.544.028.68.042.893.042 2.621s-.014 1.94-.042 2.62Z' fill='%238A3AB9'/%3E%3C/svg%3E");
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav-icons__link {
height: 34px;
width: 34px;
background-size: contain;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav-icons__link:hover {
opacity: 0.7;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__wrapper .nav-icons__link {
height: 23px;
width: 21px;
background-size: 21px;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav-main-wrapper {
--neutral-color: #F0F0F0;
--mobile-menu-divider: 1px solid #ccc;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__menu-bar,
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] #hamburger-menu[aria-expanded="true"],
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__menu-bar,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] #hamburger-menu[aria-expanded="true"],
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__menu-bar,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] #hamburger-menu[aria-expanded="true"] {
background-color: var(--neutral-color) !important;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] #hamburger-menu,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] #hamburger-menu,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] #hamburger-menu {
margin-bottom: 0;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu .nav__submenu-link {
color: #A9A9A9;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-text {
font-size: 18px;
line-height: 21.47px;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link-arrow {
fill: var(--tertiary-color);
}
.tccc-cmp.tccc-cmp-widgetContainer[data-design-package$="priceSpider"] {
--padding__btn: 4px;
}
.tccc-cmp.tccc-cmp-widgetContainer[data-design-package$="priceSpider"] .priceSpider-button {
font-size: 14px;
text-transform: lowercase;
line-height: normal;
border-color: var(--tertiary-color);
color: var(--tertiary-color);
}
html.md .tccc-cmp.tccc-cmp-widgetContainer[data-design-package$="priceSpider"] .priceSpider-button:hover,
html.lg .tccc-cmp.tccc-cmp-widgetContainer[data-design-package$="priceSpider"] .priceSpider-button:hover,
html.xl .tccc-cmp.tccc-cmp-widgetContainer[data-design-package$="priceSpider"] .priceSpider-button:hover {
background-color: var(--primary-color);
border-color: var(--light);
color: var(--light);
}
.tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn {
background-color: transparent;
border-radius: 0;
border: 2px solid var(--primary-color);
color: var(--primary-color);
padding: 8px 25px;
-webkit-transition: none;
transition: none;
}
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(--tertiary-color);
border-color: var(--tertiary-color);
}
.tccc-cmp.tccc-cmp-button[data-design-package$="default"].btn-large .btn {
font-size: 22px;
padding: 12px 50px;
}
.tccc-cmp.tccc-cmp-button[data-design-package$="default"].btn-white-outline .btn {
border-color: #fff;
color: #fff;
}
.tccc-cmp.tccc-cmp-button[data-design-package$="default"].btn-white-outline .btn:hover {
background-color: #fff;
color: #000;
}
.pb-button--secondary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn {
background-color: var(--accent-color);
border: 0;
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(--primary-color);
}
.pb-button--tertiary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn {
background-color: #000;
border: 0;
color: var(--light);
}
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(--primary-color);
}
.contact-us-wrapper .btn.btn-primary {
background-color: var(--dark);
border: var(--dark);
text-transform: lowercase;
}
html.md .contact-us-wrapper .btn.btn-primary:hover,
html.lg .contact-us-wrapper .btn.btn-primary:hover,
html.xl .contact-us-wrapper .btn.btn-primary:hover {
background-color: var(--primary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link {
color: var(--primary-color);
font-size: 18px;
font-weight: 400;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link.current-page {
color: var(--tertiary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link.current-page:after {
background-color: var(--tertiary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .navigation .nav__link.current-page .nav__link-arrow {
fill: var(--tertiary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__item.open .nav__link {
color: var(--tertiary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__item.open .nav__link-arrow {
fill: var(--tertiary-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(--primary-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: 18px;
font-weight: 100;
}
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(--tertiary-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(--tertiary-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(--primary-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(--primary-color);
font-size: 18px;
font-weight: 500;
line-height: 21.47px;
}
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(--tertiary-color);
}
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: 100;
color: var(--primary-color);
border: none;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-text {
font-size: 18px;
font-weight: 100;
}
ko-preloader {
background-image: url(/content/dam/nagbrands/global/us/vitaminwater/en/icons/global-brand-preloader.svg);
}
#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/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;
}