body {
overflow-x: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-size: 1rem;
padding: 0;
font-family: var(--font-family);
background: var(--light);
color: var(--primary-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Helvetica", "Arial", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
}
h1 {
font-size: 2.499rem;
}
h2 {
font-size: 1.874rem;
}
h3 {
font-size: 1.499rem;
}
h4 {
font-size: 1.124rem;
}
h5 {
font-size: 0.875rem;
}
h6 {
font-size: 0.75rem;
}
a {
color: var(--primary-color);
font-weight: normal;
font-size: 0.937rem;
opacity: 1;
text-decoration: none;
}
p {
font-style: normal;
font-size: 1.14rem;
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 {
box-shadow: none;
outline: 5px auto -webkit-focus-ring-color;
}
.card {
border: none;
border-radius: inherit;
}
.tccc-cmp-navigation {
--hamburger-menu: 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,');
--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="%234a4a4a" 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="%234a4a4a" 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="%234a4a4a" 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-arrow-icon: url('data:image/svg+xml;utf8,');
}
html.md .ccn-text--desktop-15 *,
html.lg .ccn-text--desktop-15 *,
html.xl .ccn-text--desktop-15 * {
font-size: 15px !important;
}
html.md .ccn-text--desktop-16 *,
html.lg .ccn-text--desktop-16 *,
html.xl .ccn-text--desktop-16 * {
font-size: 16px !important;
}
html.md .ccn-text--desktop-18 *,
html.lg .ccn-text--desktop-18 *,
html.xl .ccn-text--desktop-18 * {
font-size: 18px !important;
}
html.md .ccn-text--desktop-20 *,
html.lg .ccn-text--desktop-20 *,
html.xl .ccn-text--desktop-20 * {
font-size: 20px !important;
}
html.md .ccn-text--desktop-22 *,
html.lg .ccn-text--desktop-22 *,
html.xl .ccn-text--desktop-22 * {
font-size: 22px !important;
}
html.md .ccn-text--desktop-28 *,
html.lg .ccn-text--desktop-28 *,
html.xl .ccn-text--desktop-28 * {
font-size: 28px !important;
}
html.md .ccn-text--desktop-48 *,
html.lg .ccn-text--desktop-48 *,
html.xl .ccn-text--desktop-48 * {
font-size: 48px !important;
}
html.md .ccn-text--desktop-60 *,
html.lg .ccn-text--desktop-60 *,
html.xl .ccn-text--desktop-60 * {
font-size: 60px !important;
}
html.xs .ccn-text--mobile-14 *,
html.sm .ccn-text--mobile-14 * {
font-size: 14px !important;
}
html.xs .ccn-text--mobile-16 *,
html.sm .ccn-text--mobile-16 * {
font-size: 16px !important;
}
html.xs .ccn-text--mobile-17 *,
html.sm .ccn-text--mobile-17 * {
font-size: 17px !important;
}
html.xs .ccn-text--mobile-18 *,
html.sm .ccn-text--mobile-18 * {
font-size: 18px !important;
}
html.xs .ccn-text--mobile-20 *,
html.sm .ccn-text--mobile-20 * {
font-size: 20px !important;
}
html.xs .ccn-text--mobile-25 *,
html.sm .ccn-text--mobile-25 * {
font-size: 25px !important;
}
html.xs .ccn-text--mobile-30 *,
html.sm .ccn-text--mobile-30 * {
font-size: 30px !important;
}
.ccn--max-width-750 {
max-width: 750px;
}
.ccn--max-width-725 {
max-width: 725px;
}
.ccn--max-width-700 {
max-width: 700px;
}
.ccn--max-width-675 {
max-width: 675px;
}
.ccn--max-width-650 {
max-width: 650px;
}
.ccn--max-width-625 {
max-width: 625px;
}
.ccn--max-width-600 {
max-width: 600px;
}
.ccn--max-width-575 {
max-width: 575px;
}
.ccn--max-width-550 {
max-width: 550px;
}
.ccn--max-width-525 {
max-width: 525px;
}
.ccn--max-width-500 {
max-width: 500px;
}
.ccn--max-width-475 {
max-width: 475px;
}
.ccn--max-width-450 {
max-width: 450px;
}
.ccn--max-width-425 {
max-width: 425px;
}
.ccn--max-width-400 {
max-width: 400px;
}
.ccn--max-width-375 {
max-width: 375px;
}
.ccn--max-width-350 {
max-width: 350px;
}
.ccn--max-width-325 {
max-width: 325px;
}
.ccn--max-width-300 {
max-width: 300px;
}
.ccn--max-width-275 {
max-width: 275px;
}
.ccn--max-width-250 {
max-width: 250px;
}
.ccn--max-width-225 {
max-width: 225px;
}
.ccn--max-width-200 {
max-width: 200px;
}
.ccn--max-width-175 {
max-width: 175px;
}
.ccn--max-width-150 {
max-width: 150px;
}
.ccn--max-width-125 {
max-width: 125px;
}
.ccn--max-width-100 {
max-width: 100px;
}
.ccn--max-width-75 {
max-width: 75px;
}
.ccn--max-width-50 {
max-width: 50px;
}
.ccn--max-width-25 {
max-width: 25px;
}
.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-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;
}
.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 label.error {
color: var(--secondary-color);
text-align: left;
font-size: 0.85em;
display: none;
}
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-contentFragmentCollection {
--faq-default-answer-font-color: #555555;
}
:root {
--common-neutral-color: #ddd;
--common-light-grey: #D9D9D7;
--common-dark-grey: #808080;
--profile-popover-color: #a5a5a5;
--faq-default-summary-font-color: #444444;
}
:root {
--dp-brand-accent-color: #333;
--dark: #000;
--img__max-width: 100%;
--title__font-size--small: var(--prod__title--large);
--title__font-size--medium: 16px;
--title__font-size--large: 40px;
--title__mb--small: var(--prod__title--large);
--title__mb--medium: 0;
--title__mb--large: 25px;
--title__btn--font-size: 15px;
--text-transform: none;
--desc__font-size--medium: 16px;
--desc__font-size--large: 16px;
--desc__line-height--medium: 27px;
--desc__line-height--large: 23px;
--desc__margin-botton: 3px;
--color--product-button: var(--common-neutral-color);
--prod__title--large: 25px;
--prod__title--small: 20px;
--padding-tab: 8px 15px;
--padding-tab--active: 9px;
--padding-select-size: 10px;
--padding__btn: 7px 30px;
--font-size--tab: 17px;
--font-size-medium: 14px;
--nutri-data-margin: 50px 30px;
}
#product__container .product__container--top {
border-bottom: 2px solid var(--common-light-grey);
}
html.xs #product__container .product__container--top,
html.sm #product__container .product__container--top {
padding-bottom: 1.5rem;
}
html.xl #product__container .product__container--top,
html.lg #product__container .product__container--top,
html.md #product__container .product__container--top {
border-bottom: 2px solid var(--common-light-grey);
margin: 3rem 0 2.5rem;
padding-bottom: 2.3rem;
}
#product__container .product__container--top .product__title * {
font-weight: bold;
}
#product__container .product__container--top .product__title .product_mobileTitle,
#product__container .product__container--top .product__title .product_mobileTitle * {
font-size: var(--title__font-size--small);
text-align: center;
margin-bottom: var(--title__mb--small);
}
#product__container .product__container--top .product__title .product_desktopTitle,
#product__container .product__container--top .product__title .product_desktopTitle * {
font-size: var(--title__font-size--large);
margin-bottom: var(--title__mb--large);
}
html.md #product__container .product__container--top .product__title .product_desktopTitle,
html.md #product__container .product__container--top .product__title .product_desktopTitle *,
html.lg #product__container .product__container--top .product__title .product_desktopTitle,
html.lg #product__container .product__container--top .product__title .product_desktopTitle * {
font-size: var(--title__font-size--medium);
margin-bottom: var(--title__mb--medium);
}
#product__container .product__container--top .product__description,
#product__container .product__container--top .product__description * {
margin-bottom: var(--desc__margin-botton) !important;
}
html.xs #product__container .product__container--top .product__description,
html.xs #product__container .product__container--top .product__description *,
html.sm #product__container .product__container--top .product__description,
html.sm #product__container .product__container--top .product__description * {
text-align: center;
}
html.md #product__container .product__container--top .product__description,
html.md #product__container .product__container--top .product__description *,
html.lg #product__container .product__container--top .product__description,
html.lg #product__container .product__container--top .product__description * {
font-size: var(--desc__font-size--medium);
line-height: var(--desc__line-height--medium);
}
html.xl #product__container .product__container--top .product__description,
html.xl #product__container .product__container--top .product__description * {
font-size: var(--desc__font-size--large);
line-height: var(--desc__line-height--large);
}
#product__container .product__wrapper--left .product__imagesWrapper {
padding-bottom: 0px;
}
html.xs #product__container .product__wrapper--left .product__imagesWrapper img,
html.sm #product__container .product__wrapper--left .product__imagesWrapper img {
max-height: 350px;
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--button .product__selectedFlavor {
white-space: nowrap;
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-weight: bold;
color: var(--dark);
pointer-events: none;
}
html.xs #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label,
html.sm #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-size: 1.2rem;
margin-bottom: 0.8rem;
}
html.md #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label,
html.lg #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
margin-bottom: 5px;
}
html.xl #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-size: 20px;
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button {
border: 2px solid var(--color--product-button);
}
html.xs #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button svg,
html.sm #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button svg {
width: 17px;
height: 15px;
}
html.xl #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button svg,
html.lg #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button svg,
html.md #product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button svg {
width: 18px;
height: 18px;
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavorImageWrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 6px;
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor *,
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize * {
font-size: var(--font-size-medium);
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize {
padding-left: var(--padding-select-size);
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--list,
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorSize--list {
z-index: 1;
}
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--list .product__flavorDropDwn,
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorSize--list .product__flavorDropDwn,
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorList--list .product__flavorSizeDropDwn,
#product__container .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu #product__flavorSize--list .product__flavorSizeDropDwn {
line-height: 3rem;
padding-left: 0;
}
html.xs #product__container .product_wrapper--viewInfo .product__viewInfo,
html.sm #product__container .product_wrapper--viewInfo .product__viewInfo {
font-size: 15px;
}
html.xl #product__container .product_wrapper--viewInfo .product__viewInfo,
html.lg #product__container .product_wrapper--viewInfo .product__viewInfo,
html.md #product__container .product_wrapper--viewInfo .product__viewInfo {
font-size: var(--font-size-medium);
}
#nutritionData__Container {
--dp-brand-accent-color: #333;
}
html.xs #nutritionData__Container,
html.sm #nutritionData__Container {
margin: 1.5rem 0 2rem;
}
html.xl #nutritionData__Container,
html.lg #nutritionData__Container,
html.md #nutritionData__Container {
margin: var(--nutri-data-margin);
}
#nutritionData__Container .nav-tabs {
border-bottom: none;
}
html.xl #nutritionData__Container .nav-tabs:first-child::before,
html.lg #nutritionData__Container .nav-tabs:first-child::before,
html.md #nutritionData__Container .nav-tabs:first-child::before {
content: "";
}
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.xl #nutritionData__Container .nav-tabs .nav-item:first-of-type,
html.lg #nutritionData__Container .nav-tabs .nav-item:first-of-type,
html.md #nutritionData__Container .nav-tabs .nav-item:first-of-type {
border-bottom: none;
}
html.xl #nutritionData__Container .nav-tabs .nav-item:last-of-type .nav-link,
html.lg #nutritionData__Container .nav-tabs .nav-item:last-of-type .nav-link,
html.md #nutritionData__Container .nav-tabs .nav-item:last-of-type .nav-link {
border-right: 1px solid;
}
#nutritionData__Container .nav-tabs .nav-item .nav-link {
font-size: var(--font-size--tab);
font-weight: bold;
text-transform: var(--text-transform);
left: -1px;
border-right: none;
outline: none;
}
html.xl #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.lg #nutritionData__Container .nav-tabs .nav-item .nav-link,
html.md #nutritionData__Container .nav-tabs .nav-item .nav-link {
padding: var(--padding-tab);
}
html.xl #nutritionData__Container .nav-tabs .nav-item .nav-link.active,
html.lg #nutritionData__Container .nav-tabs .nav-item .nav-link.active,
html.md #nutritionData__Container .nav-tabs .nav-item .nav-link.active {
padding-bottom: var(--padding-tab--active);
}
html.xs #nutritionData__Container .nav-tabs .nav-item svg,
html.sm #nutritionData__Container .nav-tabs .nav-item svg {
width: 17px;
height: 15px;
}
html.xl #nutritionData__Container .nav-tabs .nav-item svg,
html.lg #nutritionData__Container .nav-tabs .nav-item svg,
html.md #nutritionData__Container .nav-tabs .nav-item svg {
width: 18px;
height: 18px;
}
#nutritionData__Container .nav-tabs .nav-item .detail_CloneMobile {
padding: 1rem;
}
#nutritionData__Container .nav-tabs .nav-item .detail_CloneMobile * {
font-weight: normal;
line-height: 1.3;
margin: 0;
}
#nutritionData__Container .nav-tabs,
#nutritionData__Container #nutritionData_info {
border-top: none;
}
#nutritionData__Container #nutritionData_info {
color: var(--dp-brand-accent-color);
}
html.xs #nutritionData__Container #nutritionData_info,
html.sm #nutritionData__Container #nutritionData_info {
padding: 0 1rem;
border-bottom: 1px solid var(--dp-brand-accent-color);
}
html.xl #nutritionData__Container #nutritionData_info,
html.lg #nutritionData__Container #nutritionData_info,
html.md #nutritionData__Container #nutritionData_info {
padding: 2rem;
}
#nutritionData__Container #nutritionData_info .nutrition-facts {
font-size: 12px;
padding-top: 1rem;
}
html.xs #nutritionData__Container #nutritionData_info .nutrition-facts,
html.sm #nutritionData__Container #nutritionData_info .nutrition-facts {
padding: 2rem 0;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__label,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__label {
font-size: 27px;
line-height: 35px;
color: inherit;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__amount-per-serving,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__amount-per-serving {
font-size: 9px;
padding: 3px;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__calories,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__calories {
font-size: 23px;
padding: 3px;
font-weight: 900;
border-color: var(--dp-brand-accent-color);
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__caloriesVal,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__caloriesVal {
font-size: 30px;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__servingsPerContainer,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__servingsPerContainer {
font-size: inherit;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__header-container .nutritionTable__servingSize,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__header-container .nutritionTable__servingSize {
font-size: 14px;
border-color: var(--dp-brand-accent-color);
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .dailyValHeader,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__Wrapper .dailyValHeader {
font-size: 9px;
padding: 4px;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .nutritionTable_rowContainer.groupedNutritionItems:not(.level2) .nutritionItem_row:nth-child(1) .nutritionItem,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__Wrapper .nutritionTable_rowContainer.groupedNutritionItems:not(.level2) .nutritionItem_row:nth-child(1) .nutritionItem {
text-indent: 0px;
font-weight: 900;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__Wrapper .nutritionTable_rowContainer.groupedNutritionItems .DailyVal,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__Wrapper .nutritionTable_rowContainer.groupedNutritionItems .DailyVal {
font-weight: 900;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable_bottomSection,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable_bottomSection {
border-top: 5px solid var(--dp-brand-accent-color);
border-bottom: 5px solid var(--dp-brand-accent-color);
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutritionTable .nutritionTable__footer-container,
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section .nutritionTable__footer-container {
font-size: 10px;
padding-top: 3px;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #nutritionTable_Container .nutrition-facts--left-section {
padding: 0;
margin: 0;
border: none;
width: auto;
}
#nutritionData__Container #nutritionData_info .nutrition-facts .card-img-top {
max-width: var(--img__max-width);
}
#nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container {
font-size: 16px !important;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label {
font-weight: 700 !important;
margin-bottom: 0.8rem;
}
html.xs #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label:first-of-type,
html.sm #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label:first-of-type {
font-size: var(--title__btn--font-size);
}
html.xl #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label:first-of-type,
html.xl #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredientItem_list *,
html.lg #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient__label:first-of-type,
html.lg #nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredientItem_list * {
font-size: 17px !important;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container .ingredient_list * {
line-height: 1.7rem;
}
#nutritionData__Container #nutritionData_info .nutrition-facts #ingredients_Container #GMO--label {
font-weight: 700;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container #product__button--0,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container #product__button--0,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container #product__button--0 {
margin-left: 10px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container #product__button--0 .product__button--link {
padding-top: 11px;
padding-bottom: 11px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .btn.btn-primary {
color: var(--light);
text-transform: lowercase;
letter-spacing: 1.5px;
background-color: var(--dark);
padding-left: 17px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .btn.btn-primary,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .btn.btn-primary strong {
font-weight: 700;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .btn.btn-primary,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .btn.btn-primary,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .btn.btn-primary {
font-size: 16px;
border: 2px solid transparent;
padding: 13px 15px;
letter-spacing: 0;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .btn.btn-primary:hover,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .btn.btn-primary:hover,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .btn.btn-primary:hover {
background-color: var(--primary-color);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--left img {
height: 450px;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--left img,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--left img {
max-height: 300px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right {
color: var(--dark);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top {
padding-bottom: 20px;
margin-bottom: 0;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title {
margin: 0;
margin-top: 2%;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title {
margin: 0;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title .product_desktopTitle * {
font-weight: bold;
margin-bottom: var(--title__mb--large);
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__title .product_mobileTitle * {
font-weight: bold;
margin: 0 0 25px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__description * {
font-weight: bold;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__description *,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--top .product__description * {
font-size: 14px;
line-height: 20px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom {
padding-top: 20px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-size: 23px;
font-weight: bold;
text-transform: lowercase;
margin: 20px 0;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__label {
font-size: 16px;
line-height: normal;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button {
border: 2px solid var(--common-light-grey);
width: 283px;
margin-right: 35px;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__button {
width: 100%;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavorItem,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSizeItem {
font-size: var(--title__font-size--medium);
font-weight: bold;
text-transform: lowercase;
}
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor *,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize *,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavorItem *,
html.md .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSizeItem *,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor *,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize *,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavorItem *,
html.lg .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSizeItem *,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor *,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize *,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavorItem *,
html.xl .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSizeItem * {
font-size: 16px;
}
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor,
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize,
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavorItem,
html.xs .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSizeItem,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavor,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedFlavorItem,
html.sm .tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSizeItem {
font-size: 14px;
text-transform: capitalize;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSize,
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product__container--bottom .product__wrapper--dropdownMenus .product__wrapper--dropdownMenu .product__selectedSizeItem {
padding-left: 20px;
}
.tccc-cmp.tccc-cmp-product[data-design-package$="default"] #product__container .product__wrapper--right .product_wrapper--viewInfo .product__viewInfo {
text-transform: lowercase;
}
.tccc-cmp #nutritionData__Container .nav-tabs .nav-item .nav-link {
font-weight: bold;
}
.tccc-cmp #nutritionData__Container .product-facts .product-facts__fixed-item-right .product-facts__daily-value {
white-space: nowrap;
}
.tccc-cmp #nutritionData__Container #nutritionData_info #nutritionTable_Container #product-facts__nutritional-table .product-facts__optional-items-container * {
font-weight: 700;
}
.tccc-cmp #nutritionData__Container #nutritionData_info #nutritionTable_Container .nutrition__caffineInfo-container {
font-size: 16px;
font-weight: 700;
}
html.xs .tccc-cmp #nutritionData__Container #nutritionData_info #nutritionTable_Container .nutrition__caffineInfo-container,
html.sm .tccc-cmp #nutritionData__Container #nutritionData_info #nutritionTable_Container .nutrition__caffineInfo-container {
margin: 15px 20px;
}
.tccc-cmp #nutritionData__Container #nutritionData_info .nutrition_detailsContainer * {
font-size: 14px;
font-weight: bold;
line-height: 20px;
color: #5d5d5d;
}
.tccc-cmp #nutritionData__Container #nutritionData_info #ingredients_Container #GMO--label,
.tccc-cmp #nutritionData__Container #nutritionData_info #ingredients_Container .gmo_list * {
font-size: 16px !important;
}
.tccc-cmp #nutritionData__Container #detail_CloneMobile * {
font-size: 14px;
line-height: 20px;
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] {
color: var(--dark);
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .productLanding_headline {
font-weight: bold;
margin: 0;
padding: 20px 0;
font-size: 25px;
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .productList__exploreButton .product-explorebutton {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: var(--light);
background-color: var(--dark);
margin-top: 10px;
}
html.xs .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .productList__exploreButton .product-explorebutton,
html.sm .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .productList__exploreButton .product-explorebutton {
padding: var(--padding__btn);
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .productList__exploreButton .product-explorebutton:hover {
background-color: #474747;
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card {
margin: 0 0 100px;
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card .itemWrapper .card-img-wrapper .card-img-top {
width: 195px;
}
html.xs .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card .itemWrapper .card-img-wrapper .card-img-top,
html.sm .tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card .itemWrapper .card-img-wrapper .card-img-top {
height: 74px;
width: 90px;
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card .card-body {
padding: 15px 0 0;
}
.tccc-cmp.tccc-cmp-contentFragmentCollection[data-design-package$="productLanding"] .card-deck .card .card-body .productList__title * {
font-size: 15px;
line-height: 15px;
font-weight: bold;
margin-top: 10px;
}
:root {
--primary-color: #666666;
--secondary-color: #FFD200;
--tertiary-color: #000000;
--light: #ffffff;
--font-family: "Helvetica", "Arial", sans-serif;
--border-default-card: 2px solid var(--light);
--border-hover-card: 2px solid var(--secondary-color);
--backdrop: rgba(255, 255, 255, 0.75);
}
html {
font-size: 14px;
}
.btn {
font-size: 1rem;
}
.btn.btn-primary {
color: var(--tertiary-color);
padding: 10px 30px;
background-color: var(--secondary-color);
border-radius: 0;
border: 0;
-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(--light);
background-color: var(--primary-color);
}
a:hover {
color: var(--tertiary-color);
}
.tccc-cmp-contentFragmentCollection {
--faq-answer-link-color: #009946;
}
.tccc-cmp-footer,
#PageFooter {
--footer-top-title-font-size: 0.937rem;
--footer-top-title-font-size-mobile: 0.937rem;
--footer-copy-font-size: 14px;
--footer-copy-font-size-mobile: 12px;
--footer-link-font-size: 14px;
--footer-link-font-size-mobile: 12px;
--footer-color-default: var(--light);
--footer-color-hover: var(--secondary-color);
--footer-font-weight: bold;
--footer-line-height-copy: 1.5;
--footer-line-height-link: 1.4;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] {
--color-menu-bar-opened: #f0f0f0;
--profile-icon: url('data:image/svg+xml;utf8,');
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] #hamburger-menu {
padding: 0 28px;
margin-bottom: 0 !important;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] #hamburger-menu[aria-expanded="true"] {
background-color: var(--color-menu-bar-opened);
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-text,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-text {
color: var(--primary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link,
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-text {
font-weight: 700 !important;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-wrapper {
background-color: var(--secondary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-arrow:after {
border-bottom-color: var(--secondary-color);
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-link {
color: #A9A9A9 !important;
}
html.xs .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"] .nav__submenu-link {
padding: 5px 4px;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-item,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-item {
margin: 0 !important;
border-bottom: 0 !important;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu-item.text-only .nav__submenu-text {
padding: 0 30px;
}
html.xs .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"] .nav__menu-bar {
background-color: var(--color-menu-bar-opened) !important;
}
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 {
font-size: 13px !important;
padding: 17px 0 17px 33px;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__menu-list,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__menu-list {
margin: 0;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__menu-list .nav__svg,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__menu-list .nav__svg {
padding: 10px 0;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__item.open .nav__link,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__item.open .nav__link {
color: var(--dark);
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__submenu {
padding-bottom: 16px;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__mobile-icon,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__mobile-icon {
margin-left: 0px;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__menu .profile__menu--link {
color: #333;
font-weight: 700;
}
.tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__menu--greeting {
font-weight: 700;
}
.tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn {
color: var(--tertiary-color);
padding: 10px 30px;
background-color: var(--secondary-color);
border-radius: 0;
border: 0;
-webkit-transition: none;
transition: none;
font-weight: 700;
font-size: 16px;
}
html.md .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover,
html.lg .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover,
html.xl .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn:hover {
color: var(--light);
background-color: var(--primary-color);
}
.pb-button--secondary .tccc-cmp.tccc-cmp-button[data-design-package$="default"] .btn {
color: var(--light);
background-color: var(--tertiary-color);
border: 0;
}
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 {
background-color: var(--primary-color);
}
.contact-us-wrapper .btn.btn-primary {
background-color: var(--sec-alternative-color);
border: var(--sec-alternative-color);
text-transform: uppercase;
}
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: 1rem;
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 {
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: 0.937rem;
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.xl .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__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"] .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"] .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: 0.81rem;
font-weight: 700;
line-height: 1.5;
}
html.xs .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link.current-page,
html.sm .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link.current-page,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .nav__link.current-page {
color: var(--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.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.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 {
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: 0.937rem;
font-weight: 100;
}
.sip-scan .sip-scan__icon--light {
fill: var(--tertiary-color);
stroke: var(--tertiary-color);
}
.sip-scan .sip-scan__btn {
color: var(--tertiary-color);
background-color: var(--secondary-color);
}
.sip-scan .sip-scan__help-link {
color: var(--secondary-color);
}
.sip-scan .sip-scan__question-mark,
.sip-scan .sip-scan__icon--dark {
fill: var(--secondary-color);
stroke: var(--secondary-color);
}
.sip-scan .sip-scan__loading-modal .modal-content {
background-color: var(--secondary-color);
}
.sip-scan .sip-scan__loading-modal svg {
fill: var(--tertiary-color);
}
.banner-policy-link {
color: #337ab7;
}
ko-preloader {
background-image: url(/content/dam/nagbrands/global/us/melloyello/en/icons/global-brand-preloader.svg);
}
.c-list__title {
font-size: 0.875rem;
}
#PageFooter .tccc-cmp-list .c-list__text {
display: block;
}
.tccc-cmp-footer[data-design-package$="nagbrands_default"] a {
font-weight: inherit;
color: var(--light);
font-size: var(--footer-copy-font-size-mobile);
}
html.md .tccc-cmp-footer[data-design-package$="nagbrands_default"] a,
html.lg .tccc-cmp-footer[data-design-package$="nagbrands_default"] a,
html.xl .tccc-cmp-footer[data-design-package$="nagbrands_default"] a {
font-size: var(--footer-copy-font-size);
}
html.sm .tccc-cmp-footer[data-design-package$="nagbrands_default"] .footer-default-wrapper__copyright p,
html.xs .tccc-cmp-footer[data-design-package$="nagbrands_default"] .footer-default-wrapper__copyright p {
margin-bottom: 0;
}
html.sm .tccc-cmp-footer[data-design-package$="nagbrands_default"] .footer-default-wrapper__social-media-list--item--link,
html.xs .tccc-cmp-footer[data-design-package$="nagbrands_default"] .footer-default-wrapper__social-media-list--item--link {
margin-right: 5px;
margin-left: 5px;
}
html.xs .pb-list--default-line-spacing .tccc-cmp-list .c-list .c-list__list .c-list__item,
html.sm .pb-list--default-line-spacing .tccc-cmp-list .c-list .c-list__list .c-list__item {
margin-bottom: 1rem;
}
#PageFooter h5 {
font-size: var(--footer-copy-font-size);
font-weight: 700;
line-height: 1.7;
}
html.md #PageFooter .list .tccc-cmp.tccc-cmp-list ul.c-list__list,
html.lg #PageFooter .list .tccc-cmp.tccc-cmp-list ul.c-list__list,
html.xl #PageFooter .list .tccc-cmp.tccc-cmp-list ul.c-list__list {
margin-bottom: 30px;
}
#PageFooter .list .tccc-cmp.tccc-cmp-list ul.c-list__list li.c-list__item .c-list__link {
color: #d4d4d4;
font-size: var(--footer-copy-font-size-mobile);
font-weight: 700;
line-height: 1.95;
}
html.md #PageFooter .list .tccc-cmp.tccc-cmp-list ul.c-list__list li.c-list__item .c-list__link,
html.lg #PageFooter .list .tccc-cmp.tccc-cmp-list ul.c-list__list li.c-list__item .c-list__link,
html.xl #PageFooter .list .tccc-cmp.tccc-cmp-list ul.c-list__list li.c-list__item .c-list__link {
font-size: var(--footer-copy-font-size);
font-weight: 700;
line-height: 1.7;
}
.tccc-htl-contentWrapper.ccn-content-wrapper--title-align .tccc-cmp-title {
width: 98%;
}
.tccc-htl-contentWrapper.banner-home-cta--mobile .responsive-background-image {
background-position: center right;
background-repeat: no-repeat;
}
html.xs .tccc-htl-contentWrapper.banner-home-cta--mobile .responsive-background-image,
html.sm .tccc-htl-contentWrapper.banner-home-cta--mobile .responsive-background-image {
background-image: none !important;
background-color: var(--dark);
}
.tccc-htl-contentWrapper.banner-home-cta--mobile .cmp-image img {
margin: 0 auto;
display: block;
}
html.md .tccc-htl-contentWrapper.banner-home-cta--mobile .cmp-image,
html.lg .tccc-htl-contentWrapper.banner-home-cta--mobile .cmp-image,
html.xl .tccc-htl-contentWrapper.banner-home-cta--mobile .cmp-image {
display: none;
}
.tccc-cmp.tccc-cmp-widgetContainer[data-design-package$="/widgetContainer/nagbrands_contactus"] .contact-us-wrapper .btn.btn-primary {
background-color: #3c9a47;
padding: 3px 45px;
}
.tccc-cmp.tccc-cmp-widgetContainer[data-design-package$="/widgetContainer/nagbrands_contactus"] .contact-us-wrapper .btn.btn-primary:hover {
background-color: var(--primary-color);
}
html.xs .tccc-cmp.tccc-cmp-widgetContainer[data-design-package$="/widgetContainer/nagbrands_contactus"] .contact-us-wrapper .btn.btn-primary,
html.sm .tccc-cmp.tccc-cmp-widgetContainer[data-design-package$="/widgetContainer/nagbrands_contactus"] .contact-us-wrapper .btn.btn-primary {
width: 100%;
}
#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;
}
#product__container .ps-widget {
text-align: left;
}
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.sm .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"] .profile__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.sm .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"] .profile__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.sm .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"] .profile__wrapper.open .profile__menu,
html.xs .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"] .profile__wrapper.open.nav__submenu--wrapper,
html.md .tccc-cmp.tccc-cmp-navigation[data-design-package$="navigation/nagbrands_default"] .profile__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.sm .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"] .profile__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.sm .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"] .profile__wrapper.open .profile__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.sm .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"] .profile__wrapper .nav__link-icon--profile {
width: 100%;
}
.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;
}
/** 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;
}
/** 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--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);
}
.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 .responsive-background-image {
background-repeat: no-repeat;
}
.contentwrapper.pb-content-wrapper__bg--no-repeat-100 .responsive-background-image {
background-repeat: no-repeat;
background-size: 100%;
}
.contentwrapper.pb-content-wrapper__bg--cover .responsive-background-image {
background-repeat: no-repeat;
background-size: cover;
}
.contentwrapper.pb-content-wrapper__bg--center .responsive-background-image {
background-repeat: no-repeat;
background-position: center center;
}
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--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);
}
.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 {
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);
}