/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */ @font-face { font-family: "Nestle-Text-Book"; src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Book.eot); src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Book.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Book.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/NestleText-Book.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Book.eot#iefix) format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Nestle-Text-Light"; src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Light.eot); src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Light.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Light.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/NestleText-Light.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Light.eot#iefix) format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Nestle-Text-Light"; src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Book.eot); src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Book.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Book.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/NestleText-Book.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Book.eot#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Nestle-Text-Book"; src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Light.eot); src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Light.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Light.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/NestleText-Light.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Light.eot#iefix) format("embedded-opentype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Nestle-Text-Bold"; src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Bold.eot); src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Bold.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Bold.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/NestleText-Bold.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Bold.eot#iefix) format("embedded-opentype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Nestle-Text-Book"; src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Bold.eot); src: url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Bold.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Bold.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/NestleText-Bold.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/Nestle_Text-Bold.eot#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Nestle-Text-Book-Condensed"; src: url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-BookCnd.eot); src: url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-BookCnd.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-BookCnd.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-BookCnd.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-BookCnd.eot#iefix) format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Nestle-Text-Light-Condensed"; src: url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-LightCnd.eot); src: url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-LightCnd.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-LightCnd.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-LightCnd.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-LightCnd.eot#iefix) format("embedded-opentype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Nestle-Text-Bold-Condensed"; src: url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-BoldCnd.eot); src: url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-BoldCnd.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-BoldCnd.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-BoldCnd.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/nestle_text_condensed/NestleTextTF-BoldCnd.eot#iefix) format("embedded-opentype"); font-weight: bold; font-style: normal; } @font-face { font-family: "icomoon"; src: url(/themes/custom/da_vinci_code/fonts/icomoon.eot?6mzl05=); src: url(/themes/custom/da_vinci_code/fonts/icomoon.eot?6mzl05=#iefix) format("embedded-opentype"), url(/themes/custom/da_vinci_code/fonts/icomoon.ttf?6mzl05=) format("truetype"), url(/themes/custom/da_vinci_code/fonts/icomoon.woff?6mzl05=) format("woff"), url(/themes/custom/da_vinci_code/fonts/icomoon.svg?6mzl05=#icomoon) format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: "icomoon"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "NestleScript"; src: url(/themes/custom/da_vinci_code/fonts/NestleScript-Regular.eot); src: url(/themes/custom/da_vinci_code/fonts/NestleScript-Regular.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/NestleScript-Regular.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/NestleScript-Regular.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/NestleScript-Regular.eot#iefix) format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "NestleBrush"; src: url(/themes/custom/da_vinci_code/fonts/NestleBrush-Regular.eot); src: url(/themes/custom/da_vinci_code/fonts/NestleBrush-Regular.woff2) format("woff2"), url(/themes/custom/da_vinci_code/fonts/NestleBrush-Regular.woff) format("woff"), url(/themes/custom/da_vinci_code/fonts/NestleBrush-Regular.ttf) format("truetype"), url(/themes/custom/da_vinci_code/fonts/NestleBrush-Regular.eot#iefix) format("embedded-opentype"); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } html, body { height: 100%; } a img { border: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ""; content: none; } html { font-size: 62.5%; } ul { list-style-type: none; } li { list-style: none; } .field--name-field-cta-button-url a, .field--name-field-cta-button-item a, .view-ln-c-mosaic .js-pager__items a, .da-vinci-code-button, .block-brand-website-countries .website-selector-button, .cta-style-text-with-arrow .banner__content_link a, .paragraph--type--brand-image-overlap .text-image-overlap-link-wrapper a, .entitycycle-display-image-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-title .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-title-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a, .cta-style-text-with-arrow .field--name-field-cta-button-url a, .da-vinci-code-background--annual-purple .feature-banner__content a, .da-vinci-code-background--annual-brown .feature-banner__content a, .da-vinci-code-background--annual-yellow .feature-banner__content a, .da-vinci-code-background--annual-teal .feature-banner__content a, .da-vinci-code-background--annual-pink .feature-banner__content a, .da-vinci-code-background--annual-red .feature-banner__content a, .da-vinci-code-background--purple-alt .feature-banner__content a, .da-vinci-code-background--purple .feature-banner__content a, .da-vinci-code-background--pink .feature-banner__content a, .da-vinci-code-background--red .feature-banner__content a, .da-vinci-code-background--orange .feature-banner__content a, .da-vinci-code-background--green .feature-banner__content a, .da-vinci-code-background--teal .feature-banner__content a, .da-vinci-code-background--blue .feature-banner__content a, .da-vinci-code-background--85-oak .feature-banner__content a, .da-vinci-code-background--oak .feature-banner__content a, .da-vinci-code-background--dark-oak .feature-banner__content a, .da-vinci-code-background--annual-purple.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-purple .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-brown.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-brown .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-yellow.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-yellow .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-teal.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-teal .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-pink.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-pink .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-red.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-red .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--purple-alt.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--purple-alt .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--purple.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--purple .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--pink.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--pink .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--red.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--red .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--orange.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--orange .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--green.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--green .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--teal.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--teal .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--blue.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--blue .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--85-oak.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--85-oak .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--oak.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--oak .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--dark-oak.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--dark-oak .cta-style-secondary .field--name-field-cta-button-url a, .paragraph [class*="bg-"] a.button, .paragraph [class*="bg-"] a.cta-style-secondary, .paragraph [class*="color-library-"] a.button, .paragraph [class*="color-library-"] a.cta-style-secondary, .webform-submission-form .form-managed-file .custom-box .box-wrapper, .da-vinci-code-background--white .feature-banner__content a, .da-vinci-code-background--5-oak .feature-banner__content a, .da-vinci-code-background--15-oak .feature-banner__content a, .da-vinci-code-background--30-oak .feature-banner__content a, .paragraph a.button, .paragraph a.cta-style-secondary, .ckeditor-tpl-secondary, .cta-style-secondary .field--name-field-cta-button-url a, .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a, .view-id-map_locator .form-inline button[id*="edit-submit"], .view-id-map_locator .form-inline button[id*="edit-reset"], button[id^="edit-reset"], button[id^="edit-reset-action"], .da-vinci-code-background--annual-purple.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-purple .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-brown.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-brown .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-yellow.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-yellow .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-teal.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-teal .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-pink.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-pink .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-red.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-red .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--purple-alt.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--purple-alt .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--purple.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--purple .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--pink.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--pink .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--red.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--red .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--orange.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--orange .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--green.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--green .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--teal.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--teal .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--blue.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--blue .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--85-oak.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--85-oak .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--oak.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--oak .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--dark-oak.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--dark-oak .cta-style-primary .field--name-field-cta-button-url a, .paragraph [class*="bg-"] a.cta, .paragraph [class*="bg-"] a.cta-style-primary, .paragraph [class*="color-library-"] a.cta, .paragraph [class*="color-library-"] a.cta-style-primary, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn, .view-display-id-block_news_without_search .pager .previous a, .webform-submission-form .form-actions button, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions .btn, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions button, .paragraph a.cta, .paragraph a.cta-style-primary, .ckeditor-tpl-primary, .cta-style-primary .field--name-field-cta-button-url a, .view-display-id-block_news_without_search .pager .next a, .region-header-top .menu--contact-menu a, .button, button.webform-button--submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; border: 1px solid; text-align: center; font-family: "Nestle-Text-Book"; font-size: 14px; line-height: 20px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); border-radius: 2px; padding: 7px 1.2857142857em 7px; vertical-align: middle; text-decoration: none; -webkit-transition: background-color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } .field--name-field-cta-button-url a:active, .field--name-field-cta-button-item a:active, .view-ln-c-mosaic .js-pager__items a:active, .da-vinci-code-button:active, .block-brand-website-countries .website-selector-button:active, .cta-style-text-with-arrow .banner__content_link a:active, .paragraph--type--brand-image-overlap .text-image-overlap-link-wrapper a:active, .entitycycle-display-image .cta-style-text-with-arrow .field--name-field-cta-button-url a:active, .entitycycle-display-image-title .cta-style-text-with-arrow .field--name-field-cta-button-url a:active, .entitycycle-display-image-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a:active, .entitycycle-display-image-title-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-purple .feature-banner__content a:active, .da-vinci-code-background--annual-brown .feature-banner__content a:active, .da-vinci-code-background--annual-yellow .feature-banner__content a:active, .da-vinci-code-background--annual-teal .feature-banner__content a:active, .da-vinci-code-background--annual-pink .feature-banner__content a:active, .da-vinci-code-background--annual-red .feature-banner__content a:active, .da-vinci-code-background--purple-alt .feature-banner__content a:active, .da-vinci-code-background--purple .feature-banner__content a:active, .da-vinci-code-background--pink .feature-banner__content a:active, .da-vinci-code-background--red .feature-banner__content a:active, .da-vinci-code-background--orange .feature-banner__content a:active, .da-vinci-code-background--green .feature-banner__content a:active, .da-vinci-code-background--teal .feature-banner__content a:active, .da-vinci-code-background--blue .feature-banner__content a:active, .da-vinci-code-background--85-oak .feature-banner__content a:active, .da-vinci-code-background--oak .feature-banner__content a:active, .da-vinci-code-background--dark-oak .feature-banner__content a:active, .da-vinci-code-background--annual-purple.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-purple .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak .cta-style-secondary .field--name-field-cta-button-url a:active, .webform-submission-form .form-managed-file .custom-box .box-wrapper:active, .da-vinci-code-background--white .feature-banner__content a:active, .da-vinci-code-background--5-oak .feature-banner__content a:active, .da-vinci-code-background--15-oak .feature-banner__content a:active, .da-vinci-code-background--30-oak .feature-banner__content a:active, .paragraph a.button:active, .paragraph a.cta-style-secondary:active, .ckeditor-tpl-secondary:active, .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:active, .view-id-map_locator .form-inline button[id*="edit-submit"]:active, .view-id-map_locator .form-inline button[id*="edit-reset"]:active, button[id^="edit-reset"]:active, button[id^="edit-reset-action"]:active, .da-vinci-code-background--annual-purple.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-purple .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak .cta-style-primary .field--name-field-cta-button-url a:active, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn:active, .view-display-id-block_news_without_search .pager .previous a:active, .webform-submission-form .form-actions button:active, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions .btn:active, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions button:active, .paragraph a.cta:active, .paragraph a.cta-style-primary:active, .ckeditor-tpl-primary:active, .view-display-id-block_news_without_search .pager .next a:active, .region-header-top .menu--contact-menu a:active, .button:active, button.webform-button--submit:active { outline: none; } .view-display-id-block_news_without_search .pager .previous a, .webform-submission-form .form-actions button, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions .btn, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions button, .paragraph a.cta, .paragraph a.cta-style-primary, .ckeditor-tpl-primary, .cta-style-primary .field--name-field-cta-button-url a, .view-display-id-block_news_without_search .pager .next a, .region-header-top .menu--contact-menu a, .button, button.webform-button--submit { background-color: #007cba; border-color: #007cba; color: #ffffff; } .view-display-id-block_news_without_search .pager .previous a:hover, .webform-submission-form .form-actions button:hover, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions .btn:hover, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions button:hover, .paragraph a.cta:hover, .paragraph a.cta-style-primary:hover, .ckeditor-tpl-primary:hover, .cta-style-primary .field--name-field-cta-button-url a:hover, .view-display-id-block_news_without_search .pager .next a:hover, .region-header-top .menu--contact-menu a:hover, .button:hover, button.webform-button--submit:hover, .view-display-id-block_news_without_search .pager .previous a:active, .webform-submission-form .form-actions button:active, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions .btn:active, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions button:active, .paragraph a.cta:active, .paragraph a.cta-style-primary:active, .ckeditor-tpl-primary:active, .cta-style-primary .field--name-field-cta-button-url a:active, .view-display-id-block_news_without_search .pager .next a:active, .region-header-top .menu--contact-menu a:active, .button:active, button.webform-button--submit:active { color: #ffffff; background-color: rgb(0, 99.2, 148.8); border-color: rgb(0, 99.2, 148.8); } .view-display-id-block_news_without_search .pager .previous a:active, .webform-submission-form .form-actions button:active, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions .btn:active, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions button:active, .paragraph a.cta:active, .paragraph a.cta-style-primary:active, .ckeditor-tpl-primary:active, .cta-style-primary .field--name-field-cta-button-url a:active, .view-display-id-block_news_without_search .pager .next a:active, .region-header-top .menu--contact-menu a:active, .button:active, button.webform-button--submit:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .da-vinci-code-background--annual-purple.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-purple .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-brown.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-brown .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-yellow.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-yellow .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-teal.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-teal .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-pink.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-pink .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-red.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-red .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--purple-alt.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--purple-alt .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--purple.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--purple .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--pink.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--pink .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--red.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--red .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--orange.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--orange .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--green.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--green .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--teal.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--teal .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--blue.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--blue .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--85-oak.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--85-oak .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--oak.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--oak .cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--dark-oak.cta-style-primary .field--name-field-cta-button-url a, .da-vinci-code-background--dark-oak .cta-style-primary .field--name-field-cta-button-url a, .paragraph [class*="bg-"] a.cta, .paragraph [class*="bg-"] a.cta-style-primary, .paragraph [class*="color-library-"] a.cta, .paragraph [class*="color-library-"] a.cta-style-primary, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn { background-color: #ffffff; border-color: #ffffff; color: #007cba; } .da-vinci-code-background--annual-purple.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-purple .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-brown.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-brown .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-yellow.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-yellow .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-teal.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-teal .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-pink.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-pink .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-red.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-red .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--purple-alt.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--purple-alt .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--purple.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--purple .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--pink.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--pink .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--red.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--red .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--orange.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--orange .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--green.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--green .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--teal.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--teal .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--blue.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--blue .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--85-oak.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--85-oak .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--oak.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--oak .cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--dark-oak.cta-style-primary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--dark-oak .cta-style-primary .field--name-field-cta-button-url a:hover, .paragraph [class*="bg-"] a.cta:hover, .paragraph [class*="bg-"] a.cta-style-primary:hover, .paragraph [class*="color-library-"] a.cta:hover, .paragraph [class*="color-library-"] a.cta-style-primary:hover, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn:hover, .da-vinci-code-background--annual-purple.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-purple .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak .cta-style-primary .field--name-field-cta-button-url a:active, .paragraph [class*="bg-"] a.cta:active, .paragraph [class*="bg-"] a.cta-style-primary:active, .paragraph [class*="color-library-"] a.cta:active, .paragraph [class*="color-library-"] a.cta-style-primary:active, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn:active { color: #007cba; background-color: rgb(204, 228.8, 241.2); border-color: rgb(204, 228.8, 241.2); } .da-vinci-code-background--annual-purple.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-purple .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak .cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak.cta-style-primary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak .cta-style-primary .field--name-field-cta-button-url a:active, .paragraph [class*="bg-"] a.cta:active, .paragraph [class*="bg-"] a.cta-style-primary:active, .paragraph [class*="color-library-"] a.cta:active, .paragraph [class*="color-library-"] a.cta-style-primary:active, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .webform-submission-form .form-managed-file .custom-box .box-wrapper, .da-vinci-code-background--white .feature-banner__content a, .da-vinci-code-background--5-oak .feature-banner__content a, .da-vinci-code-background--15-oak .feature-banner__content a, .da-vinci-code-background--30-oak .feature-banner__content a, .paragraph a.button, .paragraph a.cta-style-secondary, .ckeditor-tpl-secondary, .cta-style-secondary .field--name-field-cta-button-url a, .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a, .view-id-map_locator .form-inline button[id*="edit-submit"], .view-id-map_locator .form-inline button[id*="edit-reset"], button[id^="edit-reset"], button[id^="edit-reset-action"] { background: #ffffff; border-color: #007cba; color: #007cba; } .webform-submission-form .form-managed-file .custom-box .box-wrapper:hover, .da-vinci-code-background--white .feature-banner__content a:hover, .da-vinci-code-background--5-oak .feature-banner__content a:hover, .da-vinci-code-background--15-oak .feature-banner__content a:hover, .da-vinci-code-background--30-oak .feature-banner__content a:hover, .paragraph a.button:hover, .paragraph a.cta-style-secondary:hover, .ckeditor-tpl-secondary:hover, .cta-style-secondary .field--name-field-cta-button-url a:hover, .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:hover, .view-id-map_locator .form-inline button[id*="edit-submit"]:hover, .view-id-map_locator .form-inline button[id*="edit-reset"]:hover, button[id^="edit-reset"]:hover, button[id^="edit-reset-action"]:hover, .webform-submission-form .form-managed-file .custom-box .box-wrapper:active, .da-vinci-code-background--white .feature-banner__content a:active, .da-vinci-code-background--5-oak .feature-banner__content a:active, .da-vinci-code-background--15-oak .feature-banner__content a:active, .da-vinci-code-background--30-oak .feature-banner__content a:active, .paragraph a.button:active, .paragraph a.cta-style-secondary:active, .ckeditor-tpl-secondary:active, .cta-style-secondary .field--name-field-cta-button-url a:active, .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:active, .view-id-map_locator .form-inline button[id*="edit-submit"]:active, .view-id-map_locator .form-inline button[id*="edit-reset"]:active, button[id^="edit-reset"]:active, button[id^="edit-reset-action"]:active { color: #007cba; background-color: rgb(204, 228.8, 241.2); } .webform-submission-form .form-managed-file .custom-box .box-wrapper:active, .da-vinci-code-background--white .feature-banner__content a:active, .da-vinci-code-background--5-oak .feature-banner__content a:active, .da-vinci-code-background--15-oak .feature-banner__content a:active, .da-vinci-code-background--30-oak .feature-banner__content a:active, .paragraph a.button:active, .paragraph a.cta-style-secondary:active, .ckeditor-tpl-secondary:active, .cta-style-secondary .field--name-field-cta-button-url a:active, .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:active, .view-id-map_locator .form-inline button[id*="edit-submit"]:active, .view-id-map_locator .form-inline button[id*="edit-reset"]:active, button[id^="edit-reset"]:active, button[id^="edit-reset-action"]:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .da-vinci-code-background--annual-purple .feature-banner__content a, .da-vinci-code-background--annual-brown .feature-banner__content a, .da-vinci-code-background--annual-yellow .feature-banner__content a, .da-vinci-code-background--annual-teal .feature-banner__content a, .da-vinci-code-background--annual-pink .feature-banner__content a, .da-vinci-code-background--annual-red .feature-banner__content a, .da-vinci-code-background--purple-alt .feature-banner__content a, .da-vinci-code-background--purple .feature-banner__content a, .da-vinci-code-background--pink .feature-banner__content a, .da-vinci-code-background--red .feature-banner__content a, .da-vinci-code-background--orange .feature-banner__content a, .da-vinci-code-background--green .feature-banner__content a, .da-vinci-code-background--teal .feature-banner__content a, .da-vinci-code-background--blue .feature-banner__content a, .da-vinci-code-background--85-oak .feature-banner__content a, .da-vinci-code-background--oak .feature-banner__content a, .da-vinci-code-background--dark-oak .feature-banner__content a, .da-vinci-code-background--annual-purple.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-purple .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-brown.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-brown .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-yellow.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-yellow .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-teal.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-teal .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-pink.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-pink .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-red.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--annual-red .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--purple-alt.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--purple-alt .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--purple.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--purple .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--pink.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--pink .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--red.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--red .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--orange.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--orange .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--green.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--green .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--teal.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--teal .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--blue.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--blue .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--85-oak.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--85-oak .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--oak.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--oak .cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--dark-oak.cta-style-secondary .field--name-field-cta-button-url a, .da-vinci-code-background--dark-oak .cta-style-secondary .field--name-field-cta-button-url a, .paragraph [class*="bg-"] a.button, .paragraph [class*="bg-"] a.cta-style-secondary, .paragraph [class*="color-library-"] a.button, .paragraph [class*="color-library-"] a.cta-style-secondary { background: rgba(0, 0, 0, 0); border-color: #ffffff; color: #ffffff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .da-vinci-code-background--annual-purple .feature-banner__content a:hover, .da-vinci-code-background--annual-brown .feature-banner__content a:hover, .da-vinci-code-background--annual-yellow .feature-banner__content a:hover, .da-vinci-code-background--annual-teal .feature-banner__content a:hover, .da-vinci-code-background--annual-pink .feature-banner__content a:hover, .da-vinci-code-background--annual-red .feature-banner__content a:hover, .da-vinci-code-background--purple-alt .feature-banner__content a:hover, .da-vinci-code-background--purple .feature-banner__content a:hover, .da-vinci-code-background--pink .feature-banner__content a:hover, .da-vinci-code-background--red .feature-banner__content a:hover, .da-vinci-code-background--orange .feature-banner__content a:hover, .da-vinci-code-background--green .feature-banner__content a:hover, .da-vinci-code-background--teal .feature-banner__content a:hover, .da-vinci-code-background--blue .feature-banner__content a:hover, .da-vinci-code-background--85-oak .feature-banner__content a:hover, .da-vinci-code-background--oak .feature-banner__content a:hover, .da-vinci-code-background--dark-oak .feature-banner__content a:hover, .da-vinci-code-background--annual-purple.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-purple .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-brown.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-brown .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-yellow.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-yellow .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-teal.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-teal .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-pink.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-pink .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-red.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--annual-red .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--purple-alt.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--purple-alt .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--purple.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--purple .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--pink.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--pink .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--red.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--red .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--orange.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--orange .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--green.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--green .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--teal.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--teal .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--blue.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--blue .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--85-oak.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--85-oak .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--oak.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--oak .cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--dark-oak.cta-style-secondary .field--name-field-cta-button-url a:hover, .da-vinci-code-background--dark-oak .cta-style-secondary .field--name-field-cta-button-url a:hover, .paragraph [class*="bg-"] a.button:hover, .paragraph [class*="bg-"] a.cta-style-secondary:hover, .paragraph [class*="color-library-"] a.button:hover, .paragraph [class*="color-library-"] a.cta-style-secondary:hover, .da-vinci-code-background--annual-purple .feature-banner__content a:active, .da-vinci-code-background--annual-brown .feature-banner__content a:active, .da-vinci-code-background--annual-yellow .feature-banner__content a:active, .da-vinci-code-background--annual-teal .feature-banner__content a:active, .da-vinci-code-background--annual-pink .feature-banner__content a:active, .da-vinci-code-background--annual-red .feature-banner__content a:active, .da-vinci-code-background--purple-alt .feature-banner__content a:active, .da-vinci-code-background--purple .feature-banner__content a:active, .da-vinci-code-background--pink .feature-banner__content a:active, .da-vinci-code-background--red .feature-banner__content a:active, .da-vinci-code-background--orange .feature-banner__content a:active, .da-vinci-code-background--green .feature-banner__content a:active, .da-vinci-code-background--teal .feature-banner__content a:active, .da-vinci-code-background--blue .feature-banner__content a:active, .da-vinci-code-background--85-oak .feature-banner__content a:active, .da-vinci-code-background--oak .feature-banner__content a:active, .da-vinci-code-background--dark-oak .feature-banner__content a:active, .da-vinci-code-background--annual-purple.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-purple .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak .cta-style-secondary .field--name-field-cta-button-url a:active, .paragraph [class*="bg-"] a.button:active, .paragraph [class*="bg-"] a.cta-style-secondary:active, .paragraph [class*="color-library-"] a.button:active, .paragraph [class*="color-library-"] a.cta-style-secondary:active { color: #ffffff; background-color: rgba(0, 0, 0, 0.15); } .da-vinci-code-background--annual-purple .feature-banner__content a:active, .da-vinci-code-background--annual-brown .feature-banner__content a:active, .da-vinci-code-background--annual-yellow .feature-banner__content a:active, .da-vinci-code-background--annual-teal .feature-banner__content a:active, .da-vinci-code-background--annual-pink .feature-banner__content a:active, .da-vinci-code-background--annual-red .feature-banner__content a:active, .da-vinci-code-background--purple-alt .feature-banner__content a:active, .da-vinci-code-background--purple .feature-banner__content a:active, .da-vinci-code-background--pink .feature-banner__content a:active, .da-vinci-code-background--red .feature-banner__content a:active, .da-vinci-code-background--orange .feature-banner__content a:active, .da-vinci-code-background--green .feature-banner__content a:active, .da-vinci-code-background--teal .feature-banner__content a:active, .da-vinci-code-background--blue .feature-banner__content a:active, .da-vinci-code-background--85-oak .feature-banner__content a:active, .da-vinci-code-background--oak .feature-banner__content a:active, .da-vinci-code-background--dark-oak .feature-banner__content a:active, .da-vinci-code-background--annual-purple.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-purple .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-brown .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-yellow .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-teal .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-pink .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--annual-red .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple-alt .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--purple .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--pink .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--red .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--orange .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--green .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--teal .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--blue .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--85-oak .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--oak .cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak.cta-style-secondary .field--name-field-cta-button-url a:active, .da-vinci-code-background--dark-oak .cta-style-secondary .field--name-field-cta-button-url a:active, .paragraph [class*="bg-"] a.button:active, .paragraph [class*="bg-"] a.cta-style-secondary:active, .paragraph [class*="color-library-"] a.button:active, .paragraph [class*="color-library-"] a.cta-style-secondary:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .paragraph--type--brand-image-overlap .text-image-overlap-link-wrapper a, .entitycycle-display-image-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-title .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-title-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a, .cta-style-text-with-arrow .field--name-field-cta-button-url a, .cta-style-text-with-arrow .banner__content_link a { border: 0; -webkit-box-shadow: none; box-shadow: none; text-transform: uppercase; font-size: 13px; padding: 0 20px 0 0; background-color: transparent; } .paragraph--type--brand-image-overlap .text-image-overlap-link-wrapper a::after, .entitycycle-display-image-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a::after, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a::after, .entitycycle-display-image .cta-style-text-with-arrow .field--name-field-cta-button-url a::after, .entitycycle-display-image-title .cta-style-text-with-arrow .field--name-field-cta-button-url a::after, .entitycycle-display-image-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a::after, .entitycycle-display-image-title-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a::after, .cta-style-text-with-arrow .field--name-field-cta-button-url a::after, .cta-style-text-with-arrow .banner__content_link a::after { content: ""; display: block; position: absolute; top: 5%; right: 0; width: 0.9375em; height: 1.0625em; background: url(./arrow-right--blue.svg) no-repeat center 0; } .paragraph--type--brand-image-overlap .text-image-overlap-link-wrapper a:hover, .entitycycle-display-image-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a:hover, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a:hover, .cta-style-text-with-arrow .field--name-field-cta-button-url a:hover, .cta-style-text-with-arrow .banner__content_link a:hover { background-color: unset; } .paragraph--type--brand-image-overlap .text-image-overlap-link-wrapper a:hover::after, .entitycycle-display-image-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a:hover::after, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a:hover::after, .cta-style-text-with-arrow .field--name-field-cta-button-url a:hover::after, .cta-style-text-with-arrow .banner__content_link a:hover::after { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .cta-style-text-with-arrow .banner__content_link a::after { background: url(./arrow-right--white.svg) no-repeat center 0; } .block-brand-website-countries .website-selector-button { color: #30261d; border-radius: 40px; width: -webkit-max-content; width: -moz-max-content; width: max-content; border: 1px #e6e2df solid; padding: 0 50px 0 50px; line-height: 54px; display: block; -webkit-box-shadow: none; box-shadow: none; font-size: 18px; margin-bottom: 32.75px; } .block-brand-website-countries .website-selector-button::before { content: ""; display: block; position: absolute; top: 25%; left: 19px; width: 20px; height: 23px; background: url(.-icons/location.svg) no-repeat center 0; } .block-brand-website-countries .website-selector-button::after { content: ""; display: block; position: absolute; top: 40%; right: 19px; width: 24px; height: 24px; background: url(.-icons/chevron--down--large.svg) no-repeat center 0; } .block-brand-website-countries .website-selector-button:hover { background-color: #f6f5f4; } .block-brand-website-countries .website-selector-button:active, .block-brand-website-countries .active.website-selector-button { background-color: #e8e5e2; } .webform-submission-form .form-managed-file .custom-box .box-wrapper::before, .cta-button-icon-attachment .field--name-field-cta-button-url a::before { content: ""; height: 0.8571428571em; width: 0.8571428571em; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: contain; margin-right: 0.5em; margin-top: -0.2em; } [dir="rtl"] .webform-submission-form .form-managed-file .custom-box .box-wrapper::before, .webform-submission-form .form-managed-file .custom-box [dir="rtl"] .box-wrapper::before, [dir="rtl"] .cta-button-icon-attachment .field--name-field-cta-button-url a::before, .cta-button-icon-attachment .field--name-field-cta-button-url [dir="rtl"] a::before { margin-right: 0; margin-left: 0.5em; } .webform-submission-form .form-managed-file .custom-box .box-wrapper::before { background-image: url(./button_attachment_icon_blue.png); } .webform-submission-form.validation-error .form-actions button, .webform-submission-form.form-submitting .form-actions button, .webform-submission-form.ajax-submit-prevented .form-actions button { background-color: #e8e5e2; border-color: #e8e5e2; color: #30261d; -webkit-box-shadow: none; box-shadow: none; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label, input.form-control, textarea.form-control, .webform-submission-form input.form-control, .webform-submission-form textarea.form-control, .webform-submission-form .intl-tel-input.form-control, input[type="text"], .related-website-select__field select, div.nice-select, select.form-select, .select-wrapper.form-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; border: 1px solid #949494; font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 20px; border-radius: 2px; padding: 7px 11px 7px; vertical-align: middle; text-decoration: none; height: auto; color: #30261d; -webkit-box-shadow: 0 0 0 #a1978b; box-shadow: 0 0 0 #a1978b; background: #ffffff; width: 100%; -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border-color 0.1s ease, box-shadow 0.1s ease; transition: border-color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label::-webkit-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label::-webkit-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label::-webkit-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label::-webkit-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label::-webkit-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label::-webkit-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label::-webkit-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label::-webkit-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label::-webkit-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label::-webkit-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label::-webkit-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label::-webkit-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label::-webkit-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label::-webkit-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label::-webkit-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label::-webkit-input-placeholder, input.form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder, .webform-submission-form input.form-control::-webkit-input-placeholder, .webform-submission-form textarea.form-control::-webkit-input-placeholder, .webform-submission-form .intl-tel-input.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, .related-website-select__field select::-webkit-input-placeholder, div.nice-select::-webkit-input-placeholder, select.form-select::-webkit-input-placeholder, .select-wrapper.form-select::-webkit-input-placeholder { color: #d1cbc5; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label::-moz-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label::-moz-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label::-moz-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label::-moz-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label::-moz-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label::-moz-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label::-moz-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label::-moz-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label::-moz-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label::-moz-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label::-moz-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label::-moz-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label::-moz-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label::-moz-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label::-moz-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label::-moz-placeholder, input.form-control::-moz-placeholder, textarea.form-control::-moz-placeholder, .webform-submission-form input.form-control::-moz-placeholder, .webform-submission-form textarea.form-control::-moz-placeholder, .webform-submission-form .intl-tel-input.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, .related-website-select__field select::-moz-placeholder, div.nice-select::-moz-placeholder, select.form-select::-moz-placeholder, .select-wrapper.form-select::-moz-placeholder { color: #d1cbc5; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label:-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label:-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label:-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label:-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label:-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label:-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label:-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label:-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label:-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label:-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label:-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label:-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label:-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label:-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label:-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label:-ms-input-placeholder, input.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder, .webform-submission-form input.form-control:-ms-input-placeholder, .webform-submission-form textarea.form-control:-ms-input-placeholder, .webform-submission-form .intl-tel-input.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, .related-website-select__field select:-ms-input-placeholder, div.nice-select:-ms-input-placeholder, select.form-select:-ms-input-placeholder, .select-wrapper.form-select:-ms-input-placeholder { color: #d1cbc5; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label::-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label::-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label::-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label::-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label::-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label::-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label::-ms-input-placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label::-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label::-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label::-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label::-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label::-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label::-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label::-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label::-ms-input-placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label::-ms-input-placeholder, input.form-control::-ms-input-placeholder, textarea.form-control::-ms-input-placeholder, .webform-submission-form input.form-control::-ms-input-placeholder, .webform-submission-form textarea.form-control::-ms-input-placeholder, .webform-submission-form .intl-tel-input.form-control::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, .related-website-select__field select::-ms-input-placeholder, div.nice-select::-ms-input-placeholder, select.form-select::-ms-input-placeholder, .select-wrapper.form-select::-ms-input-placeholder { color: #d1cbc5; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label::placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label::placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label::placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label::placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label::placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label::placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label::placeholder, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label::placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label::placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label::placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label::placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label::placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label::placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label::placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label::placeholder, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label::placeholder, input.form-control::placeholder, textarea.form-control::placeholder, .webform-submission-form input.form-control::placeholder, .webform-submission-form textarea.form-control::placeholder, .webform-submission-form .intl-tel-input.form-control::placeholder, input[type="text"]::placeholder, .related-website-select__field select::placeholder, div.nice-select::placeholder, select.form-select::placeholder, .select-wrapper.form-select::placeholder { color: #d1cbc5; } div.nice-select.open, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label:focus, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label:focus, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label:focus, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label:focus, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label:focus, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label:focus, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label:focus, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label:focus, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label:focus, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label:focus, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label:focus, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label:focus, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label:focus, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label:focus, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label:focus, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label:focus, input.form-control:focus, textarea.form-control:focus, .webform-submission-form .intl-tel-input.form-control:focus, input[type="text"]:focus, .related-website-select__field select:focus, div.nice-select:focus, select.form-select:focus, .select-wrapper.form-select:focus { outline: auto; border-color: #a1978b; -webkit-box-shadow: 0 0 4px #a1978b; box-shadow: 0 0 4px #a1978b; } .related-website-select__field select, div.nice-select, select.form-select, .select-wrapper.form-select { background: #ffffff url(./dropdown_arrow.svg) no-repeat center right 10.5px; padding-right: 35px; } .related-website-select__field select::-ms-expand, div.nice-select::-ms-expand, select.form-select::-ms-expand, .select-wrapper.form-select::-ms-expand { display: none; } .da-vinci-code-background-color--dark-oak, .da-vinci-code-background--dark-oak { background-color: #30261d !important; } .da-vinci-code-text-color--dark-oak { color: #30261d !important; } .da-vinci-code-background--dark-oak { color: #ffffff !important; } .da-vinci-code-background-color--oak, .da-vinci-code-background--oak { background-color: #63513d !important; } .da-vinci-code-text-color--oak { color: #63513d !important; } .da-vinci-code-background--oak { color: #ffffff !important; } .da-vinci-code-background-color--85-oak, .da-vinci-code-background--85-oak { background-color: #8a7969 !important; } .da-vinci-code-text-color--85-oak { color: #8a7969 !important; } .da-vinci-code-background--85-oak { color: #ffffff !important; } .da-vinci-code-background-color--30-oak, .da-vinci-code-background--30-oak { background-color: #d1cbc5 !important; } .da-vinci-code-text-color--30-oak { color: #d1cbc5 !important; } .da-vinci-code-background--30-oak { color: #34220d !important; } .da-vinci-code-background-color--15-oak, .da-vinci-code-background--15-oak { background-color: #e8e5e2 !important; } .da-vinci-code-text-color--15-oak { color: #e8e5e2 !important; } .da-vinci-code-background--15-oak { color: #34220d !important; } .da-vinci-code-background-color--5-oak, .da-vinci-code-background--5-oak { background-color: #f6f5f4 !important; } .da-vinci-code-text-color--5-oak { color: #f6f5f4 !important; } .da-vinci-code-background--5-oak { color: #34220d !important; } .da-vinci-code-background-color--white, .da-vinci-code-background--white { background-color: #ffffff !important; } .da-vinci-code-text-color--white { color: #ffffff !important; } .da-vinci-code-background--white { color: #34220d !important; } .da-vinci-code-background-color--blue, .da-vinci-code-background--blue { background-color: #007cba !important; } .da-vinci-code-text-color--blue { color: #007cba !important; } .da-vinci-code-background--blue { color: #ffffff !important; } .da-vinci-code-background-color--teal, .da-vinci-code-background--teal { background-color: #00818f !important; } .da-vinci-code-text-color--teal { color: #00818f !important; } .da-vinci-code-background--teal { color: #ffffff !important; } .da-vinci-code-background-color--green, .da-vinci-code-background--green { background-color: #2e8025 !important; } .da-vinci-code-text-color--green { color: #2e8025 !important; } .da-vinci-code-background--green { color: #ffffff !important; } .da-vinci-code-background-color--orange, .da-vinci-code-background--orange { background-color: #d64123 !important; } .da-vinci-code-text-color--orange { color: #d64123 !important; } .da-vinci-code-background--orange { color: #ffffff !important; } .da-vinci-code-background-color--red, .da-vinci-code-background--red { background-color: #ca003d !important; } .da-vinci-code-text-color--red { color: #ca003d !important; } .da-vinci-code-background--red { color: #ffffff !important; } .da-vinci-code-background-color--pink, .da-vinci-code-background--pink { background-color: #a50064 !important; } .da-vinci-code-text-color--pink { color: #a50064 !important; } .da-vinci-code-background--pink { color: #ffffff !important; } .da-vinci-code-background-color--purple, .da-vinci-code-background--purple { background-color: #8f4899 !important; } .da-vinci-code-text-color--purple { color: #8f4899 !important; } .da-vinci-code-background--purple { color: #ffffff !important; } .da-vinci-code-background-color--purple-alt, .da-vinci-code-background--purple-alt { background-color: #6f2277 !important; } .da-vinci-code-text-color--purple-alt { color: #6f2277 !important; } .da-vinci-code-background--purple-alt { color: #ffffff !important; } .da-vinci-code-background-color--annual-red, .da-vinci-code-background--annual-red { background-color: #ce0037 !important; } .da-vinci-code-text-color--annual-red { color: #ce0037 !important; } .da-vinci-code-background--annual-red { color: #ffffff !important; } .da-vinci-code-background-color--annual-pink, .da-vinci-code-background--annual-pink { background-color: #c6007e !important; } .da-vinci-code-text-color--annual-pink { color: #c6007e !important; } .da-vinci-code-background--annual-pink { color: #ffffff !important; } .da-vinci-code-background-color--annual-teal, .da-vinci-code-background--annual-teal { background-color: #007681 !important; } .da-vinci-code-text-color--annual-teal { color: #007681 !important; } .da-vinci-code-background--annual-teal { color: #ffffff !important; } .da-vinci-code-background-color--annual-yellow, .da-vinci-code-background--annual-yellow { background-color: #eaaa00 !important; } .da-vinci-code-text-color--annual-yellow { color: #eaaa00 !important; } .da-vinci-code-background--annual-yellow { color: #ffffff !important; } .da-vinci-code-background-color--annual-brown, .da-vinci-code-background--annual-brown { background-color: #774212 !important; } .da-vinci-code-text-color--annual-brown { color: #774212 !important; } .da-vinci-code-background--annual-brown { color: #ffffff !important; } .da-vinci-code-background-color--annual-purple, .da-vinci-code-background--annual-purple { background-color: #ac4fc6 !important; } .da-vinci-code-text-color--annual-purple { color: #ac4fc6 !important; } .da-vinci-code-background--annual-purple { color: #ffffff !important; } .read-more, .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types a:not(.media-file-info) { font-size: 13px; display: inline-block; text-transform: uppercase; } .read-more::after, .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types a:not(.media-file-info)::after { content: ""; display: inline-block; width: 12px; height: 14px; background: url(./arrow-right--white.svg) no-repeat center center; vertical-align: middle; margin-top: -0.2em; margin-left: 0.9375rem; -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } .da-vinci-code-button--primary { background-color: #ffffff; border-color: #ffffff; color: #007cba; } .da-vinci-code-button--primary:hover, .da-vinci-code-button--primary:active, .da-vinci-code-button--primary:hover:active { color: #007cba; background-color: rgb(204, 228.8, 241.2); border-color: rgb(204, 228.8, 241.2); } .da-vinci-code-button--primary:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .da-vinci-code-background--white .da-vinci-code-button--primary, .da-vinci-code-background--5-oak .da-vinci-code-button--primary { background-color: #007cba; border-color: #007cba; color: #ffffff; } .da-vinci-code-background--white .da-vinci-code-button--primary:hover, .da-vinci-code-background--white .da-vinci-code-button--primary:active, .da-vinci-code-background--white .da-vinci-code-button--primary:hover:active, .da-vinci-code-background--5-oak .da-vinci-code-button--primary:hover, .da-vinci-code-background--5-oak .da-vinci-code-button--primary:active, .da-vinci-code-background--5-oak .da-vinci-code-button--primary:hover:active { color: #ffffff; background-color: rgb(0, 99.2, 148.8); border-color: rgb(0, 99.2, 148.8); } .da-vinci-code-background--white .da-vinci-code-button--primary:active, .da-vinci-code-background--5-oak .da-vinci-code-button--primary:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .da-vinci-code-button--secondary { background: rgba(0, 0, 0, 0); border-color: #ffffff; color: #ffffff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .da-vinci-code-button--secondary:hover, .da-vinci-code-button--secondary:active, .da-vinci-code-button--secondary:hover:active { color: #ffffff; background-color: rgba(0, 0, 0, 0.15); } .da-vinci-code-button--secondary:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .da-vinci-code-background--white .da-vinci-code-button--secondary, .da-vinci-code-background--5-oak .da-vinci-code-button--secondary { background: #ffffff; border-color: #007cba; color: #007cba; } .da-vinci-code-background--white .da-vinci-code-button--secondary:hover, .da-vinci-code-background--white .da-vinci-code-button--secondary:active, .da-vinci-code-background--white .da-vinci-code-button--secondary:hover:active, .da-vinci-code-background--5-oak .da-vinci-code-button--secondary:hover, .da-vinci-code-background--5-oak .da-vinci-code-button--secondary:active, .da-vinci-code-background--5-oak .da-vinci-code-button--secondary:hover:active { color: #007cba; background-color: rgb(204, 228.8, 241.2); } .da-vinci-code-background--white .da-vinci-code-button--secondary:active, .da-vinci-code-background--5-oak .da-vinci-code-button--secondary:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .teaser-cycle-carousel .slick-arrow, .quote-block--small-wrapper .quote-carousel .slick-arrow, .image_with_text_link_card .slick-arrow, .card-carousel .slick-arrow, .entitycycle-display-image .slick__arrow button.slick-next, .entitycycle-display-image-title .slick__arrow button.slick-next, .entitycycle-display-image-contained .slick__arrow button.slick-next, .entitycycle-display-image-title-contained .slick__arrow button.slick-next, .flickr-slideshow-cv .slick-arrow.btn-next, .story-content__body .flickr-slideshow .slick-arrow.btn-next, .flickr-slideshow .slick-arrow.btn-next, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image .slick__arrow button.slick-prev, .entitycycle-display-image-title .slick__arrow button.slick-prev, .entitycycle-display-image-contained .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained .slick__arrow button.slick-prev, .flickr-slideshow-cv .slick-arrow.btn-prev, .story-content__body .flickr-slideshow .slick-arrow.btn-prev, .flickr-slideshow .slick-arrow.btn-prev, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-prev { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; width: 36px; height: 36px; text-indent: -100%; font-size: 0; color: transparent; -webkit-transition: opacity 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease, opacity 0.1s ease; transition: box-shadow 0.1s ease, opacity 0.1s ease, -webkit-box-shadow 0.1s ease; background-repeat: no-repeat; background-size: auto 18px; background-position: center center; } .teaser-cycle-carousel .slick-arrow::before, .quote-block--small-wrapper .quote-carousel .slick-arrow::before, .image_with_text_link_card .slick-arrow::before, .card-carousel .slick-arrow::before, .entitycycle-display-image .slick__arrow button.slick-next::before, .entitycycle-display-image-title .slick__arrow button.slick-next::before, .entitycycle-display-image-contained .slick__arrow button.slick-next::before, .entitycycle-display-image-title-contained .slick__arrow button.slick-next::before, .flickr-slideshow-cv .slick-arrow.btn-next::before, .story-content__body .flickr-slideshow .slick-arrow.btn-next::before, .flickr-slideshow .slick-arrow.btn-next::before, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next::before, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next::before, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-next::before, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-next::before, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-next::before, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-next::before, .entitycycle-display-image .slick__arrow button.slick-prev::before, .entitycycle-display-image-title .slick__arrow button.slick-prev::before, .entitycycle-display-image-contained .slick__arrow button.slick-prev::before, .entitycycle-display-image-title-contained .slick__arrow button.slick-prev::before, .flickr-slideshow-cv .slick-arrow.btn-prev::before, .story-content__body .flickr-slideshow .slick-arrow.btn-prev::before, .flickr-slideshow .slick-arrow.btn-prev::before, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev::before, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev::before, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-prev::before, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-prev::before, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-prev::before, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-prev::before, .teaser-cycle-carousel .slick-arrow::after, .quote-block--small-wrapper .quote-carousel .slick-arrow::after, .image_with_text_link_card .slick-arrow::after, .card-carousel .slick-arrow::after, .entitycycle-display-image .slick__arrow button.slick-next::after, .entitycycle-display-image-title .slick__arrow button.slick-next::after, .entitycycle-display-image-contained .slick__arrow button.slick-next::after, .entitycycle-display-image-title-contained .slick__arrow button.slick-next::after, .flickr-slideshow-cv .slick-arrow.btn-next::after, .story-content__body .flickr-slideshow .slick-arrow.btn-next::after, .flickr-slideshow .slick-arrow.btn-next::after, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next::after, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next::after, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-next::after, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-next::after, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-next::after, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-next::after, .entitycycle-display-image .slick__arrow button.slick-prev::after, .entitycycle-display-image-title .slick__arrow button.slick-prev::after, .entitycycle-display-image-contained .slick__arrow button.slick-prev::after, .entitycycle-display-image-title-contained .slick__arrow button.slick-prev::after, .flickr-slideshow-cv .slick-arrow.btn-prev::after, .story-content__body .flickr-slideshow .slick-arrow.btn-prev::after, .flickr-slideshow .slick-arrow.btn-prev::after, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev::after, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev::after, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-prev::after, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-prev::after, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-prev::after, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-prev::after { content: none; } .teaser-cycle-carousel .slick-arrow:focus, .quote-block--small-wrapper .quote-carousel .slick-arrow:focus, .image_with_text_link_card .slick-arrow:focus, .card-carousel .slick-arrow:focus, .entitycycle-display-image .slick__arrow button.slick-next:focus, .entitycycle-display-image-title .slick__arrow button.slick-next:focus, .entitycycle-display-image-contained .slick__arrow button.slick-next:focus, .entitycycle-display-image-title-contained .slick__arrow button.slick-next:focus, .flickr-slideshow-cv .slick-arrow.btn-next:focus, .flickr-slideshow .slick-arrow.btn-next:focus, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next:focus, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next:focus, .entitycycle-display-image .slick__arrow button.slick-prev:focus, .entitycycle-display-image-title .slick__arrow button.slick-prev:focus, .entitycycle-display-image-contained .slick__arrow button.slick-prev:focus, .entitycycle-display-image-title-contained .slick__arrow button.slick-prev:focus, .flickr-slideshow-cv .slick-arrow.btn-prev:focus, .flickr-slideshow .slick-arrow.btn-prev:focus, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev:focus, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev:focus { outline: -webkit-focus-ring-color solid 2px; } @media (min-width: 768px) { .teaser-cycle-carousel .slick-arrow, .quote-block--small-wrapper .quote-carousel .slick-arrow, .image_with_text_link_card .slick-arrow, .card-carousel .slick-arrow, .entitycycle-display-image .slick__arrow button.slick-next, .entitycycle-display-image-title .slick__arrow button.slick-next, .entitycycle-display-image-contained .slick__arrow button.slick-next, .entitycycle-display-image-title-contained .slick__arrow button.slick-next, .flickr-slideshow-cv .slick-arrow.btn-next, .story-content__body .flickr-slideshow .slick-arrow.btn-next, .flickr-slideshow .slick-arrow.btn-next, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image .slick__arrow button.slick-prev, .entitycycle-display-image-title .slick__arrow button.slick-prev, .entitycycle-display-image-contained .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained .slick__arrow button.slick-prev, .flickr-slideshow-cv .slick-arrow.btn-prev, .story-content__body .flickr-slideshow .slick-arrow.btn-prev, .flickr-slideshow .slick-arrow.btn-prev, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-prev { width: 44px; height: 44px; background-size: auto 28px; } } @media (min-width: 1024px) { .teaser-cycle-carousel .slick-arrow, .quote-block--small-wrapper .quote-carousel .slick-arrow, .image_with_text_link_card .slick-arrow, .card-carousel .slick-arrow, .entitycycle-display-image .slick__arrow button.slick-next, .entitycycle-display-image-title .slick__arrow button.slick-next, .entitycycle-display-image-contained .slick__arrow button.slick-next, .entitycycle-display-image-title-contained .slick__arrow button.slick-next, .flickr-slideshow-cv .slick-arrow.btn-next, .story-content__body .flickr-slideshow .slick-arrow.btn-next, .flickr-slideshow .slick-arrow.btn-next, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image .slick__arrow button.slick-prev, .entitycycle-display-image-title .slick__arrow button.slick-prev, .entitycycle-display-image-contained .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained .slick__arrow button.slick-prev, .flickr-slideshow-cv .slick-arrow.btn-prev, .story-content__body .flickr-slideshow .slick-arrow.btn-prev, .flickr-slideshow .slick-arrow.btn-prev, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-prev { width: 64px; height: 64px; background-size: auto 44px; } } .teaser-cycle-carousel .slick-disabled.slick-arrow, .quote-block--small-wrapper .quote-carousel .slick-disabled.slick-arrow, .image_with_text_link_card .slick-disabled.slick-arrow, .card-carousel .slick-disabled.slick-arrow, .entitycycle-display-image .slick__arrow button.slick-disabled.slick-next, .entitycycle-display-image-title .slick__arrow button.slick-disabled.slick-next, .entitycycle-display-image-contained .slick__arrow button.slick-disabled.slick-next, .entitycycle-display-image-title-contained .slick__arrow button.slick-disabled.slick-next, .flickr-slideshow-cv .slick-disabled.slick-arrow.btn-next, .flickr-slideshow .slick-disabled.slick-arrow.btn-next, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-disabled.slick-next, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-disabled.slick-next, .entitycycle-display-image .slick__arrow button.slick-disabled.slick-prev, .entitycycle-display-image-title .slick__arrow button.slick-disabled.slick-prev, .entitycycle-display-image-contained .slick__arrow button.slick-disabled.slick-prev, .entitycycle-display-image-title-contained .slick__arrow button.slick-disabled.slick-prev, .flickr-slideshow-cv .slick-disabled.slick-arrow.btn-prev, .flickr-slideshow .slick-disabled.slick-arrow.btn-prev, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-disabled.slick-prev, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-disabled.slick-prev { opacity: 0.8; cursor: not-allowed; } .entitycycle-display-image .slick__arrow button.slick-prev, .entitycycle-display-image-title .slick__arrow button.slick-prev, .entitycycle-display-image-contained .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained .slick__arrow button.slick-prev, .flickr-slideshow-cv .slick-arrow.btn-prev, .story-content__body .flickr-slideshow .slick-arrow.btn-prev, .flickr-slideshow .slick-arrow.btn-prev, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-prev { left: 0; border-radius: 0 7px 7px 0; } .flickr-slideshow-cv .slick-arrow.btn-prev, .story-content__body .flickr-slideshow .slick-arrow.btn-prev, .flickr-slideshow .slick-arrow.btn-prev, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-prev { background-image: url(./carousel--white-left.svg); } .entitycycle-display-image .slick__arrow button.slick-prev, .entitycycle-display-image-title .slick__arrow button.slick-prev, .entitycycle-display-image-contained .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained .slick__arrow button.slick-prev { background-image: url(./carousel--blue-left.svg); } .entitycycle-display-image .slick__arrow button.slick-next, .entitycycle-display-image-title .slick__arrow button.slick-next, .entitycycle-display-image-contained .slick__arrow button.slick-next, .entitycycle-display-image-title-contained .slick__arrow button.slick-next, .flickr-slideshow-cv .slick-arrow.btn-next, .story-content__body .flickr-slideshow .slick-arrow.btn-next, .flickr-slideshow .slick-arrow.btn-next, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-next { right: 0; border-radius: 7px 0 0 7px; } .flickr-slideshow-cv .slick-arrow.btn-next, .story-content__body .flickr-slideshow .slick-arrow.btn-next, .flickr-slideshow .slick-arrow.btn-next, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-next { background-image: url(./carousel--white-right.svg); } .entitycycle-display-image .slick__arrow button.slick-next, .entitycycle-display-image-title .slick__arrow button.slick-next, .entitycycle-display-image-contained .slick__arrow button.slick-next, .entitycycle-display-image-title-contained .slick__arrow button.slick-next { background-image: url(./carousel--blue-right.svg); } .flickr-slideshow-cv .slick-arrow.btn-prev, .story-content__body .flickr-slideshow .slick-arrow.btn-prev, .flickr-slideshow .slick-arrow.btn-prev, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-prev, .flickr-slideshow-cv .slick-arrow.btn-next, .story-content__body .flickr-slideshow .slick-arrow.btn-next, .flickr-slideshow .slick-arrow.btn-next, .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next, .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next, .entitycycle-display-image[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-contained[class*="bg-"] .slick__arrow button.slick-next, .entitycycle-display-image-title-contained[class*="bg-"] .slick__arrow button.slick-next { background-color: #007cba; } .entitycycle-display-image .slick__arrow button.slick-prev, .entitycycle-display-image-title .slick__arrow button.slick-prev, .entitycycle-display-image-contained .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained .slick__arrow button.slick-prev, .entitycycle-display-image .slick__arrow button.slick-next, .entitycycle-display-image-title .slick__arrow button.slick-next, .entitycycle-display-image-contained .slick__arrow button.slick-next, .entitycycle-display-image-title-contained .slick__arrow button.slick-next { background-color: #ffffff; } .paragraph--type--ln-c-entityslider .slick-dots, .slick-slider .slick-dots { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .paragraph--type--ln-c-entityslider .slick-dots li, .slick-slider .slick-dots li { height: auto; width: auto; list-style: none; } .paragraph--type--ln-c-entityslider .slick-dots, .slick-slider .slick-dots, .paragraph--type--ln-c-entityslider .slick-dots li, .slick-slider .slick-dots li { list-style: none; } .slick-slider .slick-dots li { margin: 0 3px; } .paragraph--type--ln-c-entityslider .slick-dots li { margin: 0 6px; } .paragraph--type--ln-c-entityslider .slick-dots button, .slick-slider .slick-dots button { display: inline-block; vertical-align: middle; cursor: pointer; padding: 0; border: 1px solid currentcolor; opacity: 1; border-radius: 50%; color: transparent; color: transparent; font-size: 0; overflow: hidden; text-indent: 100%; -webkit-transition: border-color 0.1s ease, background-color 0.1s ease; transition: border-color 0.1s ease, background-color 0.1s ease; } .paragraph--type--ln-c-entityslider .slick-dots button::before, .slick-slider .slick-dots button::before { content: none; } .paragraph--type--ln-c-entityslider .slick-dots button:focus, .slick-slider .slick-dots button:focus { outline: -webkit-focus-ring-color auto 2px; } .slick-slider .slick-dots button { width: 8px; height: 8px; } .paragraph--type--ln-c-entityslider .slick-dots button { width: 14px; height: 14px; } .slick-slider .slick-dots button { background: #d1cbc5; border-color: #d1cbc5; } .slick-slider .slick-dots button:hover { background-color: rgb(176.8, 170, 163.4); border-color: rgb(176.8, 170, 163.4); } .slick-slider .slick-dots .slick-active button { background-color: #30261d; border-color: #30261d; } [class*="bg-"]:not(.bg-oak-5):not(.bg-oak-15):not(.bg-oak-light) .slick-slider .slick-dots button { background: rgba(255, 255, 255, 0.2); border-color: #ffffff; } [class*="bg-"]:not(.bg-oak-5):not(.bg-oak-15):not(.bg-oak-light) .slick-slider .slick-dots button:hover { background-color: rgba(255, 255, 255, 0.6); border-color: #ffffff; } [class*="bg-"]:not(.bg-oak-5):not(.bg-oak-15):not(.bg-oak-light) .slick-slider .slick-dots .slick-active button { background-color: #ffffff; border-color: #ffffff; } input[type="radio"], input[type="checkbox"], input[type="file"] { margin: 0 0 1rem; } textarea.form-control { height: inherit; resize: vertical; } [type="checkbox"] + label[for], [type="radio"] + label[for] { cursor: pointer; } label { display: block; margin: 0; font-size: 16px; line-height: 24px; font-weight: 400; color: #63513d; } .form-type-select .select-wrapper::after { display: none; } [type="checkbox"] + label, [type="radio"] + label { display: inline-block; vertical-align: top; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; word-wrap: break-word; width: 80%; } @media (min-width: 768px) and (max-width: 1023px) { [type="checkbox"] + label, [type="radio"] + label { width: 70%; } } .webform-submission-form { background-color: #f4f4f5; color: #63513d; border: 0; padding: 3em; border-radius: 0 2em 2em 0; } @media (max-width: 1023px) { .webform-submission-form { padding: 1.5em; } } .webform-submission-form .form-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } @media (max-width: 767px) { .webform-submission-form .form-item { display: block; } } .webform-submission-form .form-item .form-radio { margin-top: 6px; } .webform-submission-form .fieldgroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .webform-submission-form .fieldgroup.panel { border: unset; -webkit-box-shadow: unset; box-shadow: unset; } .webform-submission-form .fieldgroup .address-line2 { width: 72%; margin-left: auto; } @media (max-width: 767px) { .webform-submission-form .fieldgroup .address-line2 { width: 100%; } } .webform-submission-form .fieldgroup .panel-heading { border: unset; padding-left: 0; } .webform-submission-form .fieldgroup .panel-heading .panel-title { font-size: 18px; } .webform-submission-form .fieldgroup .panel-heading + .panel-body .panel-heading { padding-left: 15px; } @media (max-width: 767px) { .webform-submission-form .fieldgroup .panel-heading + .panel-body .panel-heading { padding-left: 0; } } .webform-submission-form .fieldgroup .panel-body { background-color: #f5f5f5; padding-left: 0; padding-right: 0; } .webform-submission-form .fieldgroup .panel-body .fieldgroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-color: #f5f5f5; margin-bottom: 0; } .webform-submission-form .fieldgroup .panel-body .fieldgroup .panel-heading { min-width: 28%; padding-bottom: 0; } .webform-submission-form .fieldgroup .panel-body .fieldgroup .panel-heading .panel-title { color: #63513d; } .webform-submission-form .fieldgroup .panel-body .fieldgroup .panel-body { padding-bottom: 0; padding-left: 0; } html, body { height: 100%; width: 100%; font-family: "Nestle-Text-Book"; font-size: 16px; line-height: 1.5; font-weight: 400; background-color: #ffffff; color: #63513d; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } a { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 1.55rem; color: #0072ad; position: relative; } a:hover { color: rgb(0, 91.2, 138.4); text-decoration: none; } a:hover img { opacity: 0.9; } a:focus { outline: -webkit-focus-ring-color auto 2px; color: rgb(0, 91.2, 138.4); text-decoration: none; } .extlink { display: inline-block; } span.ext { background: url(./icon-external.svg) right center no-repeat; background-size: 12px 12px; padding-right: 12px; margin-left: 6px; } [class*="bg-"]:not(.bg-oak-light) span.ext { background-image: url(./icon-external--white.svg); } .btn .ext, button .ext { background-image: none; padding-right: 0 !important; } .icon-nest-05:before { content: "\e900"; } .icon-nest-06:before { content: "\e901"; } .icon-nest-08:before { content: "\e902"; } .icon-nest-09:before { content: "\e903"; } .icon-nest-10:before { content: "\e904"; } h1, h2, h3, h4, h5, h6 { font-family: "Nestle-Text-Light"; margin: 0 0 10.8px; line-height: 1.25; font-weight: 200; } h4, h5, h6 { font-family: "Nestle-Text-Book"; } h1 { font-size: 1.85em; } @media (min-width: 1280px) { h1 { font-size: 2.75em; } } h2 { font-size: 1.55em; } @media (min-width: 1280px) { h2 { font-size: 2.25em; } } h3 { font-size: 1.3em; } @media (min-width: 1280px) { h3 { font-size: 1.6em; } } h4 { font-size: 1.2em; } @media (min-width: 1280px) { h4 { font-size: 1.3em; } } h5 { font-size: 1.1em; } h6 { font-size: 1em; } ul { list-style-type: disc; list-style-position: inside; } ol { list-style-type: decimal; } ol li { margin-left: 1rem; } li { list-style-type: square; } table { border-spacing: 1px; border-collapse: inherit; } th { font-family: "Nestle-Text-Bold"; vertical-align: middle; padding: 6px 12px; } td { padding: 2px; vertical-align: inherit; } pre { background: transparent; text-align: center; } hr { border-top: 1px solid #bfc0c5; margin: 2rem auto; clear: both; } caption { padding-top: 8px; padding-bottom: 8px; text-align: left; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #bfc0c5; } img { min-height: 1px; min-width: 1px; width: auto; max-width: 100%; } p { line-height: 1.6; margin-bottom: 6px; padding-bottom: 26px; } acronym { border-bottom: 1px dotted #aaaaaa; text-decoration: none; } a acronym { border-bottom: none; } .no-border td, .no-border tr, .main-box td, .main-box tr { border: unset; } .control-label { color: #63513d; font-size: 16px; } .form-item { margin-top: 0; margin-bottom: 30px; } .form-item.form-type-checkbox { margin-top: 0; margin-bottom: 12px; } .view-article-list .views-field-body a:not(.button):not(.cta), .field-components-container .field--type-text-long a:not(.button):not(.cta), .field-components-container .field--type-text-with-summary a:not(.button):not(.cta), article .field--type-text-long a:not(.button):not(.cta), article .field--type-text-with-summary a:not(.button):not(.cta) { font-family: "Nestle-Text-Bold"; } .webform-submission-form .form-item h1 a:not(.button):not(.cta), .view-article-list .views-field-body h1 a:not(.button):not(.cta), .field-components-container .field--type-text-long h1 a:not(.button):not(.cta), .field-components-container .field--type-text-with-summary h1 a:not(.button):not(.cta), article .field--type-text-long h1 a:not(.button):not(.cta), article .field--type-text-with-summary h1 a:not(.button):not(.cta), .webform-submission-form .form-item h2 a:not(.button):not(.cta), .view-article-list .views-field-body h2 a:not(.button):not(.cta), .field-components-container .field--type-text-long h2 a:not(.button):not(.cta), .field-components-container .field--type-text-with-summary h2 a:not(.button):not(.cta), article .field--type-text-long h2 a:not(.button):not(.cta), article .field--type-text-with-summary h2 a:not(.button):not(.cta), .webform-submission-form .form-item h3 a:not(.button):not(.cta), .view-article-list .views-field-body h3 a:not(.button):not(.cta), .field-components-container .field--type-text-long h3 a:not(.button):not(.cta), .field-components-container .field--type-text-with-summary h3 a:not(.button):not(.cta), article .field--type-text-long h3 a:not(.button):not(.cta), article .field--type-text-with-summary h3 a:not(.button):not(.cta), .webform-submission-form .form-item h4 a:not(.button):not(.cta), .view-article-list .views-field-body h4 a:not(.button):not(.cta), .field-components-container .field--type-text-long h4 a:not(.button):not(.cta), .field-components-container .field--type-text-with-summary h4 a:not(.button):not(.cta), article .field--type-text-long h4 a:not(.button):not(.cta), article .field--type-text-with-summary h4 a:not(.button):not(.cta), .webform-submission-form .form-item h5 a:not(.button):not(.cta), .view-article-list .views-field-body h5 a:not(.button):not(.cta), .field-components-container .field--type-text-long h5 a:not(.button):not(.cta), .field-components-container .field--type-text-with-summary h5 a:not(.button):not(.cta), article .field--type-text-long h5 a:not(.button):not(.cta), article .field--type-text-with-summary h5 a:not(.button):not(.cta), .webform-submission-form .form-item h6 a:not(.button):not(.cta), .view-article-list .views-field-body h6 a:not(.button):not(.cta), .field-components-container .field--type-text-long h6 a:not(.button):not(.cta), .field-components-container .field--type-text-with-summary h6 a:not(.button):not(.cta), article .field--type-text-long h6 a:not(.button):not(.cta), article .field--type-text-with-summary h6 a:not(.button):not(.cta) { font-family: inherit; } .webform-submission-form .form-item p a:not(.button):not(.cta), .view-article-list .views-field-body p a:not(.button):not(.cta), .field-components-container .field--type-text-long p a:not(.button):not(.cta), .field-components-container .field--type-text-with-summary p a:not(.button):not(.cta), article .field--type-text-long p a:not(.button):not(.cta), article .field--type-text-with-summary p a:not(.button):not(.cta), .webform-submission-form .form-item > a, .view-article-list .views-field-body > a, .field-components-container .field--type-text-long > a, .field-components-container .field--type-text-with-summary > a, article .field--type-text-long > a, article .field--type-text-with-summary > a { border-bottom: 1px dotted currentcolor; } .webform-submission-form .form-item p a:not(.button):not(.cta).no-underline, .view-article-list .views-field-body p a:not(.button):not(.cta).no-underline, .field-components-container .field--type-text-long p a:not(.button):not(.cta).no-underline, .field-components-container .field--type-text-with-summary p a:not(.button):not(.cta).no-underline, article .field--type-text-long p a:not(.button):not(.cta).no-underline, article .field--type-text-with-summary p a:not(.button):not(.cta).no-underline, .webform-submission-form .form-item > a.no-underline, .view-article-list .views-field-body > a.no-underline, .field-components-container .field--type-text-long > a.no-underline, .field-components-container .field--type-text-with-summary > a.no-underline, article .field--type-text-long > a.no-underline, article .field--type-text-with-summary > a.no-underline { border-bottom: none; } .webform-submission-form .form-item p a:not(.button):not(.cta):active, .view-article-list .views-field-body p a:not(.button):not(.cta):active, .field-components-container .field--type-text-long p a:not(.button):not(.cta):active, .field-components-container .field--type-text-with-summary p a:not(.button):not(.cta):active, article .field--type-text-long p a:not(.button):not(.cta):active, article .field--type-text-with-summary p a:not(.button):not(.cta):active, .webform-submission-form .form-item > a:active, .view-article-list .views-field-body > a:active, .field-components-container .field--type-text-long > a:active, .field-components-container .field--type-text-with-summary > a:active, article .field--type-text-long > a:active, article .field--type-text-with-summary > a:active { background: rgba(0, 0, 0, 0.2); border-bottom-color: transparent; } .field--name-body { margin-top: 2rem; margin-bottom: 3rem; } .field--name-body ul { padding-left: 1.5rem; } .field--name-body ol > li { list-style-type: decimal; } .field--name-body ul > li { list-style-type: square; } .field--name-body li { list-style-position: outside; padding-left: 16px; } @media (max-width: 1023px) { .field--name-body { margin-top: 2rem; margin-bottom: 2rem; } } .embedded-entity { position: relative; } .embedded-entity.align-left { padding-left: 0; } .embedded-entity.align-right { padding-right: 0; } .embedded-entity.align-center { padding-left: 0; padding-right: 0; text-align: center; } .embedded-entity.align-center img { display: inline-block; width: auto; } .embedded-entity .paragraph--type--ln-c-flickr .component-paragraph-field { width: 100%; } .page-node-type-office-location #block-socialsharingblock .social-media-sharing, .page-node-type-dsu-component-page #block-socialsharingblock .social-media-sharing, .page-node-type-presentation #block-socialsharingblock .social-media-sharing, .page-node-type-story #block-socialsharingblock .social-media-sharing { border-bottom: unset; } .path-taxonomy .paragraph--type--c-share-buttons { max-width: 80%; margin: 0 auto; } @media (max-width: 767px) { .search-slogan-container { padding-bottom: 0; } } @media (max-width: 1023px) { .search-slogan-container { height: auto; padding-bottom: 2rem; } } h1.page-header { font-family: "Nestle-Text-Light"; max-width: 75%; width: 80%; font-size: 44px; font-weight: 200; padding-top: 22px; padding-bottom: 33px; margin: 0; border: 0; margin-left: 10%; color: #63513d; line-height: 55px; } @media (max-width: 1023px) { h1.page-header { font-size: 35px; line-height: 44px; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { h1.page-header { font-size: 40px; } } @media (max-width: 767px) { h1.page-header { line-height: 37px; font-size: 30px; max-width: 100%; } } .page-wrapper { overflow: hidden; } .page-wrapper .video-embed-field-lazy-play { background: transparent url(..png) no-repeat 0px -421px; width: 81px; height: 81px; border: 0; } .page-wrapper .embedded-entity .video-embed-field-lazy-play { border: 0; background: url(.-icons/video-white.svg) no-repeat; background-size: 100% 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } @media (max-width: 767px) { .page-wrapper .embedded-entity .video-embed-field-lazy-play { width: 6rem; height: 6rem; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .page-wrapper .embedded-entity .video-embed-field-lazy-play { width: 6rem; height: 6rem; } } @media screen and (min-width: 1280px) { .page-wrapper .embedded-entity .video-embed-field-lazy-play { width: 8rem; height: 8rem; } } .page-wrapper .embedded-entity .video-embed-field-lazy:hover .video-embed-field-lazy-play, .page-wrapper .embedded-entity .video-embed-field-launch-modal:hover .video-embed-field-lazy-play { -webkit-transform: scale(1.1); transform: scale(1.1); } .bubble-phil-handwritingregular { font-size: 48px; font-family: "NestleScript"; } .bubble-dk-liquid-embrace-webfont { font-size: 36px; font-family: "NestleBrush"; } .bubble-universregular { font-size: 26px; font-family: "Nestle-Text-Book"; } .main-wrapper .field--type-text-long p + ol, .main-wrapper .field--name-body p + ol { margin-top: -26px; } .main-wrapper .field--type-text-long p + ul, .main-wrapper .field--name-body p + ul { margin-top: -26px; } .main-wrapper .field--type-text-long ul, .main-wrapper .field--name-body ul { margin: 0 0 2rem; list-style-position: outside; margin-left: 0.2rem; padding: 0 0 0 1.5rem; line-height: 1.6rem; } .main-wrapper .field--type-text-long li, .main-wrapper .field--name-body li { padding-left: 16px; line-height: 1.6rem; } .main-wrapper .field--type-text-long ol, .main-wrapper .field--name-body ol { margin: 0 0 2rem; padding-bottom: 0; line-height: 1.6rem; } .main-wrapper .field--type-text-long ol li, .main-wrapper .field--name-body ol li { margin-left: 0px; line-height: 1.6rem; } .field--name-body .field--type-text-long p { line-height: 1.6rem; } .color-library-coffee.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(134.4064516129, 94.7322580645, 66.3935483871); } .color-library-coffee-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(190.4442748092, 155.2320610687, 127.3557251908); } .color-library-coffee-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(65.8408759124, 36.5167883212, 9.9591240876); } .color-library-apricot.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(220.8, 126.8631578947, 0); } .color-library-apricot-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(252.0048780488, 184.6146341463, 73.7951219512); } .color-library-apricot-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(151.8, 85.5211267606, 0); } .color-library-mustard.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(193.8, 158.84, 0); } .color-library-mustard-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(247.0673684211, 220.6252631579, 11.7326315789); } .color-library-mustard-dark.paragraph--type--dsu-c-banner-bubble .bubble-wrapper { background-color: rgb(172.8, 125.5384615385, 0); } .color-library-olive.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(139.9476635514, 152.8, 0); } .color-library-olive-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(215.8, 223.9103448276, 50.8896551724); } .color-library-olive-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(86.8, 86.2135135135, 0); } .color-library-green.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(82.5668202765, 114.8755760369, 40.9244239631); } .color-library-green-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(158.0700729927, 211.598540146, 100.201459854); } .color-library-green-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(28.9381818182, 80.5236363636, 23.2763636364); } .color-library-aqua.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(0, 116.8, 110.8943820225); } .color-library-aqua-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(111.12, 202.68, 199.7733333333); } .color-library-aqua-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(0, 62.0186046512, 67.8); } .color-library-blue.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(0, 83.2, 124.8); } .color-library-blue-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(104, 176.48, 224.8); } .color-library-blue-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(31.3663366337, 64.1267326733, 109.4336633663); } .color-library-blueberry.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(49.1581589958, 66.7146443515, 160.6418410042); } .color-library-blueberry-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(136.7695652174, 170.0739130435, 220.0304347826); } .color-library-blueberry-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(14.5204819277, 17.6771084337, 90.2795180723); } .color-library-aubergine.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(138.9270386266, 52.7922746781, 163.0077253219); } .color-library-aubergine-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(176.4598425197, 117.1842519685, 204.6157480315); } .color-library-aubergine-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(64.8225165563, 19.0304635762, 70.7695364238); } .color-library-pink.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(136.8, 0, 87.0545454545); } .color-library-pink-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(216.3714285714, 106.4285714286, 203); } .color-library-pink-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(80.7288590604, 7.0711409396, 51.855033557); } .color-library-cherry.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(144.8, 0, 38.6601941748); } .color-library-cherry-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(255, 123.6285714286, 109.8); } .color-library-cherry-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(103.8, 0, 32.7127272727); } .color-library-orange.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(161.4024096386, 49.0240963855, 26.3975903614); } .color-library-orange-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(255, 146.4054054054, 82.8); } .color-library-orange-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(117.0261306533, 46.3949748744, 20.7738693467); } .color-library-oak.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(79.2626086957, 82.1982608696, 89.5373913043); } .color-library-oak-light.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(211.9428571429, 211.9428571429, 215.8571428571); } .color-library-oak-dark.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(43.8, 43.8, 48); } .color-library-oak-30.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(179.688372093, 181.4, 183.111627907); } .color-library-oak-45.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(158.8950819672, 160.3967213115, 167.9049180328); } .color-library-oak-60.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(134.9428571429, 136.3071428571, 145.8571428571); } .color-library-oak-80.paragraph--type--ln-c-box-expandable .colorbox--container:hover { background-color: rgb(109.1287671233, 109.1287671233, 120.6712328767); } iframe { display: block; max-width: 100%; margin: 1rem auto; } a.close-menu-tab { font-size: 0.9em; float: right; color: #ffffff; border-radius: 3em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #8c8c97; padding: 5px; } a.close-menu-tab:hover { background: #62666f; } a.close-menu-tab img { width: 16px; margin: 0 auto; } section#block-da-vinci-code-globallinksmenu .field--name-body { margin: 0; width: 100%; } .page-title-underline article { border-top: 1px solid #dee6ef; padding-top: 28px; } .comment-comments-form .field--name-field-comments-name input, .comment-comments-form .form-type-email input, .comment-comments-form .field--name-field-do-you-work-for-nestle input, .comment-comments-form .field--name-field-job-title input { width: 280px; height: 32px; padding: 4px; line-height: 24px; border: 1px solid #cccccc; border-radius: unset; } .comment-comments-form .field--name-field-comments-name input:focus, .comment-comments-form .form-type-email input:focus, .comment-comments-form .field--name-field-do-you-work-for-nestle input:focus, .comment-comments-form .field--name-field-job-title input:focus { border-color: #66afe9; } .comment-comments-form label { font-size: 14px; color: #555555; font-style: italic; position: relative; } .comment-comments-form label:after { content: "*"; color: grey; background-image: none; top: 4px; position: absolute; } .comment-comments-form .form-textarea-wrapper { width: 80%; } @media (max-width: 1023px) { .comment-comments-form .form-textarea-wrapper { width: 100%; } } .comment-comments-form .form-textarea-wrapper .cke_chrome { border: 1px solid #cccccc; border-radius: 4px; padding: 4px; } .comment-comments-form .button { background-color: #667784; height: 35px; cursor: pointer; text-transform: uppercase; font-weight: bold; border: none; color: #ffffff; text-align: center; font-size: 15px; padding: 8px 12px 8px 8px; margin-right: 10px; border-radius: unset; } .comment-comments-form .button span:before { content: ""; } .comment-comments-form .button:hover { background-color: #4a5d6c; } .comment-comments-form .filter-wrapper { border: none; padding-right: 20%; -webkit-box-shadow: none; box-shadow: none; } .comment-comments-form .filter-wrapper a { color: #006492; } .comment-comments-form #cke_1_bottom { display: none; } .hide-default-heading .page-header { display: none; } .hide-default-heading .page-title { display: none; } .hide-default-heading #block-socialsharingblock { padding-bottom: 16px; padding-top: 30px; float: none; } .hide-default-heading #block-socialsharingblock .block-title { float: none; } .hide-default-breadcrumbs .breadcrumb { display: none; } .header-wrapper li, .footer-wrapper li, nav li { list-style-type: none; } .btn-buynow { margin: 1em 0; } body.media { overflow: auto; margin-top: 0; } .pagination .pager__item.active a { background: #667784; } .pagination .pager__item.active a:hover, .pagination .pager__item.active a:focus { background: #667784; } @media (max-width: 1023px) { div[class*="col-md"] .paragraph--type--c-text { margin-bottom: 0; } } div[class*="col-md"] .card-container { margin-bottom: 0; } div[class*="col-md"] > .field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100%; } div[class*="col-md"] > .field > .field--item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } div[class*="col-md"] > .field > .field--item:only-child { height: 100%; } div[class*="col-md"] > .field > .field--item > .paragraph { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } div[class*="paragraph--type--layout-"] .component-paragraph-field { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } div[class*="paragraph--type--layout-"] .component-paragraph-field .component-paragraph-field { display: block; } .paragraph--type--c-text.box { display: block; padding: 0; } select:focus, button:focus { outline: -webkit-focus-ring-color auto 2px; } .box-submenu h4 { display: inline-block; margin-bottom: 0; } .paragraph--type--accordion { margin-bottom: 1.22%; } th[valign="top"], td[valign="top"] { vertical-align: top; } th[valign="middle"], td[valign="middle"] { vertical-align: middle; } th[valign="bottom"], td[valign="bottom"] { vertical-align: bottom; } th[align="right"], td[align="right"] { text-align: right; } th[align="left"], td[align="left"] { text-align: left; } th[align="center"], td[align="center"] { text-align: center; } .field--item > .paragraph--type--c-text { margin-bottom: 1.22%; } .pre-content-section .col-md-12, .header-wrapper .col-md-12 { min-height: 0; } .hide-external-link .ext, .hide-external-link.ext { background-image: none; padding-right: 0; } .hide-external-link span.ext { width: 0; height: 0; padding: 0; } .nav-overlay { width: 100%; z-index: 2; height: calc(100% - 300px); left: 0; top: 0; position: absolute; margin-top: 300px; } .nav-overlay .nav-overlay-inner { background: rgba(0, 0, 0, 0.5); max-width: 1920px; margin: 0 auto; height: 100%; } .mobile-search-overlay { width: 100%; z-index: 100; height: 100%; left: 0; bottom: 0; position: absolute; } .mobile-search-overlay .mobile-search-overlay-inner { background: rgba(0, 0, 0, 0.5); max-width: 1920px; margin: 0 auto; height: 100%; } .display-none { display: none !important; } @media (max-width: 1023px) { div.evidon-banner { bottom: 0 !important; } div.evidon-banner-message { margin: 15px 100px 15px 15px !important; } } @media (max-width: 767px) { div.evidon-banner { width: 90% !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; } } .accessibility { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .progress-icon { display: block; background-image: url(./in_progress_teal.svg); background-repeat: no-repeat; height: 1.25rem; } .progress-icon--white { background-image: url(./in_progress_white.svg); } .achieved-icon { display: block; height: 1.25rem; background-image: url(./achieved_teal.svg); background-repeat: no-repeat; } .achieved-icon--white { background-image: url(./achieved_white.svg); } .partially-achieved-icon { display: block; height: 1.25rem; background-image: url(./partially-achieved_teal.svg); background-repeat: no-repeat; } .partially-achieved-icon--white { background-image: url(./partially-achieved_white.svg); } .extended-icon { display: block; height: 1.25rem; background-image: url(./extended_teal.svg); background-repeat: no-repeat; } .extended-icon--white { background-image: url(./extended_white.svg); } .number-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .number-heading__circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.125rem; height: 3.125rem; background-color: #34210c; border-radius: 50%; color: white; font-weight: bold; font-size: 19px; margin-right: 20px; } .font-nestle-brush { font-family: "NestleBrush" !important; } .font-nestle-script { font-family: "NestleScript" !important; } .font-nestle-light { font-family: "Nestle-Text-Light" !important; } .font-nestle-light-condensed { font-family: "Nestle-Text-Light-Condensed" !important; } .font-nestle-book-condensed { font-family: "Nestle-Text-Book-Condensed" !important; } .font-nestle-bold-condensed { font-family: "Nestle-Text-Bold-Condensed" !important; } h1 .Nestle-Brush { font-size: 40px !important; font-family: "NestleBrush"; } h1 .Nestle-Script { font-size: 58px !important; font-family: "NestleScript"; } h1 .Nestle-Text-Light { font-size: 44px !important; font-family: "Nestle-Text-Light"; } h2 .Nestle-Brush { font-size: 32px !important; font-family: "NestleBrush"; } h2 .Nestle-Script { font-size: 50px !important; font-family: "NestleScript"; } h2 .Nestle-Text-Light { font-size: 36px !important; font-family: "Nestle-Text-Light"; } h3 .Nestle-Brush { font-size: 24px !important; font-family: "NestleBrush"; } h3 .Nestle-Script { font-size: 35px !important; font-family: "NestleScript"; } h3 .Nestle-Text-Light { font-size: 27px !important; font-family: "Nestle-Text-Light"; } h4 .Nestle-Brush { font-size: 21px !important; font-family: "NestleBrush"; } h4 .Nestle-Script { font-size: 31px !important; font-family: "NestleScript"; } h4 .Nestle-Text-Light { font-size: 23.4px !important; font-family: "Nestle-Text-Light"; } h5 .Nestle-Brush { font-size: 14px !important; font-family: "NestleBrush"; } h5 .Nestle-Script { font-size: 24px !important; font-family: "NestleScript"; } h5 .Nestle-Text-Light { font-size: 16px !important; font-family: "Nestle-Text-Light"; } h6 .Nestle-Brush { font-size: 14px !important; font-family: "NestleBrush"; } h6 .Nestle-Script { font-size: 20px !important; font-family: "NestleScript"; } h6 .Nestle-Text-Light { font-size: 16px !important; font-family: "Nestle-Text-Light"; } p .Nestle-Brush { font-size: 14px !important; font-family: "NestleBrush"; } p .Nestle-Script { font-size: 18px !important; font-family: "NestleScript"; } p .Nestle-Text-Light { font-size: 16px !important; font-family: "Nestle-Text-Light"; } .greencolor { color: #2e8025 !important; } .bluecolor { color: #007cba !important; } .pinkcolor { color: #a50064 !important; } .orangecolor { color: #d64123 !important; } img.loading_icon { display: block; margin-left: auto; margin-right: auto; } .ajax-throbber.sk-circle { width: 80px; height: 80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .ajax-throbber.sk-circle .sk-circle-dot::before { background-color: #00807a; } body.mobile-expose-open { overflow: hidden; } .blocktabs-individual-pages { padding: 0; } .blocktabs-individual-pages.ui-widget-content { border: unset; } .blocktabs-individual-pages .exposed-filter-sorts-wrapper .exposed-filter-sorts, .blocktabs-individual-pages .exposed-filter-sorts-wrapper .exposed-filter-sorts-mobile { display: none; } @media (max-width: 1023px) { .blocktabs-individual-pages { width: 100%; margin: 0 auto; padding-top: 1rem; } .blocktabs-individual-pages.tab_empty { padding-top: 0; } } .blocktabs-individual-pages .ui-state-hover { background-color: inherit; } .blocktabs-individual-pages .ui-tabs-panel .search-results #noresult { display: block; padding: 5px; background-color: #ffffff; color: #63513d; } .blocktabs-individual-pages .tabs_wrapper { position: relative; padding-bottom: 4px; } @media (max-width: 1279px) { .blocktabs-individual-pages .tabs_wrapper { padding-bottom: 0; } } .blocktabs-individual-pages .tabs_wrapper::after { position: absolute; content: ""; width: 120vw; height: 100%; bottom: 0; left: -20vw; background-color: #e8e5e2; } @media (min-width: 1280px) { .blocktabs-individual-pages .tabs_wrapper::after { background-color: #00818f; height: 4px; } } .blocktabs-individual-pages ul.ui-tabs-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: unset; border: unset; border-radius: unset; gap: 8px; padding: 0; } @media (max-width: 1279px) { .blocktabs-individual-pages ul.ui-tabs-nav { overflow-x: auto; } .blocktabs-individual-pages ul.ui-tabs-nav::-webkit-scrollbar { display: none; } } .blocktabs-individual-pages ul.ui-tabs-nav::before { display: none; } .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab { background-color: #e8e5e2; border: unset; border-radius: 4px 4px 0 0; margin: 0; z-index: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1279px) { .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab { border-radius: unset; } } .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab a { color: #333333; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; line-height: 1.25rem; } @media (max-width: 1279px) { .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab a { font-size: 0.875rem; padding: 0.75rem 0.5rem; } } .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab a:focus { outline: none; } @media (max-width: 1023px) { .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab a span { display: none; } } .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab.ui-tabs-active, .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab.ui-state-hover { background-color: #00818f; } .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab.ui-tabs-active a, .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab.ui-state-hover a { color: #ffffff; } @media (max-width: 1279px) { .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab.ui-tabs-active, .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab.ui-state-hover { background-color: unset; } .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab.ui-tabs-active a, .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab.ui-state-hover a { color: #333333; font-weight: 700; position: relative; } .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab.ui-tabs-active a::after, .blocktabs-individual-pages ul.ui-tabs-nav .ui-tabs-tab.ui-state-hover a::after { position: absolute; content: ""; width: 100%; height: 4px; bottom: 0; left: 0; background-color: #00818f; } } .blocktabs-individual-pages .ui-tabs-panel { padding: 0; } .blocktabs-individual-pages .exposed-side-filters-wrapper { padding: 2.5rem 15px; } @media (max-width: 1023px) { .blocktabs-individual-pages .exposed-side-filters-wrapper { padding: 0; } } .blocktabs-individual-pages .exposed-side-filters-wrapper .expose-close-popup { background-color: unset; border: unset; } .blocktabs-individual-pages .exposed-side-filters-wrapper .exposed-side-filters { border-bottom: 1px solid #c4c4c4; padding: 12px 0 16px; } .blocktabs-individual-pages .exposed-side-filters-wrapper .facet-reset { background-image: url(./Reset-Filters.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: 0px center; padding: 0 0 0 1.625rem; font-weight: 700; text-decoration: underline; color: #0072ad; margin-top: 0.75rem; font-size: 0.875rem; line-height: 1.5rem; display: block; } .blocktabs-individual-pages .exposed-side-filters-wrapper .facet-reset:hover { color: #006395; } .blocktabs-individual-pages .exposed-side-filters-wrapper .accordion-title { color: #007cba; font-size: 16px; line-height: 1.5rem; position: relative; z-index: 1; padding-left: 1.875rem; display: block; } .blocktabs-individual-pages .exposed-side-filters-wrapper .accordion-title::before { content: ""; display: block; position: absolute; top: 8px; left: 0; width: 20px; height: 20px; background-image: url(./accordion_collapsein.svg); background-repeat: no-repeat; background-position: center 0; } .blocktabs-individual-pages .exposed-side-filters-wrapper .accordion-title.collapsed::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: -2px; } .blocktabs-individual-pages .exposed-side-filters-wrapper .expose-filter-title { font-weight: 700; font-size: 0.875rem; color: #333333; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open { position: fixed; width: 100%; left: 0; top: 0; bottom: 0; right: 0; padding: 0; background: #ffffff; z-index: 200; overflow-y: auto; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .exposed-side-filters { padding-bottom: 0.625rem; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .block-facets .facet-item { margin-bottom: 0.625rem; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .block-facets .facet-item input.facets-checkbox { width: 24px; height: 24px; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .block-facets .facet-item input::before { width: 5px; height: 9px; left: 8px; top: 4px; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .exposed-side-filters { padding-top: 0.75rem; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .exposed-side-filters-group { padding: 2rem 1.25rem; position: relative; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .expose-filter-title { font-size: 1.125rem; line-height: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #c4c4c4; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .facet-reset { position: absolute; top: 18px; right: 92px; font-weight: 700; background: none; padding: 0; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .expose-close-popup { position: absolute; top: 1.75rem; right: 2rem; background-image: url(./Reset-Filters.svg); background-repeat: no-repeat; background-size: 32px 32px; background-position: center center; width: 32px; height: 32px; cursor: pointer; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .expose-close-popup span { display: none; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .expose-close-button { display: block; width: 100%; background-color: #007cba; border: 1px solid #007cba; color: #ffffff; height: 3rem; margin-top: 1.5rem; } .blocktabs-individual-pages .exposed-side-filters-wrapper.open .expose-close-button:focus { outline: none; } .blocktabs-individual-pages .exposed-side-filters-wrapper:not(.open) .expose-close-button, .blocktabs-individual-pages .exposed-side-filters-wrapper:not(.open) .expose-close-popup { display: none; } .blocktabs-individual-pages .exposed-side-filters-wrapper:not(.open) .accordion-filter-wrapper { display: block; } @media (max-width: 1023px) { .blocktabs-individual-pages .exposed-side-filters-wrapper:not(.open) .accordion-filter-wrapper { display: none; } } @media (max-width: 1023px) { .blocktabs-individual-pages .exposed-side-filters-wrapper:not(.open) .expose-filter-title { display: none; } } .blocktabs-individual-pages .exposed-side-filters-wrapper .collapse.in, .blocktabs-individual-pages .exposed-side-filters-wrapper .collapsing { padding-top: 0.75rem; } .blocktabs-individual-pages .exposed-side-filters-wrapper .accordion-body { overflow: hidden; } .blocktabs-individual-pages .exposed-filter-mobile-wrapper { display: none; } @media (max-width: 1023px) { .blocktabs-individual-pages .exposed-filter-mobile-wrapper { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #c4c4c4; width: 100%; padding: 1rem 0 0; } .blocktabs-individual-pages .exposed-filter-mobile-wrapper.no-header { border: unset; padding-top: 0; } } .blocktabs-individual-pages .exposed-filter-mobile-wrapper .exposed-filter-sorts-mobile { padding: 0; border: unset; width: auto; } .blocktabs-individual-pages .exposed-filter-mobile-wrapper .expose-open-popup { padding: 0 0 0 25px; color: #007cba; text-decoration: underline; text-underline-offset: 3px; background-color: unset; border: unset; background-image: url(./filter.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: 0 center; font-weight: bold; } .blocktabs-individual-pages .global-search-all-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .blocktabs-individual-pages .global-search-all-tabs .content-col { width: 100%; float: unset; } .blocktabs-individual-pages .global-search-all-tabs .filter-col { width: auto; float: unset; } } .blocktabs-individual-pages .global-search-all-tabs .content-col.full-width { padding-right: 0.938rem; padding-left: 0.938rem; } .blocktabs-individual-pages .global-search-all-tabs .filter-hide { display: none; } .views-exposed-form #search-close:focus { -webkit-box-shadow: 0 0 0 2px activeborder; box-shadow: 0 0 0 2px activeborder; box-shadow: 0 0 0 2px -moz-mac-focusring; outline: auto 2px -webkit-focus-ring-color; } .views-element-container .view-display-id-block_press_releases .exposed-filter-wrapper:not(.open) .form-actions, .views-element-container .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-actions { border-top: none; padding-top: 0; } .views-element-container .view-display-id-block_press_releases .exposed-filter-wrapper:not(.open) .form-item-clear-filter, .views-element-container .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item-clear-filter { border-top: 1px solid #c4c4c4; padding-top: 24px; } .views-element-container .view-display-id-block_press_releases .exposed-filter-wrapper:not(.open) .form-item-clear-filter .clear-filter, .views-element-container .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item-clear-filter .clear-filter { border: none; -webkit-box-shadow: unset; box-shadow: unset; background-image: url(./Reset-Filters.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: 0px center; padding: 0 0 0 1.625rem; font-weight: 700; text-decoration: underline; } .hide-char-sel { display: none; } .container .font-nestle-text-book a:not(.button):not(.cta), .container .font-nestle-text-book + div a:not(.button):not(.cta) { font-family: "Nestle-Text-Book"; } .container .text-color-dark-grey, .container .text-color-dark-grey + div { font-family: "Nestle-Text-Book"; } .container .text-color-dark-grey a:not(.button):not(.cta), .container .text-color-dark-grey :is(h1, h2, h3, h4, h5, h6) a, .container .text-color-dark-grey ul > li, .container .text-color-dark-grey ul > li a, .container .text-color-dark-grey ol > li, .container .text-color-dark-grey ol > li a, .container .text-color-dark-grey p, .container .text-color-dark-grey + div a:not(.button):not(.cta), .container .text-color-dark-grey + div :is(h1, h2, h3, h4, h5, h6) a, .container .text-color-dark-grey + div ul > li, .container .text-color-dark-grey + div ul > li a, .container .text-color-dark-grey + div ol > li, .container .text-color-dark-grey + div ol > li a, .container .text-color-dark-grey + div p { color: #333333; } .container .text-hover-transition :is(p):hover, .container .text-hover-transition :is(h1, h2, h3, h4, h5, h6):hover, .container .text-hover-transition :is(ul li):hover, .container .text-hover-transition :is(ol li):hover, .container .text-hover-transition a:hover, .container .text-hover-transition + div :is(p):hover, .container .text-hover-transition + div :is(h1, h2, h3, h4, h5, h6):hover, .container .text-hover-transition + div :is(ul li):hover, .container .text-hover-transition + div :is(ol li):hover, .container .text-hover-transition + div a:hover { -webkit-transform: translateX(3px); transform: translateX(3px); } .container .text-hover-color :is(p):hover, .container .text-hover-color :is(h1, h2, h3, h4, h5, h6):hover, .container .text-hover-color :is(ul li):hover, .container .text-hover-color :is(ol li):hover, .container .text-hover-color a:hover, .container .text-hover-color + div :is(p):hover, .container .text-hover-color + div :is(h1, h2, h3, h4, h5, h6):hover, .container .text-hover-color + div :is(ul li):hover, .container .text-hover-color + div :is(ol li):hover, .container .text-hover-color + div a:hover { color: #007cba !important; } .js input.form-autocomplete { background-image: none; } .block-facets .form-group { margin-bottom: 0px; } .m-t-0 { margin-top: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0 !important; } .m-r-0 { margin-right: 0 !important; } .p-t-0 { padding-top: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-l-0 { padding-left: 0 !important; } .p-r-0 { padding-right: 0 !important; } .da-vinci-code-icon { display: inline-block; vertical-align: middle; position: relative; top: -0.15em; fill: currentcolor; overflow: visible !important; } .da-vinci-code-icon:not([class*="da-vinci-code-icon--"]) { width: 1em; height: 1em; } .fa:not(.fa-whatsapp) { display: initial; } [class^="fa-"]:not(.fa-whatsapp):before, [class*=" fa-"]:not(.fa-whatsapp):before { content: none; } .da-vinci-code-icon--alert { width: 0.313em; height: 1em; } .da-vinci-code-icon--arrow--down { width: 0.875em; height: 0.75em; } .da-vinci-code-icon--arrow--left { width: 0.75em; height: 0.875em; } .da-vinci-code-icon--arrow--right { width: 0.75em; height: 0.875em; } .da-vinci-code-icon--arrow--up { width: 0.875em; height: 0.75em; } .da-vinci-code-icon--ask { width: 1em; height: 1.438em; } .da-vinci-code-icon--carousel-next--large { width: 1.188em; height: 2.75em; } .da-vinci-code-icon--carousel-next--medium { width: 0.75em; height: 1.75em; } .da-vinci-code-icon--carousel-next--small { width: 0.5em; height: 1.125em; } .da-vinci-code-icon--carousel-prev--large { width: 1.188em; height: 2.75em; } .da-vinci-code-icon--carousel-prev--medium { width: 0.75em; height: 1.75em; } .da-vinci-code-icon--carousel-prev--small { width: 0.5em; height: 1.125em; } .da-vinci-code-icon--chevron--down { width: 0.563em; height: 0.313em; } .da-vinci-code-icon--chevron--left { width: 0.313em; height: 0.563em; } .da-vinci-code-icon--chevron--right { width: 0.313em; height: 0.563em; } .da-vinci-code-icon--chevron--up { width: 0.563em; height: 0.313em; } .da-vinci-code-icon--close { width: 1em; height: 1em; } .da-vinci-code-icon--document { width: 0.75em; height: 1em; } .da-vinci-code-icon--globe { width: 1em; height: 1em; } .da-vinci-code-icon--jigsaw { width: 1.813em; height: 1.188em; } .da-vinci-code-icon--microphone { width: 0.563em; height: 1em; } .da-vinci-code-icon--people { width: 1em; height: 0.938em; } .da-vinci-code-icon--photos { width: 0.938em; height: 0.75em; } .da-vinci-code-icon--presentations { width: 1.313em; height: 1em; } .da-vinci-code-icon--publications { width: 1.438em; height: 1em; } .da-vinci-code-icon--question { width: 1em; height: 1em; } .da-vinci-code-icon--quote { width: 3.688em; height: 2.375em; } .da-vinci-code-icon--search { width: 0.875em; height: 0.875em; } .da-vinci-code-icon--social__email { width: 1em; height: 0.75em; } .da-vinci-code-icon--social__facebook-msg { width: 1em; height: 0.5em; } .da-vinci-code-icon--social__facebook-share { width: 0.5em; height: 0.875em; } .da-vinci-code-icon--social__facebook { width: 0.5em; height: 0.875em; } .da-vinci-code-icon--social__flickr { width: 1.063em; height: 0.438em; } .da-vinci-code-icon--social__google-plus { width: 1.188em; height: 0.75em; } .da-vinci-code-icon--social__instagram { width: 0.875em; height: 0.875em; } .da-vinci-code-icon--social__linkedin { width: 0.813em; height: 0.75em; } .da-vinci-code-icon--social__pinterest { width: 0.688em; height: 0.875em; } .da-vinci-code-icon--social__rss-feeds { width: 0.875em; height: 0.875em; } .da-vinci-code-icon--social__tencent-video { width: 0.875em; height: 0.813em; } .da-vinci-code-icon--social__tumblr { width: 0.563em; height: 0.875em; } .da-vinci-code-icon--social__vk-social { width: 1em; height: 0.563em; } .da-vinci-code-icon--social__wechat { width: 1em; height: 0.875em; } .da-vinci-code-icon--social__weibo { width: 1.125em; height: 0.875em; } .da-vinci-code-icon--social__youtube { width: 1.063em; height: 0.75em; } .da-vinci-code-icon--story__communities { width: 1.688em; height: 1.063em; } .da-vinci-code-icon--story__individuals-families { width: 0.75em; height: 1.563em; } .da-vinci-code-icon--story__planet { width: 1.313em; height: 1.438em; } .da-vinci-code-icon--time { width: 1.375em; height: 1.375em; } .da-vinci-code-icon--video { width: 1em; height: 1em; } .da-vinci-code-icon--social__tiktok { width: 0.75em; height: 0.875em; } .da-vinci-code-icon--location, .da-vinci-code-icon--phone, .da-vinci-code-icon--envelope, .da-vinci-code-icon--social__twitter { width: 1.2em; height: 1.4em; } .da-vinci-code-icon--social__twitter { font-size: 1.1em; } .cf { zoom: 1; } .cf:after, .cf:before { content: ""; display: table; } .cf:after { clear: both; } .npro-hide { display: none; } .nwe-widget { margin: 0 !important; } .hide, nwe-hide { display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } h2.page-sub-title { font-size: 1.615em; color: #6b6b6b; margin-bottom: 10px; } p.introText { color: #3561a0; font-size: 16px; padding: 0.5em 0 5px 0; } .introImage { margin-left: 15px; } blockquote, q { quotes: none; } input:focus { outline-width: 0; } fieldset { border: 0; } input { color: #555555; } table { font-size: inherit; } .freestyle figure.left { margin-right: 5px; } hr { height: 0; border-style: none; border-top: 1px solid #eeeeee; } ol { margin: 0 0 10px 0; } ol > li { list-style-position: outside; list-style-type: decimal; } input.custombox:checked, input.custombox:not(:checked) { position: absolute; left: -9999px; } input[type="checkbox"]:checked + .label, input[type="checkbox"]:not(:checked) + .label { position: relative; padding-left: 25px; cursor: pointer; float: none !important; padding-top: 0 !important; } input[type="radio"]:checked + .label, input[type="radio"]:not(:checked) + .label { position: relative; padding-left: 25px; cursor: pointer; float: none !important; padding-top: 0 !important; } input[type="checkbox"]:checked + .label:before, input[type="checkbox"]:not(:checked) + .label:before { content: ""; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; border: 1px solid #e5e5e5; background: #ffffff; } input[type="radio"]:checked + .label:before, input[type="radio"]:not(:checked) + .label:before { content: ""; position: absolute; left: 0; top: 2px; width: 13px; height: 13px; border: 1px solid #e5e5e5; border-radius: 13px; background: #ffffff; } input[type="checkbox"]:checked + .label:after, input[type="checkbox"]:not(:checked) + .label:after { content: "✔"; position: absolute; top: 0; left: 4px; left: 2px\9; font-size: 12px; color: #006492; -webkit-transition: all 0.2s; transition: all 0.2s; } input[type="radio"]:checked + .label:after, input[type="radio"]:not(:checked) + .label:after { content: "•"; position: absolute; top: 9px; left: 3px; left: 2px\9; font-size: 22px; color: #006492; line-height: 0; -webkit-transition: all 0.2s; transition: all 0.2s; } input[type="checkbox"]:not(:checked) + .label:after, input[type="radio"]:not(:checked) + .label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } input[type="checkbox"]:checked + .label:after, input[type="radio"]:checked + .label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } textarea { background-color: #ffffff; font-size: 1.077em; border: 1px solid #e5e5e5; } .social-bar .nwe-column.nwe-column-1 { min-height: 36px; } .sysFormContainer, .footerContainer { background-color: transparent; position: relative; text-align: left; font-size: 13px; } #widget-content-fullwidth .nwe-row.nwe-1-column { max-width: 100% !important; width: 100%; } #mainCol, #pageContainer, #subCol .content, .mainColFull { float: left; position: relative; } #pageContainer { width: 100%; } #pageContainer #mainCol .leftnavigationsize { width: 184px; float: left; } #pageContainer #mainCol .content #breadcrumbs ul li { font-size: 11px; color: #555555; background-image: none; display: inline; left: 0; list-style-image: none; padding-left: 0; } #mainCol { width: 766px; } .layout-content-medium .content { float: right; position: relative; width: 572px; } .layout-content-full .content { position: relative; width: 960px; } .mainColFull { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; margin-bottom: 10px; width: 766px; } #container { background-color: transparent; margin: 0 auto 0 auto; padding: 0; position: relative; text-align: left; width: 960px; } #contentContainer { padding: 0 0 10px 0; width: 960px; } #subCol { float: right; position: relative; width: 184px; margin-top: 0; } .box { margin-bottom: 10px; } .page-content { padding-bottom: 10px; } .offscreen { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .skiptostyle { text-decoration: none; height: 28px; font-size: 1.077em; display: block; color: #ffffff; outline: 0; background-color: #3973bf; padding: 0 12px; line-height: 2.2em; float: left; color: #ffffff !important; } #breadcrumbs { float: left; position: relative; width: 100%; margin: -5px 0 10px 0; } #breadcrumbs ul li a { color: #006492; } #breadcrumbs ul li#current span { color: #555555; } #pNavigation { margin-bottom: 10px; } #pNavigation #navContainer { background: transparent url(./layout-design.png) no-repeat -10px -5px; height: 30px; } #footer .bottomFooter { position: relative; padding: 40px 0; } #footer .bottomFooterContainer { position: relative; width: 960px; margin: 0 auto; } .superfooterContainer { position: relative; width: 960px; margin: 0 auto; } #footer ul.links { float: left; } #footer ul.links li { display: inline; border-right: 1px solid #d3d3d3; float: left; } #footer ul.links li.last { border-right: 0; } #footer ul.links li a { color: #006492 !important; display: block; padding: 0 9px; } #footer ul.links li a:hover { color: #006492 !important; } .superfooter { background-color: #f2f2f2; border-top: 4px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 60px 0 0 0; } .superfooter .left_caption { float: left; width: 175px; margin-right: 30px; margin-bottom: 20px; } .superfooter .right_links { float: left; width: 755px; } .superfooter .left_caption span:last-child { font-size: 1.538em; display: block; font-weight: 400; font-style: normal; line-height: 30px; } .superfooter .left_caption span:first-child { font-size: 2.3em; display: block; font-weight: 400; font-style: normal; } .superfooter .quickNavLinks { float: left; width: 80%; } .superfooter .quickNavLinks .title { font-weight: 700; font-size: 1.077em; } .superfooter .quickNavLinks a { color: #555555; } .superfooter .quickNavLinks > ul > li { float: left; margin-right: 25px; } .superfooter .quickNavLinks li > ul > li { margin-bottom: 5px; } .superfooter .quickNavLinks li > ul > li:last-child { margin-bottom: 50px; } #sNavigation { float: left; position: relative; width: 184px; } #sNavigation a { color: #22669d; cursor: pointer; padding: 3px 0 3px 10px; } #sNavigation a:hover { background-color: #dee6ef; color: #00336a; } #sNavigation a span { margin: 0; } #sNavigation li.selected a { padding: 0; } #sNavigation li.selected a span { display: block; background-color: #5186cb; color: #ffffff; margin: 0; padding: 3px 0 3px 10px; } #sNavigation li.selected a:hover { background-color: #dee6ef; color: #00336a; } #sNavigation li.selected a:hover span { background-color: #dee6ef; color: #00336a; } #sNavigation ul { float: left; margin-bottom: 15px; margin-top: 65px; width: 184px; } #sNavigation ul li { border-bottom: 1px solid #dee6ef; float: left; width: 184px; } #sNavigation ul li a, #sNavigation ul li.selected a { display: block; outline: 0; } #sNavigation ul ul { float: right; margin-bottom: -1px; margin-top: 0; padding-top: 2px; position: relative; width: 168px; } #sNavigation ul ul li { width: 168px; } #sNavigation ul li.selected ul li a { padding: 3px 10px 3px 10px; outline: 0; } #sNavigation ul ul li a { padding: 3px 10px 3px 10px; outline: 0; } #sNavigation ul ul li.selected a { padding: 3px 10px 3px 10px; outline: 0; } #sNavigation ul ul li.selected a span { background-color: #ffffff; color: #a70000; padding: 0 10px 0 10px; display: block; } #sNavigation ul li.selected ul li.selected a { padding-left: 0; } #sNavigation ul li.selected ul li.selected ul li a { padding-left: 10px; } #sNavigation ul li.selected ul li.selected ul li.selected a { padding-left: 0; } #sNavigation ul li.selected ul li.selected ul li.selected ul li a { padding-left: 10px; } #sNavigation ul li.selected ul li.selected ul li.selected ul li.selected a { padding-left: 0; } #sNavigation ul ul ul { width: 153px; } #sNavigation ul ul ul ul { width: 139px; } #sNavigation ul ul ul ul ul { width: 125px; } #sNavigation ul ul ul li { padding: 0; width: 153px; } #sNavigation ul ul ul ul li { width: 139px; } #sNavigation ul ul ul ul ul li { width: 125px; } #sNavigation ul li.selected ul ul li a { padding: 3px 0 3px 10px; outline: 0; } #sNavigation ul ul li.selected a span { background: transparent url(./content-design2.png) no-repeat -1px -178px; } #sNavigation ul ul ul li.selected a span, #sNavigation ul ul ul ul li.selected a span { background: transparent url(./content-design2.png) no-repeat -1px -178px; } #sNavigation ul ul li.selected a:hover span { background: 0 0; } #sNavigation ul ul ul li.selected a:hover span, #sNavigation ul ul ul ul li.selected a:hover span { background: 0 0; } #sNavigation_v2 { float: left; position: relative; width: 184px; margin-bottom: 15px; margin-top: 0; } #sNavigation_v2 ul { display: none; } #sNavigation_v2 ul:first-child, #sNavigation_v2 ul.expanded { display: block; } #sNavigation_v2 ul .box { margin: 0; width: 100%; background-color: #ffffff; } #sNavigation_v2 ul.secondlevel .box { background-color: #f2f2f2; } #sNavigation_v2 ul.thirdlevel .box { background-color: #e6e6e6; } #sNavigation_v2 ul .box.expanded { background-color: #f2f2f2; } #sNavigation_v2 ul.secondlevel .box.expanded { background-color: #e6e6e6; } #sNavigation_v2 ul .box.selected, #sNavigation_v2 ul .box:hover { background-color: #667784 !important; border-left: 2px solid #667784; border-right: 2px solid #667784; margin-left: -2px; } #sNavigation_v2 ul .inner-box { width: 164px; margin-left: 10px; padding: 5px 0; border-top: 1px solid #e5e5e5; } #sNavigation_v2 ul.secondlevel .inner-box { border-top: 1px solid #63513d; } #sNavigation_v2 ul.thirdlevel .inner-box { border-top: 1px solid #ffffff; } #sNavigation_v2 ul .box.selected .inner-box, #sNavigation_v2 ul .box:hover .inner-box { border-top: 1px solid #667784; } #sNavigation_v2 ul a.nlink { outline: 0; width: 150px; color: #555555; display: inline-block; } #sNavigation_v2 ul.secondlevel a.nlink { padding-left: 20px; width: 130px; } #sNavigation_v2 ul.thirdlevel a.nlink { padding-left: 40px; width: 110px; } #sNavigation_v2 ul .box.selected a.nlink, #sNavigation_v2 ul .box:hover a.nlink { color: #ffffff; } #sNavigation_v2 ul li .box a.nav-arrow { width: 14px; height: 14px; background: transparent url(./v2_layout_design.png) no-repeat -244px -66px; display: inline-block; vertical-align: top; margin-top: 3px; } #sNavigation_v2 ul li .box.expanded a.nav-arrow { background-position: -244px -80px; } #sNavigation_v2 ul li .box:hover a.nav-arrow { background-position: -272px -66px; } #sNavigation_v2 ul li .box.expanded:hover a.nav-arrow, #sNavigation_v2 ul li .box.selected a.nav-arrow { background-position: -258px -80px; } #sNavigation_v2 ul.firstlevel > li:first-child > .box > .inner-box { border-top: none; } #siteSearch #globalSearch p { background: transparent url(./v2_layout_design.png) no-repeat scroll 0 0; width: 242px; display: block; height: 33px; margin-right: 0; margin-top: 2px; padding-bottom: 0 !important; } #siteSearch #btnSearch { display: block; width: 41px; height: 33px; margin-top: 2px; background: transparent url(./v2_layout_design.png) no-repeat -242px 0; } #siteSearch input { width: 160px; margin-right: 8px; border-width: 0; border: 0; margin-top: 2px; background-color: transparent; padding: 2px; } #quickSiteSearch #globalSearch p { background: transparent url(./v2_layout_design.png) no-repeat scroll 0 0; width: 242px; display: block; height: 33px; margin-right: 0; margin-top: 2px; } #btnQuickSearch span { display: block; width: 41px; height: 33px; margin-top: 2px; background: transparent url(./v2_layout_design.png) no-repeat -242px 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .quickSearchBox { height: 30px; } ul.btn { list-style-type: none; position: relative; } ul.btn li { float: left; padding-left: 0 !important; } li span.btn-center, li span.btn-right { background-color: #667784; height: 35px; cursor: pointer; text-transform: uppercase; font-weight: 700; } li span.btn-center:hover, li span.btn-right:hover { background-color: #4a5d6c; } li span.btn-center { color: #ffffff; text-align: center; font-size: 15px; padding: 8px 10px 8px 12px; } #faqSearchSection li span.btn-center, .searchResults li span.btn-center { color: #ffffff; text-align: center; font-size: 15px; padding: 0; } .layout-content-large .boxContent ul.btn li a.hover { text-decoration: none !important; } ul.btn li a.hover { text-decoration: none !important; } ul.btn li a.hover span.btn-center, ul.btn li a.hover span.btn-right { text-decoration: none !important; } ul.btn li a.hover span.btn-center { background-color: #4a5d6c; } .buttonDesignCss { display: inline-block; outline: 0; cursor: pointer; text-align: center; text-decoration: none; font: 13px/100% Arial, Helvetica, sans-serif; padding: 0.4em 0.8em 0.4em; border-radius: 0.5em; } .buttonDesignCss:hover { text-decoration: none; } .buttonDesignCss:active { position: relative; top: 1px; } .buttonDesignCss.blue { color: #ffffff; border: solid 1px #7aa9dd; background: -moz-linear-gradient(top, #7aa9dd, #5186cb); background-color: #5186cb; } .buttonDesignCss.blue:hover { color: #67649d; border: solid 1px #dcdcdc; background: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-color: #e6e6e6; } .iconPDF { background: transparent url(./iconFilePDFRed.png) no-repeat; height: 16px; display: inline-block; } .iconExl { background: transparent url(./iconFileXLS.png) no-repeat; height: 16px; display: inline-block; } a:hover .iconExl, a:hover .iconPDF { background-position: 2px -15px; height: 16px; } .asc, .desc { margin-left: 3px !important; display: inline-block; width: 13px; background-position: center !important; } .asc { background: transparent url(./sortArrowasc.png) no-repeat 0 0; } .desc { background: transparent url(./sortArrowdesc.png) no-repeat 0 0; } .page-content p { padding-bottom: 14px !important; } .page-content h2, .page-content h3, .page-content h4 { padding-bottom: 12px !important; margin-bottom: 0 !important; padding-top: 11px; } .page-content h2:first-child, .page-content h3:first-child, .page-content h4:first-child { padding-top: 0 !important; } .page-content ul { margin-bottom: 14px; margin-right: 10px; line-height: 17px; } .page-content ul li { list-style-type: square; left: 12px; position: relative; } :root .page-content ul li { list-style-position: inside\9; } .page-content table ul li { margin-left: 12px; left: 0; } .page-content img.right { margin-left: 10px; } .page-content img.left { margin-right: 10px; } .accordeon .content ul li, .rigthSideAccordion .content ul li { list-style-image: url(./iconBulletSquareBlue.png) !important; left: 25px !important; position: relative; right: 20px; width: 522px; list-style-position: outside !important; } .csv3cols { width: 100%; } .csv3cols .col1, .csv3cols .col2, .csv3cols .col3 { float: left; width: 32%; min-height: 230px; } .csv3cols .col1, .csv3cols .col2 { margin-right: 10px; } .csv3cols .col1 img, .csv3cols .col2 img, .csv3cols .col3 img { float: left; margin-bottom: 14px; width: 100%; height: 137px; } .csv3cols .title { display: block; font-size: 11px; color: #555555; margin-bottom: 12px; } .csv3cols .col1 p, .csv3cols .col2 p, .csv3cols .col3 p { margin-bottom: 10px; font-size: 13px; padding-bottom: 0 !important; color: #006492; } .freestyle { margin-bottom: 5px; } .freestyle.left { padding-right: 10px; } .freestyle.right { padding-left: 10px; } .freestyle.landscape img, .freestyle.portrait img { display: block; margin-bottom: 0 !important; } .freestyle.landscape img { width: 300px; } .freestyle.portrait img { width: 220px; } .freestyle.landscape .caption, .freestyle.portrait .caption { background-color: #f2f2f2; padding: 10px; } .freestyle.landscape .caption { width: 300px; } .freestyle.portrait .caption { width: 220px; } .freestyle .caption small { font-size: 1em; } .freestyle .caption strong { text-transform: uppercase; } .bluecaption { color: #ffffff !important; background-color: #7aa9dd !important; } blockquote { background: url(./quote.png) no-repeat scroll 20px 26px; padding: 30px 60px 40px; margin-bottom: 10px; width: 100%; font-size: 1.385em; } blockquote.largeQuote { width: auto; } cite { font-size: 0.846em; display: block; margin-top: 15px; font-style: normal; } .quoteText blockquote { background-color: #e5e5e5; float: right; margin: 0 0 10px 50px; width: 180px; } .TintedText { text-align: left; background-color: #f2f2f2; padding: 10px; } .ColoredBox { text-align: inherit; background-color: #007cba; color: #ffffff; padding: 1.625rem; font-weight: 300; font-size: 1.375rem; line-height: 1.2; margin: 0; margin-bottom: 1.5rem; border-radius: 5px; } @media (max-width: 767px) { .ColoredBox { width: 100% !important; } } @media (min-width: 768px) and (max-width: 1023px) { .ColoredBox { font-size: 1.25rem; } } @media (max-width: 767px) { .ColoredBox { font-size: 1.0625rem; } } @media screen and (min-width: 1280px) { .ColoredBox { padding: 2.5rem; } } .ColoredBox .title, .ColoredBox .bigNum { font-size: 2.625rem; line-height: 1em; font-weight: inherit; } @media (min-width: 768px) and (max-width: 1023px) { .ColoredBox .title, .ColoredBox .bigNum { font-size: 2.25rem; } } @media (max-width: 767px) { .ColoredBox .title, .ColoredBox .bigNum { font-size: 1.5rem; } } .ColoredBox--dark-oak, .ColoredBox.brown { background-color: #30261d; color: #ffffff; } .ColoredBox--oak { background-color: #63513d; color: #ffffff; } .ColoredBox--85-oak { background-color: #8a7969; color: #ffffff; } .ColoredBox--30-oak { background-color: #d1cbc5; color: #34220d; } .ColoredBox--15-oak { background-color: #e8e5e2; color: #34220d; } .ColoredBox--5-oak, .ColoredBox.grey { background-color: #f6f5f4; color: #34220d; } .ColoredBox--white { background-color: #ffffff; color: #34220d; } .ColoredBox--teal { background-color: #00818f; color: #ffffff; } .ColoredBox--green, .ColoredBox.turquoise, .ColoredBox.green, .ColoredBox.darkgreen, .ColoredBox.lightgreen { background-color: #2e8025; color: #ffffff; } .ColoredBox--orange, .ColoredBox.yellow, .ColoredBox.orange { background-color: #d64123; color: #ffffff; } .ColoredBox--red, .ColoredBox.red { background-color: #ca003d; color: #ffffff; } .ColoredBox--pink { background-color: #a50064; color: #ffffff; } .ColoredBox--purple, .ColoredBox.purple { background-color: #8f4899; color: #ffffff; } .ColoredBox--purple-alt { background-color: #6f2277; color: #ffffff; } .ColoredBox--annual-red { background-color: #ce0037; color: #ffffff; } .ColoredBox--annual-pink { background-color: #c6007e; color: #ffffff; } .ColoredBox--annual-teal { background-color: #007681; color: #ffffff; } .ColoredBox--annual-yellow { background-color: #eaaa00; color: #ffffff; } .ColoredBox--annual-brown { background-color: #774212; color: #ffffff; } .ColoredBox--annual-purple { background-color: #ac4fc6; color: #ffffff; } .externalLink, .ext { background: url(./icon-external.svg) no-repeat 100% 50%; background-size: 12px 12px !important; padding-right: 18px; } @media (max-width: 767px) { .externalLink, .ext { overflow-wrap: break-word; } } .iconPDF.Red { background: url(./iconFilePDFRed.png) no-repeat 2px 0; } .iconExl.Green { background: url(./iconFileXLS.png) no-repeat 2px 0; } .iconExl.Green .fileSize { padding-left: 20px; } .iconPDF .fileSize, .iconPDF.Red .fileSize { padding-left: 20px; } a.externalLink:hover .iconPDF.Red { background: url(./iconFilePDFRed.png) no-repeat 2px -14px; } a.externalLink:hover .iconExl.Green { background: url(./iconFileXLS.png) no-repeat 2px -14px; } div.socialBar { margin-top: 5px; } .page-content .socialBar { border: none; float: right; } .page-content .socialBar li { list-style: none; } .page-content .socialBar li.facebook { width: 84px; } .standardBoxHtml .socialBar li { list-style: none; } .inPageSearchBar { width: 100%; float: left; } .inPageSearchBar .btn { margin-bottom: 0; margin-right: 0; } .inPageSearchBar .btn li { list-style-image: none; left: 0; } .ShellAccordeonContainer { margin-bottom: 0 !important; margin-right: 0 !important; margin-left: 0 !important; padding: 0 !important; } .ShellAccordeonContainer li { list-style-image: none !important; left: 0 !important; padding: 0 !important; } .accordeon { width: 100%; background-color: #f0eeed; } .accordeon p { padding: 0 10px 10px 10px; } .opener { cursor: pointer; width: 100%; background-color: #f0eeed; } .opener:hover { background-color: #667784; border-left: 2px solid #667784; border-right: 2px solid #667784; margin-left: -2px; } .opener.open { background-color: #f0eeed; } .opener.open:hover { background-color: #e4e1df; border: 0; margin-left: 0; } .opener .opener-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .opener .opener-content:after { width: 14px; height: 14px; background: transparent url(./v2_layout_design.png) no-repeat -244px -66px; content: " "; right: 0.8em; position: relative; top: 1em; } .opener.open .opener-content:after { background-position: -244px -80px; } .opener.open:hover .opener-content:after { background-position: -258px -80px; } .ShellAccordeonContainer .opener a { display: block; padding: 3px 0 10px 0; border-bottom: 1px solid #63513d; color: #555555; } .ShellAccordeonContainer .opener a span { display: block; margin: 6px 0 0 10px; background: transparent url(./arrow_right_v2.png) no-repeat 98% 100%; } .ShellAccordeonContainer .opener:hover a span { background: transparent url(./arrow_right_over_v2.png) no-repeat 98% 100%; } .ShellAccordeonContainer .opener.open a span { background: transparent url(./arrow_down_v2.png) no-repeat 98% 100%; } .opener:hover .opener-content, .ShellAccordeonContainer .opener:hover a { border-bottom: 1px solid #667784; color: #ffffff; } .opener.open:hover .opener-content, .ShellAccordeonContainer .opener.open:hover a { border-bottom: 1px solid #63513d; color: #555555; } .opener .arrow { width: 14px; height: 14px; background: transparent url(./v2_layout_design.png) no-repeat -244px -66px; display: inline-block; vertical-align: -2px; } .opener:hover .arrow { background-position: -272px -66px; } .opener.open .arrow { background-position: -244px -80px; } .opener a.opener-content:hover { text-decoration: none !important; border-bottom: 1px solid #667784; } .opener.open a.opener-content:hover { text-decoration: none !important; border-bottom: 1px solid #63513d; } .accordeon .content, .rigthSideAccordion .content { width: 100%; display: none; background: #f0eeed; float: left; } .accordeon .content h2, .accordeon .content h3, .accordeon .content h4 { padding-left: 12px; } .rigthSideAccordion .content h2, .rigthSideAccordion .content h3, .rigthSideAccordion .content h4 { padding-left: 12px; } .accordeon .details { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .accordeon .details p { width: 33%; padding: 10px !important; margin-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .ShellAccordeonContainer p { padding: 10px; } .ShellAccordeonContainer .content.hidden { display: none; } .ShellAccordeonContainer .content.visible { display: block; } .snippetBox { display: block; height: 34px; color: #ffffff !important; padding: 13px 10px; } .snippetBox .pictureBox { display: block; height: 35px; width: 35px; margin-right: 10px; float: left; } .snippetBox span { float: left; width: 70%; } .snippetBox .tbox { width: 100%; } .snippetBox .tbox.top { font-size: 18px; } .snippetBox .tbox.bottom { font-size: 12px; width: 100%; } .snippetBox.orange { background: #f7901e; } .snippetBox.highLight.orange:hover { background: #f57900; } .snippetBox.green { background: #80ad3d; } .snippetBox.highLight.green:hover { background: #97c507; } .snippetBox.blue { background: #3973bf; } .snippetBox.highLight.blue:hover { background: #3162a3; } .snippetBox.grey { background: #667784; } .snippetBox.highLight.grey:hover { background: #455a6a; } .snippetBox.red { background: #ef4023; } .snippetBox.highLight.red:hover { background: #ea0500; } .snippetBox.purple { background: #ab3582; } .snippetBox.highLight.purple:hover { background: #990a67; } .snippetBox.turquoise { background: #31ae94; } .snippetBox.highLight.turquoise:hover { background: #059d7d; } .snippetBox.yellow { background: #e6ae21; } .snippetBox.highLight.yellow:hover { background: #e19e00; } .snippetBox.lightgreen { background: #abd037; } .snippetBox.highLight.lightgreen:hover { background: #97c507; } .snippetBox.lightblue { background: #00b4e6; } .snippetBox.highLight.lightblue:hover { background: #00a3e0; } .snippetBox.brown { background: #92572f; } .snippetBox.highLight.brown:hover { background: #7c4a28; } .snippetBox.darkgreen { background: #008771; } .snippetBox.highLight.darkgreen:hover { background: #006d53; } .snippetBox.darkblue { background: #2d5c9d; } .snippetBox.highLight.darkblue:hover { background: #00388c; } .cols2-view, .cols3-view, .cols4-view, .cols5-view { float: left; } .cols2-view li, .cols3-view li, .cols4-view li, .cols5-view li { float: left; display: block; list-style-image: none !important; left: 0 !important; padding: 0 2px 5px 0; } .cols2-view li { width: 240px; padding-right: 20px; } .cols3-view li, .accordeon .content .cols3-view li { width: 165px; padding-right: 10px; } .cols4-view li { width: 125px; padding-right: 10px; } .cols5-view li { width: 103px; padding-right: 5px; } .page-content .brand-image img { border: none; float: left; width: auto; margin: 0 10px 10px 0; } .nes-casestudies h1, .nes-casestudies h2, .nes-casestudies h3, .nes-casestudies h4 { margin-bottom: 14px; padding-top: 11px; } .nes-casestudies h1 { border-bottom: 1px dotted #aeaeae; } .nes-casestudies h3 { font-size: 18px; } .nes-casestudies h2.nospace { padding: 0 !important; margin-bottom: 10px !important; } .nes-casestudies h3.first { padding-top: 0 !important; } .nes-casestudies p { margin: 0 0 14px 0; padding-bottom: 0; } .nes-casestudies h2 span { color: #666666; } .nes-casestudies div.box { padding: 10px; margin-bottom: 15px; } .nes-casestudies div.box.blue { background-color: #f7f9fe; border-bottom: 4px solid #1d87cc; border-top: 4px solid #1d87cc; } .nes-casestudies div.box.yellow { background-color: #fefcf7; border-bottom: 4px solid #ecbf49; border-top: 4px solid #ecbf49; } .nes-casestudies div.box.blue h3, .nes-casestudies div.box.yellow h3 { font-size: 14px; color: #3561a0; margin-bottom: 0; padding: 0 !important; } .nes-casestudies ul.cols2, .nes-casestudies ul.cols3 { padding: 2px 0 4px 0; margin: 15px 0 0 0; font-size: 11px; } .nes-casestudies ul.cols2 { float: left; } .nes-casestudies ul li.border { border-bottom: #aeaeae 1px dotted; -moz-opacity: 1 !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } .nes-casestudies ul.cols2 li { padding: 2px 0 4px 0; list-style-image: none; list-style: none; } .nes-casestudies ul.cols3 li { padding: 2px 0 4px 0; list-style-image: none; list-style: none; float: left; width: 183px; } .nes-casestudies ul.cols2 li { width: 275px; height: 15px; } .nes-casestudies ul li span.textCsv { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); display: inline-block; float: left; margin-left: 5px; margin-right: 5px; } .nes-casestudies ul li span.textCsv.enable { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .nes-casestudies ul li span.icon { float: left; width: 25px; height: 16px; background: url(./csv-icon2.png) no-repeat 0 0; } .nes-casestudies ul.cols2 li span.icon { background-color: #fefcf7; } .nes-casestudies ul.cols3 li span.icon { background-color: #f7f9fe; } .nes-casestudies ul li span.icon.casestudy_topic_0 { background-position: 0 -144px; } .nes-casestudies ul li span.icon.casestudy_topic_1 { background-position: 0 -208px; } .nes-casestudies ul li span.icon.casestudy_topic_2 { background-position: 0 -192px; } .nes-casestudies ul li span.icon.casestudy_topic_3 { background-position: 0 -80px; } .nes-casestudies ul li span.icon.casestudy_topic_4 { background-position: 0 -48px; } .nes-casestudies ul li span.icon.casestudy_topic_5 { background-position: 0 -32px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_0 { background-position: 0 -112px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_1 { background-position: 0 0; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_2 { background-position: 0 -160px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_3 { background-position: 0 -176px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_4 { background-position: 0 -128px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_5 { background-position: 0 -16px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_6 { background-position: 0 -96px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_7 { background-position: 0 -64px; } .nes-casestudies ul li span.icon.casestudy_topic_0.enable { background-position: 0 -368px; } .nes-casestudies ul li span.icon.casestudy_topic_1.enable { background-position: 0 -432px; } .nes-casestudies ul li span.icon.casestudy_topic_2.enable { background-position: 0 -416px; } .nes-casestudies ul li span.icon.casestudy_topic_3.enable { background-position: 0 -304px; } .nes-casestudies ul li span.icon.casestudy_topic_4.enable { background-position: 0 -272px; } .nes-casestudies ul li span.icon.casestudy_topic_5.enable { background-position: 0 -256px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_0.enable { background-position: 0 -336px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_1.enable { background-position: 0 -224px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_2.enable { background-position: 0 -384px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_3.enable { background-position: 0 -400px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_4.enable { background-position: 0 -352px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_5.enable { background-position: 0 -240px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_6.enable { background-position: 0 -320px; } .nes-casestudies ul li span.icon.casestudy_mgtdevgoal_7.enable { background-position: 0 -288px; } .nes-casestudies figure.right { padding-left: 10px; padding-bottom: 10px; } .nes-casestudies figure img { float: left; width: 300px; height: 180px; display: block; } .nes-casestudies .caption { clear: left; background-color: #f2f2f2; padding: 5px 0 10px 5px; } .nes-casestudies .caption strong { font-size: 12px; max-width: 290px; margin-right: 3px; text-transform: uppercase; } .nes-casestudies .caption small { font-size: 12px; } .nes-casestudies ul { padding-left: 12px; margin-bottom: 14px; margin-right: 10px; } .nes-casestudies ul li { list-style-image: url(./iconBulletSquareBlue.png); left: 12px; padding: 0; margin: 0; } .execOverview .pictureBoD { float: right; } .execOverview .pictureBoD img { width: 90px; height: 90px; } .execOverview ul { margin-bottom: 10px; } .execOverview ul li { margin: 0 0 5px 0; left: 0; list-style-image: none; } .dateLayout { margin-bottom: 10px; } .pressrelease-content { padding: 0 5px 0 5px; } .pressrelease-content .gotolist { width: 100%; float: left; border-top: 1px solid #63513d; border-bottom: 1px solid #63513d; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; } .pressrelease-content .prDetails { float: left; margin-bottom: 10px; width: 100%; } .space { padding-left: 3px; } .videoLibrary .video-content { padding: 9px; } .videoLibrary .backToResults { padding-bottom: 0 !important; } .videoLibrary .mediaInfo h2 { font-size: 12px; color: #3561a0; margin-bottom: 10px; padding-top: 10px; } .videoLibrary ul li { padding-bottom: 2px; list-style: none; } .videoLibrary .mediaInfo .iconTools ul li a span { display: inline; } .videoLibrary a.nsIconButton { display: block; width: 21px; height: 22px; } .videoLibrary a:hover.nsIconButton { background-position: 0 -22px; text-decoration: none; } .GeoCoordinates { width: 100%; height: 205px; } .GeoCoordinates .address { height: 35px; border-bottom: 1px solid #666666; padding-bottom: 5px; padding-top: 5px; } .GeoCoordinates .address #Validate { float: right; } .GeoCoordinates .ms-formfieldvaluecontainer #address { width: 300px; } .GeoCoordinates .AdressInfo { float: left; width: 50%; } .GeoCoordinates .AddressMap { float: right; width: 48%; height: 100%; } .reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-top: -20px; margin-left: -255px; position: absolute; z-index: 101; padding: 30px 40px 34px; } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000000; background: rgba(0, 0, 0, 0.8); z-index: 100; display: none; top: 0; left: 0; } .tel-number { color: inherit !important; } .question { display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.625rem; font-size: 1.5rem; line-height: 1.3333333333; font-family: "Nestle-Text-Book"; font-weight: 300; color: #63513d; position: relative; padding: 0.25em 0 0.5833333333em 3.125em; min-height: 2.1666666667em; } @media (max-width: 767px) { .question { font-size: 1.125rem; } } .question::before { content: ""; width: 2.125em; height: 2.1666666667em; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(./ask-nestle.svg) no-repeat center center; background-size: 100% 100%; } .formbuildercss .form fieldset { padding: 10px; border-bottom: 1px solid #ffffff; background-color: #f2f2f2; } .formbuildercss li { margin-bottom: 20px; width: 100%; } .formbuildercss .labelField { display: block; margin-bottom: 5px; padding-left: 9px; } .formbuildercss input[type="text"], .formbuildercss select, .formbuildercss textarea { margin: 0; height: 31px; color: #999999; padding-left: 10px; background-color: #ffffff; font-size: 1.077em; border: 1px solid #e5e5e5; width: 80%; -webkit-box-sizing: border-box; box-sizing: border-box; } .formbuildercss select.multiple { height: auto; padding-left: 0; padding: 5px 0 5px 10px; } .formbuildercss select option { padding: 2px 0 2px 10px; } .formbuildercss textarea { height: initial; } .formbuildercss input[type="checkbox"], .formbuildercss input[type="radio"] { margin-left: 10px; } .formbuildercss span.checkbox, .formbuildercss span.radio { padding-left: 5px; } .formbuildercss #mailSendButton { float: right; margin: 0; margin-top: 10px; } .formbuildercss #mailCancelButton { float: left; margin: 0; margin-top: 10px; } .formbuildercss .btn-center { padding: 8px 14px 8px 16px; color: #ffffff; text-align: center; font-size: 15px; background-color: #667784; cursor: pointer; text-transform: uppercase; font-weight: 700; min-width: 100px; display: block; } .formbuildercss .btn-center:hover { background-color: #4a5d6c; } .formbuildercss .required .labelField:after { content: " *"; font-size: 16px; font-weight: 700; color: red; } .buyNow { color: #ffffff; text-align: center; font-size: 15px; padding: 8px 10px 8px 12px; background-color: #667784; cursor: pointer; text-transform: uppercase; font-weight: 700; display: inline-block; } .buyNow:hover { background-color: #4a5d6c; } a span.video { width: 79px; height: 79px; background: transparent url(./video-play.png) no-repeat 0 0; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } a.youtube img { width: 100%; } .youtube-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: #000000; } .youtube-wrapper img { max-height: inherit; } .youtube-wrapper embed, .youtube-wrapper iframe, .youtube-wrapper object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #mainCol .page-content dl { border-bottom: #5899d0 1px solid; display: block; } #mainCol .page-content dt { border-top: #5899d0 1px solid; float: left; font-weight: 700; padding: 1%; width: 154px; clear: left; } #mainCol .page-content dd { border-top: #5899d0 1px solid; padding: 1%; width: 374px; float: left; } #mainCol .content .dlDetails dl dt { padding: 5px 0; font-weight: 400; font-size: 1.846em; border-top: 1px solid #ffffff; } #mainCol .content .dlDetails dl dt span { font-weight: 400; } #mainCol .content .dlDetails dd { padding: 10px 12px; background: #f2f2f2; border: none; } #mainCol .content .dlDetails dd ul { margin: 0; } .tableContainer table.investorFinacialTable { font-size: 11px; } .tableContainer table.investorFinacialTable th { text-align: right; background: url(./bgTableHeadFade.png) 0 100% repeat-x #f5f8fc; padding: 5px; } .tableContainer table.investorFinacialTable td { text-align: right; } .tableContainer table.investorFinacialTable .fieldTableTitle { text-align: left; font-weight: 700; } .tableContainer table.investorFinacialTable td.fieldColLabel { text-align: left; background-color: #f2f2f2; } .tableContainer table.investorFinacialTable td.indented span { padding-left: 30px; display: block; } .tableContainer table.investorFinacialTable td.fieldColYearFigure { background-color: #eaf1f9; } .tableContainer table.investorFinacialTable td.fieldColYearFigureAlt { background-color: #f2f2f2; } .tableContainer table colgroup.threeColEqual .col01, .tableContainer table colgroup.threeColEqual .col02, .tableContainer table colgroup.threeColEqual .col03 { width: 33.333%; } .tableContainer table colgroup.sixCol .col01 { width: 35%; } .tableContainer table colgroup.sixCol .col02, .tableContainer table colgroup.sixCol .col03, .tableContainer table colgroup.sixCol .col04, .tableContainer table colgroup.sixCol .col05, .tableContainer table colgroup.sixCol .col06 { width: 13%; } .tableContainer table colgroup.fiveColEqual .col01, .tableContainer table colgroup.fiveColEqual .col02, .tableContainer table colgroup.fiveColEqual .col03, .tableContainer table colgroup.fiveColEqual .col04, .tableContainer table colgroup.fiveColEqual .col05 { width: 20%; } .tableContainer table.investorFinacialTable .fieldTableTitle span { font-weight: 700; } .tableContainer table.investorFinacialTable tr.midTableTitle td { background: url(./bgTableHeadFade.png) 0 100% repeat-x #f5f8fc; border-bottom: 1px solid #ffffff; border-left: none; } .rotate { float: left; -webkit-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); width: 100%; font-weight: 400; font-size: 1.1em; } .customclass1 { display: none; background-color: #ffffff; } .customclass2 { display: none; background-color: Transparent; } .investorFinacialTable { vertical-align: top; overflow: auto; font-size: 11px; height: 100%; } .investorFinacialTable th { background: -moz-linear-gradient(top, #007cba, #e3e3e3); background: -webkit-gradient( linear, left top, left bottom, from(#007cba), to(#e3e3e3) ); height: 150px; vertical-align: middle; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$mini-footer-bg-color,endColorstr=$shadewhite5); } .investorFinacialTable th div, .investorFinacialTable th span { width: 80px; font-weight: 400; } .investorFinacialTable tr { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$mini-footer-bg-color,endColorstr=$shadewhite5); background: -moz-linear-gradient(top, #007cba, #e3e3e3); background: -webkit-gradient( linear, left top, left bottom, from(#007cba), to(#e3e3e3) ); height: 20px; vertical-align: baseline; background-color: #eaf1f9; } .investorFinacialTable tr.ThLines { height: 50px; vertical-align: bottom; } .investorFinacialTable tr.TwLines { height: 35px; vertical-align: bottom; } .investorFinacialTable tr td.row { background-color: #ececec; text-align: right; } .investorFinacialTable tr td.altrow { background-color: #dddddd; text-align: right; } .investorFinacialTable tr td.leftpanel { background-color: #eaf1f9; width: 100%; padding-left: 2px; } .investorFinacialTable tr.leftpanel { background-color: #eaf1f9; width: 100%; padding-left: 2px; } .investorFinacialTable tr td.left span { background-color: #eaf1f9; margin-top: 3px; } .summaryTable tr td { vertical-align: top; } .tableWidth { width: 200px; border-right: #cbcdcc 1px solid; } .DivWidth { width: 348px; overflow: auto; overflow-y: hidden; } .spanMargin { padding-left: 20px; } .hscrolldiv { overflow-x: hidden; overflow-y: hidden; height: 100%; } .leftheading { text-align: left; } .fontBiggerSize { font-size: large; } .caveatText { position: relative; } .caveatText.fullWidth { padding: 5px; background-color: #f2f2f2; } .caveatText p { margin-bottom: 0 !important; font-size: 9.5px; } .tableContainer table.investorCommittesTable td { background-color: #f2f2f2 !important; border-bottom: 5px solid #ffffff !important; } .tableContainer table.investorCommittesTable td.populated { background-color: #eaf1f9 !important; } .tableContainer table.investorCommittesTable td.committeeMember { height: 45px; } .tableContainer table.investorCommittesTable th { border-bottom: 5px solid #ffffff !important; color: #22669d; background: 0 0; } .tableContainer table td.committeeMember { background-color: #ffffff !important; } .tableContainer table.investorDividendTable { font-size: 0.85em; } .tableContainer table.investorDividendTable th { text-align: left; } .tableContainer table.investorDividendTable td { text-align: left; } .tableContainer table.investorDividendTable td.fieldBlue { background-color: #eaf1f9; width: 100px; } .tableContainer table.investorDividendTable td.fieldBrown { background-color: #f2f2f2; width: 250px; } .tableContainer table.investorDividendTable td.fieldWhite { background-color: #f6f9fd; } .investorText { color: #5899d0; font-size: large; } .squareNumber { background-color: #c3c0be; border: 1px; color: #ffffff; text-align: right; margin-left: 170px; } .tableContainer { margin-bottom: 10px; position: relative; width: 100%; } .tableContainer table#bondsPurinaPetcareTable tr th, .tableContainer table#creditRatingTable tr th, .tableContainer table#insProgramsTable tr th, .tableContainer table.EMTNProgramTable tr th, .tableContainer table.investorsBuyBack tr th { font-weight: 700; padding: 5px; background: url(./bgTitleGreyFade.png) 0 100% repeat-x #f0eeed; border-bottom: 1px solid #ffffff; text-align: left; vertical-align: bottom; } .tableContainer table.inPageTable th { background-attachment: scroll; background-color: #f0eeed; background-image: url(./bgTitleGreyFade.png); background-position: 0 100%; background-repeat: repeat-x; font-weight: 700; border-bottom: 1px solid #ffffff; padding: 5px 5px; text-align: left; } .tableContainer ul li { margin-left: 12px; } #materiality-matrix { position: relative; line-height: 1.1; margin: 1em 0; width: 540px; background: url(./matrix_bg.jpg) no-repeat 27px 6px; height: 500px; font-size: 0.9em; } #materiality-matrix .grid { margin: 6px 2px 0 0; width: 514px; display: inline; float: right; } #materiality-matrix .block { padding: 5px; margin: 0 0 4px 4px; width: 157px; display: inline; float: left; height: 174px; } #materiality-matrix .block UL { position: static; margin: 0 0 0 15px; } #mainCol #materiality-matrix .block LI { position: static; list-style-type: disc !important; margin: 0 0 4px; padding-left: 0 !important; list-style-image: none !important; } #materiality-matrix .middle-row { height: 163px; } #materiality-matrix .bottom-row { height: 91px; } .axis { position: absolute; text-align: center; line-height: 20px; bottom: 0; background: #5186cb; color: #ffffff; font-size: 1.1em; font-weight: 700; left: 0; } .axis:after { position: absolute; width: 0; content: ""; } .x-axis { width: 540px; background: #5186cb no-repeat 100% 100%; height: 21px; } .x-axis:after { border-bottom: #ffffff 10px solid; border-left: #5186cb 10px solid; border-top: #ffffff 11px solid; top: 0; right: 0; } .y-axis { width: 21px; white-space: nowrap; background: #5186cb no-repeat; height: 498px; } .y-axis:after { border-bottom: #5186cb 10px solid; border-left: #ffffff 11px solid; top: 0; border-right: #ffffff 10px solid; left: 0; } .y-axis .axis-inner { position: absolute; bottom: 100px; left: 0; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform: rotate(0); transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; } .popup { z-index: 11; position: absolute; padding: 10px; width: 245px; display: none; background: #ffffff; -webkit-box-shadow: 2px 2px 3px #999999; -o-box-shadow: 2px 2px 3px #999999; -ms-box-shadow: 2px 2px 3px #999999; box-shadow: 2px 2px 3px #999999; } .popup .popup-inner A { padding: 0 0 0 10px; } .popup .close-button { border-bottom: #ffffff 2px solid; position: absolute; text-align: center; border-left: #ffffff 2px solid; line-height: 17px; width: 20px; background: #a0a5a8; height: 20px; color: #ffffff; font-size: 1.6em; border-top: #ffffff 2px solid; top: -10px; right: -10px; font-weight: 700; border-right: #ffffff 2px solid; border-radius: 100%; } #materiality-legend { font-size: 0.85em; } #materiality-legend UL { padding: 10px; margin: 0.5em 0 1em; zoom: 1; background: #eeeeee; float: none !important; } #materiality-legend UL:before { display: table; content: ""; } #materiality-legend UL:after { display: table; content: ""; clear: both; } #materiality-legend li { float: left; vertical-align: top; list-style-image: none !important; } #materiality-legend li img { margin: 2px 5px 5px 0; float: left; } #materiality-legend li.decrease, #materiality-legend li.increase { width: 133px; margin-right: 6px; margin-left: 0; } #materiality-legend li.increasing { width: 132px; } .dlDetails dd .listWithIcons li { left: 0; margin-bottom: 5px; list-style-image: none; } .dlDetails dd .listWithIcons li.lwiLast { margin-bottom: 0; } .dlDetails dd .listWithIcons li span.info { width: 308px; float: left; } .dlDetails ul.fileIcons { width: 188px; float: right; } .dlDetails ul.fileIcons li { padding: 0; width: 23px; clear: none; float: left; display: inline; } .dlDetails ul.fileIcons li a { float: left; } .dlDetails dl dt span { font-weight: 400; } .dlDetails dd ul li { background: url(./iconBulletSquareBeige.png) no-repeat 0 4px; padding: 0 0 5px 13px; width: 504px; } .dlDetails dd ul.linksList li { background: url(./iconBulletSquareBlue.png) no-repeat 0 4px; } .dlDetails dd ul.imageList li { width: 80px; clear: none; list-style-image: none; background-image: none; float: left; } ul.imageList li.ilFirst { padding-left: 0; } .dlDetails dd p { margin: 0; text-align: center; clear: left; } #siteMap dl.singleBlock { float: left; border-bottom: none; } #siteMap dl.singleBlock dd ul { width: 140px; } #siteMap dl.singleBlock dd ul li { width: 140px; list-style: none; } #siteMap dl.singleBlock dd ul ul li { width: 128px; } .siteMapRow { float: left; position: relative; width: 740px; margin-bottom: 10px; } .siteMapRow dl dd ul li { background-image: none; } .siteMapRow dl dd ul li.collapsed { background-image: url(./arrow-right.png) !important; background-position: 0 1px; cursor: pointer; } .siteMapRow dl dd ul li.parent { background-image: url(./arrow-down.png); background-position: 0 3px; cursor: pointer; } .siteMapRow dl ul.child { padding-top: 5px; } #mainCol .introImage { width: 300px; } #mainCol .introImage .imageCaption { position: relative; padding: 5px 0; border-top: 1px solid #d6dfea; border-bottom: 1px solid #d6dfea; margin-top: 10px; } #mainCol .introImage .imageCaption p { margin-bottom: 0; padding-bottom: 0; } .tableContainer table .reportName { width: 67%; float: left; } .inPageButtons { width: 100%; } .inPageButtons .nsButton.search li { list-style-image: none; } .inPageButtons .nsButton.search li .btn-center, .inPageButtons .nsButton.search li a:hover .btn-center { max-width: 112px; } .inPageButtons .nsButton.search.confirm { margin-left: 160px; } .EventItem { width: 100%; } .EventItem .container .dlDetails { float: none; } .EventItem .container .freestyle { float: left; } #mainCol .EventItem .container .dlDetails dd { width: 526px; } #mainCol .content .EventItem .dlDetails DL { position: relative; border: none; } #mainCol .content .EventItem .dlDetails DL DT { padding: 5px 10px 5px 10px; font-weight: 700; position: relative; clear: left; width: 530px; } #mainCol .content .EventItem .dlDetails DL DD { padding-top: 10px; float: left; position: relative; } #mainCol .content .EventItem .dlDetails DL DD UL { float: left; } #mainCol .content .EventItem .dlDetails DL DD UL LI { float: left; clear: left; position: relative; padding-top: 0; margin: 0 0 3px; padding-bottom: 5px; padding-left: 13px; width: 504px; list-style: none; left: 0; } .fullWidthList ul, ul.fullWidthList { float: left; position: relative; width: 550px; margin-bottom: 10px; } #pageContentBlock .fullWidthList ul, #pageContentBlock ul.fullWidthList { float: left; position: relative; width: 540px; margin-bottom: 10px; } #mainCol .content ul.fullWidthList li { float: left; position: relative; display: block; width: 528px; clear: both; margin-bottom: 5px; padding: 0 0 0 12px; list-style-type: square; left: 0; list-style-image: none; } .fullWidthList ul li { float: left; position: relative; display: block; width: 528px; clear: both; margin-bottom: 5px; padding: 0 0 0 12px; background: url(./iconBulletSquareBlue.png) 0 6px no-repeat; left: 0; list-style-image: none; } .fullWidthList ul li a { position: relative; padding: 0; } ul.fullWidthList li a { position: relative; padding: 0; } .fullWidthList ul li a:hover span, ul.fullWidthList li a:hover span { text-decoration: underline; } .fullWidthList ul li em, ul.fullWidthList li em { font-style: normal; } .fullWidthList.numbered ol li { margin-left: 20px; width: 508px; background: 0 0; margin-bottom: 5px; list-style-type: decimal; display: list-item; vertical-align: top; } .fullWidthList ul li a em { font-style: normal; color: #666666; border-right: 0 solid #666666; } .fullWidthList ul li.fwListLast { margin-bottom: 0; } #pageContainer #mainCol .content .fullWidthList.meetingInvestors ul li { background-image: none; margin: 0; width: 530px; } #pageContainer #mainCol .content .borderOutline.centerColFull .fullWidthList.meetingInvestors ul li { width: 520px; } #mainCol #pageContentBlock .fullWidthList.meetingInvestors ul li { background-image: none; margin: 0; width: 520px; } #pageContainer #mainCol .content .meetingInvestors ul li { float: left; position: relative; border-top: 1px solid #ffffff; padding: 3px 10px; left: 0; list-style-image: none; } #pageContainer #mainCol .content .meetingInvestors ul li.odd { background-color: #eaf1f9; } #pageContainer #mainCol .content .meetingInvestors ul li.even { background-color: #f2f2f2; } .meetingInvestors ul li span { float: left; position: relative; } .meetingInvestors ul li span.title { width: 250px; font-weight: 700; } .elDetail .tableContainer table th { font-weight: 700; padding: 5px; background: url(./bgTitleGreyFade.png) 0 100% repeat-x #f0eeed; border-bottom: 1px solid #ffffff; text-align: left; vertical-align: bottom; } .reportName .small { font-size: 0.85em; } .CSVReports .tableContainer table th { font-weight: 400; padding: 5px; background: url(./bgTableHeadFade.png) 0 100% repeat-x #f5f8fc; border-bottom: 1px solid #ffffff; } .relatedLinks { float: left; } .relatedLinks ul li { background: url(./iconBulletSquareBlue.png) 0 7px no-repeat; margin-bottom: 7px; padding-left: 15px; } .pageContentItem { clear: both; position: relative; } .pageContentItem.left { float: left; margin: 0 10px 10px 0; } .pageContentItem .imageLandscape { background-color: #f2f2f2; width: 300px; padding: 0 !important; } .pageContentItem .imageLandscape img { margin-bottom: 0 !important; } .pageContentItem .imagePortrait { background-color: #f2f2f2; width: 220px; padding: 0 !important; } .pageContentItem .imagePortrait img { margin-bottom: 0 !important; } .pageContentItem small { display: block; padding: 5px 5px 10px 5px; font-size: 11px; } .layout-content-large .t h2 span a p, .layout-content-large .t h2 span p { padding-bottom: 0; color: #ffffff; } .layout-content-medium .t h2 span a p, .layout-content-medium .t h2 span p { padding-bottom: 0; color: #ffffff; } table.tab_press { margin: 0 0 10px 0; display: block; } table.tab_press th { background-attachment: scroll; background-color: #f0eeed; background-image: url(./bgTitleGreyFade.png); background-position: 0 100%; background-repeat: repeat-x; border-bottom-color: #ffffff; border-bottom-style: solid; border-bottom-width: 1px; font-weight: 700; padding: 5px; } table.tab_press td, table.tab_press th { text-align: left; vertical-align: top; } table.tab_press td.table_gray, table.tab_press th.table_gray { background-color: #f3eee9; } table.tab_press td { background-color: #ffffff; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; padding: 5px; } table.tab_press td.table_white { background-color: #eaf1f9; } #mvSurveys { margin-bottom: 20px; } #mvSurveys .subColBoxContent .fCheckRadioListing ul li { float: none; } #AndLabel, #client, #COName, #COwebUrl, #CurrentSiteId { display: none; } #googleMap #map_canvas { width: 100%; height: 100%; } #itemPerPage, #SearchedLabel, #SelectedLabel, #site, #widget-id-casestudies, #youSearched { display: none; } .boxContent #contentOrganizerName, .boxContent #folderUrlValue { display: none; } .logo #printLogo, .mediaSearchContact .contentSearchContainer #contentOrganizerName, .ncorp-hide, .tnHoverInfo { display: none; } .contentSearchContainer { margin: 0 0 10px 0; } .resultLeft { display: block; } .contentSearchContainer .searchInfo p { padding-bottom: 0 !important; } .grid-list li { width: 100%; overflow: hidden; } .grid-list .list-title { background-color: #f0eeed; font-weight: 700; font-size: 1.077em; color: #555555; } .grid-list .list-title a:hover { text-decoration: underline; } .grid-list .list-title .TitleHeader { width: 78%; float: left; border-right: 1px solid #ffffff; padding: 5px 0 5px 0; } .grid-list .list-title .dateHeader { float: right; padding: 5px 0 5px 20px; } .grid-list .list-title .dateHeader a { cursor: pointer; color: #3561a0; } .grid-list .list-title .dateHeader .asc, .grid-list .list-title .dateHeader .desc { display: none; } .grid-list .list-title .descriptionHeader { overflow: hidden; float: left; } .grid-list .row a { float: left; display: block; color: #3561a0; width: 100%; } .grid-list .row:hover a { color: #00336a; } .grid-list .even { background-color: #ffffff; } .grid-list .odd { background-color: #f2f2f2; } .RDInnovation .grid-list .odd { background-color: transparent; } .grid-list .row span.csDescription { width: 350px; float: left; } .grid-list .row .title { padding: 10px 0 10px 20px; width: 75%; } .grid-list .row .date { width: 17%; } .grid-list .row .description { overflow: hidden; padding: 10px 0 10px 20px; width: 0; float: left; } .grid-list .rowcolour_0 a { background-color: #eaf1f9; } .grid-list .rowcolour_1 a { background-color: #f2f2f2; } .grid-list .rowcolour_0 a:hover { background-color: #d8e4f5; } .grid-list .rowcolour_1 a:hover { background-color: #f4f0e8; } .grid-list .row .title img { width: 80px; height: 45px; float: left; margin-bottom: 0; padding-right: 10px; } .socialBar { border-bottom: 1px dotted #aeaeae; padding-bottom: 7px; height: 18px; margin-bottom: 10px; } .socialBar ul { float: right; } .socialBar li { float: left; } .socialBar li a { display: block; width: 18px; height: 18px; background-image: url(./spt_social.png); background-repeat: no-repeat; } .socialBar li.send a { background-position: 0 -36px; } .socialBar li.share a { background: url(./spt_social.png) no-repeat 0 -36px !important; height: 18px; } .socialBar li.print a { background-position: 0 0; } .socialBar li.sep { display: block; width: 1px; height: 18px; margin: 0 5px; background: url(./spt_social.png) no-repeat 0 -54px; } .socialBar li.sep:nth-child(6) { display: block; } .socialBar li.facebook a, .socialBar li.linkedin a { width: 60px; } #socialHide, #socialHideFb, #socialHideLk, #socialHideGo, #socialHideTw { display: none; } #socialLast { display: block; margin-right: 40px; } .box h2 { margin-bottom: 0 !important; } .box.bottomBorder { border-bottom: 1px solid #cecfca; margin-bottom: 20px; } h2.box-title { background-color: transparent; font-size: 1.154em; margin: 0; } h2.box-title span { color: #666666; } .highlight h2.box-title { font-size: 1.6rem; } .highlight h2.box-title span { text-transform: none !important; font-weight: 200; padding: 0; margin-bottom: 0.5em; } .blue h2.box-title { background-color: #3973bf; } .blue h2.box-title span { color: #ffffff; } .highLight.blue h2.box-title:hover { background-color: #3162a3; } .brown h2.box-title { background-color: #92572f; } .brown h2.box-title span { color: #ffffff; } .highLight.brown h2.box-title:hover { background-color: #7c4a28; } .red h2.box-title { background-color: #ef4023; } .red h2.box-title span { color: #ffffff; } .highLight.red h2.box-title:hover { background-color: #ea0500; } .orange h2.box-title { background-color: #f7901e; } .orange h2.box-title span { color: #ffffff; } .highLight.orange h2.box-title:hover { background-color: #f57900; } .yellow h2.box-title { background-color: #e6ae21; } .yellow h2.box-title span { color: #ffffff; } .highLight.yellow h2.box-title:hover { background-color: #e19e00; } .grey h2.box-title { background-color: #667784; } .grey h2.box-title span { color: #ffffff; } .highLight.grey h2.box-title:hover { background-color: #455a6a; } .purple h2.box-title { background-color: #ab3582; } .purple h2.box-title span { color: #ffffff; } .highLight.purple h2.box-title:hover { background-color: #990a67; } .turquoise h2.box-title { background-color: #31ae94; } .turquoise h2.box-title span { color: #ffffff; } .highLight.turquoise h2.box-title:hover { background-color: #059d7d; } .darkgreen h2.box-title { background-color: #008771; } .darkgreen h2.box-title span { color: #ffffff; } .highLight.darkgreen h2.box-title:hover { background-color: #006d53; } .green h2.box-title { background-color: #80ad3d; } .green h2.box-title span { color: #ffffff; } .highLight.green h2.box-title:hover { background-color: #97c507; } .lightgreen h2.box-title { background-color: #abd037; } .lightgreen h2.box-title span { color: #ffffff; } .highLight.lightgreen h2.box-title:hover { background-color: #97c507; } .lightblue h2.box-title { background-color: #00b4e6; } .lightblue h2.box-title span { color: #ffffff; } .highLight.lightblue h2.box-title:hover { background-color: #00a3e0; } .darkblue h2.box-title { background-color: #065ba0; } .darkblue h2.box-title span { color: #ffffff; } .highLight.darkblue h2.box-title:hover { background-color: #00388c; } h2.box-title span { display: inline-block; text-transform: uppercase !important; padding: 1em 1.5em 1em 1em; font-weight: 700; } h2.box-title span a { color: inherit; } .box.showBG .boxContent { background-color: #f2f2f2; } .box .c { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background-color: #ffffff; } .box-chrome .c { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background-color: #ffffff; } .box .b table { padding: 0; margin: 0; border-spacing: 0; border-collapse: collapse; } .box .t table, .box .t.simple table { padding: 0; margin: 0; border-spacing: 0; border-collapse: collapse; } .box .b table, .box .t.simple table { font-size: 0; line-height: 0; } .box .bl { font-size: 18px; display: inline-block; background: transparent url(./box-design3.png) no-repeat -48px -24px; height: 6px; width: 5px; } .box .bc { background: transparent url(./box-design3.png) repeat-x 0 -220px; height: 6px; width: 100%; } .box .bb { font-size: 18px; display: inline-block; background: transparent url(./box-design3.png) no-repeat -54px -24px; height: 6px; width: 5px; } .box .tl { height: 30px; width: 5px; background: transparent url(./box-design3.png) no-repeat 0 0; border-bottom: 1px solid #cccccc; } .box .tb { font-size: 18px; height: 30px; width: 5px; background: transparent url(./box-design3.png) no-repeat -6px 0; border-bottom: 1px solid #cccccc; } .box .tc { background: transparent url(./box-design3.png) repeat-x 0 -44px; height: 30px; width: 100%; border-bottom: 1px solid #cccccc; } .box .brown .tl { background-position: -24px 0; } .box .brown .tc { background-position: 0 -132px; } .box .brown .tb { background-position: -30px 0; } .box .grey .tb, .box .grey .tc, .box .grey .tl { background-position: 0 -227px; } .box .purple .tl { background-position: -84px 0; } .box .purple .tc { background-position: 0 -366px; } .box .purple .tb { background-position: -90px 0; } .box .lightgreen .tl { background-position: -72px 0; } .box .lightgreen .tc { background-position: 0 -322px; } .box .lightgreen .tb { background-position: -78px 0; } .box .yellow .tl { background-position: -60px 0; } .box .yellow .tc { background-position: 0 -278px; } .box .yellow .tb { background-position: -66px 0; } .box .red .tl { background-position: 0 -410px; } .box .red .tc { background-position: 0 -454px; } .box .red .tb { background-position: -6px -410px; } .box .orange .tl { background-position: -12px -410px; } .box .orange .tc { background-position: 0 -498px; } .box .orange .tb { background-position: -18px -410px; } .box .lightblue .tl { background-position: -24px -410px; } .box .lightblue .tc { background-position: 0 -542px; } .box .lightblue .tb { background-position: -30px -410px; } .box .green .tl { background-position: -36px -410px; } .box .green .tc { background-position: 0 -586px; } .box .green .tb { background-position: -42px -410px; } .box .turquoise .tl { background-position: -48px -410px; } .box .turquoise .tc { background-position: 0 -630px; } .box .turquoise .tb { background-position: -54px -410px; } .box .darkgreen .tl { background-position: -60px -410px; } .box .darkgreen .tc { background-position: 0 -674px; } .box .darkgreen .tb { background-position: -66px -410px; } .box .darkblue .tl { background-position: -72px -410px; } .box .darkblue .tc { background-position: 0 -718px; } .box .darkblue .tb { background-position: -78px -410px; } .box .t-hover .tl { background-position: -12px 0; } .box .t-hover .tc { background-position: 0 -88px; } .box .t-hover .tb { background-position: -18px 0; } .box .t-hover.brown .tl { background-position: -36px 0; } .box .t-hover.brown .tc { background-position: 0 -176px; } .box .t-hover.brown .tb { background-position: -42px 0; } .box .t-hover.grey .tl, .box .t-hover.grey .tc, .box .t-hover.grey .tb { background-position: 0 -227px; } .box .t-hover.lightgreen .tl { background-position: -72px 0; } .box .t-hover.lightgreen .tc { background-position: 0 -322px; } .box .t-hover.lightgreen .tb { background-position: -78px 0; } .box .t-hover.turquoise .tl { background-position: -48px -410px; } .box .t-hover.turquoise .tc { background-position: 0 -630px; } .box .t-hover.turquoise .tb { background-position: -54px -410px; } .box .t-hover.green .tl, .box .t-hover.darkgreen .tl { background-position: -60px -410px; } .box .t-hover.green .tc, .box .t-hover.darkgreen .tc { background-position: 0 -674px; } .box .t-hover.green .tb, .box .t-hover.darkgreen .tb { background-position: -66px -410px; } .box .t-hover.yellow .tl { background-position: -60px 0; } .box .t-hover.yellow .tc { background-position: 0 -278px; } .box .t-hover.yellow .tb { background-position: -66px 0; } .box .t-hover.purple .tl { background-position: -84px 0; } .box .t-hover.purple .tc { background-position: 0 -366px; } .box .t-hover.purple .tb { background-position: -90px 0; } .box .t-hover.orange .tl { background-position: -12px -410px; } .box .t-hover.orange .tc { background-position: 0 -498px; } .box .t-hover.orange .tb { background-position: -18px -410px; } .box .t-hover.lightblue .tl { background-position: -24px -410px; } .box .t-hover.lightblue .tc { background-position: 0 -542px; } .box .t-hover.lightblue .tb { background-position: -30px -410px; } .box .t-hover.red .tl { background-position: 0 -410px; } .box .t-hover.red .tc { background-position: 0 -454px; } .box .t-hover.red .tb { background-position: -6px -410px; } .box .c.landing { border: none; height: 258px; } .box .b.landing, .box .t.landing { height: 6px; } .black-box { position: relative; display: block; overflow: hidden; } .black-box.corners { border: 1px solid transparent; } .black-box .black-box-container { position: relative; padding-bottom: 72px; } .black-box .black-box-image img { width: 100%; display: block; max-width: 100% !important; } .black-box .black-box-text { padding: 10px; width: 100%; height: auto; position: absolute; background-color: #f2f2f2; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-word-wrap: break-word; word-wrap: break-word; color: #555555; } .whitePlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #ffffff; } .blue .black-box-text { background-color: #3973bf; color: #ffffff; } .bluePlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #3973bf; } .blue .black-box-text-title { color: #ffffff; } .highLight.blue .black-box-text:hover { background-color: #3162a3; } .brown .black-box-text { background-color: #92572f; color: #ffffff; } .brownPlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #92572f; } .brown .black-box-text-title { color: #ffffff; } .highLight.brown .black-box-text:hover { background-color: #7c4a28; } .red .black-box-text { background-color: #ef4023; color: #ffffff; } .redPlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #ef4023; } .red .black-box-text-title { color: #ffffff; } .highLight.red .black-box-text:hover { background-color: #ea0500; } .orange .black-box-text { background-color: #f7901e; color: #ffffff; } .orangePlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #f7901e; } .orange .black-box-text-title { color: #ffffff; } .highLight.orange .black-box-text:hover { background-color: #f57900; } .yellow .black-box-text { background-color: #e6ae21; color: #ffffff; } .yellowPlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #e6ae21; } .yellow .black-box-text-title { color: #ffffff; } .highLight.yellow .black-box-text:hover { background-color: #e19e00; } .grey .black-box-text { background-color: #667784; color: #ffffff; } .greyPlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #667784; } .grey .black-box-text-title { color: #ffffff; } .highLight.grey .black-box-text:hover { background-color: #455a6a; } .purple .black-box-text { background-color: #ab3582; color: #ffffff; } .purplePlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #ab3582; } .purple .black-box-text-title { color: #ffffff; } .highLight.purple .black-box-text:hover { background-color: #990a67; } .turquoise .black-box-text { background-color: #31ae94; color: #ffffff; } .turquoisePlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #31ae94; } .turquoise .black-box-text-title { color: #ffffff; } .highLight.turquoise .black-box-text:hover { background-color: #059d7d; } .darkgreen .black-box-text { background-color: #008771; color: #ffffff; } .darkgreenPlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #008771; } .darkgreen .black-box-text-title { color: #ffffff; } .highLight.darkgreen .black-box-text:hover { background-color: #006d53; } .green .black-box-text { background-color: #80ad3d; color: #ffffff; } .greenPlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #80ad3d; } .green .black-box-text-title { color: #ffffff; } .highLight.green .black-box-text:hover { background-color: #97c507; } .lightgreen .black-box-text { background-color: #abd037; color: #ffffff; } .lightgreenPlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #abd037; } .lightgreen .black-box-text-title { color: #ffffff; } .highLight.lightgreen .black-box-text:hover { background-color: #97c507; } .lightblue .black-box-text { background-color: #00b4e6; color: #ffffff; } .lightbluePlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #00b4e6; } .lightblue .black-box-text-title { color: #ffffff; } .highLight.lightblue .black-box-text:hover { background-color: #00a3e0; } .darkblue .black-box-text { background-color: #065ba0; color: #ffffff; } .darkbluePlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #065ba0; } .darkblue .black-box-text-title { color: #ffffff; } .highLight.darkblue .black-box-text:hover { background-color: #00388c; } .black-box .black-box-text .black-box-text-title { font-size: 17px; padding-bottom: 20px; margin: 0; display: block; width: 90%; display: block; margin: 0; width: 88%; } .black-box .black-box-text .black-box-text-title h2, .black-box .black-box-text .black-box-text-title h3, .black-box .black-box-text .black-box-text-title h4 { display: block; margin: 0; width: 88%; } .black-box.rollOver .black-box-text .black-box-title-arrow { background: 0 0; display: inline-block; position: absolute; color: #667784; top: 8px; right: 9px; font-weight: 700; font-size: 22px; } .black-box .black-box-text .black-box-title-arrow { background: 0 0; display: none; } .black-box .black-box-text p { color: inherit; padding-bottom: 5px; } .black-box .black-box-link-text { color: inherit; font-size: 15px; float: right; } .black-box .black-box-link-text .black-box-link-arrow { float: right; margin-left: 7px; margin-top: 3px; font-size: 15px; font-weight: 700; color: #667784; } .black-box .black-box-text .black-box-link-text .hide { display: none; } .landingColor .box .b.landing { background: transparent url(./landingColors.png) no-repeat; height: 6px; } .landingColor .box .t.landing { background: transparent url(./landingColors.png) no-repeat; height: 6px; background-position: 0 0; } .landingColor .box .b.landing { background-position: 0 -7px; } .landingColor .box .boxContent { background-color: #2d5c9d; padding: 10px; } .landingColor.brown .box .boxContent { background-color: #92572f; } .landingColor.grey .box .boxContent { background-color: #667784; } .landingColor.lightgreen .box .boxContent { background-color: #abd037; } .landingColor.darkblue .box .boxContent { background-color: #065ba0; } .landingColor.darkgreen .box .boxContent { background-color: #008771; } .landingColor.green .box .boxContent { background-color: #80ad3d; } .landingColor.lightblue .box .boxContent { background-color: #00b4e6; } .landingColor.orange .box .boxContent { background-color: #f7901e; } .landingColor.purple .box .boxContent { background-color: #ab3582; } .landingColor.red .box .boxContent { background-color: #ef4023; } .landingColor.turquoise .box .boxContent { background-color: #31ae94; } .landingColor.yellow .box .boxContent { background-color: #e6ae21; } .landingColor .box .container { padding-top: 4px; padding-bottom: 4px; } .landingColor .box .simple { padding: 0 !important; margin: 0 !important; } .landingColor .investorDetail h2 a { color: #ffffff !important; } .landingColor .investorDetail h2 a:hover, .landingColor .investorDetail h2 a:visited { color: #ffffff !important; } .landingColor .investorDetail p, .landingColor .investorDetail span { color: #ffffff !important; } .landingColor .Detail a img, .landingColor .Detail img { width: 366px; height: 249px; float: left; margin-right: 10px; } .landingColor .Detail .info { float: left; width: 176px; } .landingColor .Detail .info h2 { font-size: 20px; color: #ffffff; } .landingColor .Detail .border { width: 24px; float: left; margin: 5px 138px 18px 0; border-bottom: 5px solid #ffffff; } .quickLinkDetail .info { padding: 4px 10px; height: 100px; } .quickLinkDetail .info h2 { margin-bottom: 5px !important; } .quickLinkDetail .info .border { margin-right: 515px; } .quickLinkDetail .info p { float: left; color: #ffffff; height: 40px; overflow: hidden; } .quickLinkDetail .imageQuickLinks { padding-left: 4px; } .quickLinkDetail .imageQuickLinks a { background: transparent url(./quickLinks.png) no-repeat; width: 175px; margin-right: 3px; height: 141px; float: left; } .quickLinkDetail .imageQuickLinks a.image1 { background-position: 0 0; } .quickLinkDetail .imageQuickLinks a.image2 { background-position: -176px 0; } .quickLinkDetail .imageQuickLinks a.image3 { background-position: -352px 0; margin-right: 0; } .quickLinkDetail .imageQuickLinks a:hover.image1 { background-position: 0 -140px; } .quickLinkDetail .imageQuickLinks a:hover.image2 { background-position: -176px -140px; } .quickLinkDetail .imageQuickLinks a:hover.image3 { background-position: -352px -140px; } #landingCarousel .Detail { width: 100%; } #landingCarousel .Detail a img { width: 100%; max-height: 266px; } #landingCarousel .Detail .info { background-color: #667784; text-align: center; color: #ffffff; padding: 10px 30px 20px 30px; margin-top: -4px; min-height: 150px; } #landingCarousel.blue .Detail .info { background-color: #667784; } #landingCarousel.brown .Detail .info { background-color: #92572f; } #landingCarousel.grey .Detail .info { background-color: #667784; } #landingCarousel.lightgreen .Detail .info { background-color: #abd037; } #landingCarousel.darkblue .Detail .info { background-color: #065ba0; } #landingCarousel.darkgreen .Detail .info { background-color: #008771; } #landingCarousel.green .Detail .info { background-color: #80ad3d; } #landingCarousel.lightblue .Detail .info { background-color: #00b4e6; } #landingCarousel.orange .Detail .info { background-color: #f7901e; } #landingCarousel.purple .Detail .info { background-color: #ab3582; } #landingCarousel.red .Detail .info { background-color: #ef4023; } #landingCarousel.turquoise .Detail .info { background-color: #31ae94; } #landingCarousel.yellow .Detail .info { background-color: #e6ae21; } #landingCarousel .Detail .info a { font-size: 0.9em; color: #ffffff; font-weight: 400; } #landingCarousel .Detail .info p { font-size: 1.154em; } #landingCarousel a.next, #landingCarousel a.prev { z-index: 500; position: absolute; float: left; margin-top: 90px; height: 28px; width: 28px; background: transparent url(./arrowCarouselInvestor.png) no-repeat; cursor: pointer; text-indent: -9999px; } #landingCarousel a.next { right: 0; background-position: -29px 0; } #landingCarousel a.prev { background-position: 0 0; left: 0; } #landingCarousel a.next:hover { background-position: -87px 0; } #landingCarousel a.prev:hover { background-position: -58px 0; } #landingCarousel .pagination { width: 100%; text-align: center; cursor: pointer; padding-top: 10px; } #landingCarousel .pagination span { width: 8px; height: 8px; background-color: #ffffff; margin: 0 4px 0 10px; text-indent: -9999px; display: inline-block; } #landingCarousel .pagination span.cycle-pager-active { background-color: #42add9; } #landingCarousel a.next span, #landingCarousel a.prev span { display: none; } .featureStories { margin-bottom: 10px; } .featureStories .box .c .container { padding-left: 9px !important; } .featureStories .pacifico { font-size: 1.25em; font-weight: 400; font-style: normal; } .boxContent.featureStory { padding-top: 0 !important; } #nivoSlider { position: relative; overflow: hidden; } .storyTitle { position: absolute; height: 25px; min-width: 35px; background-color: #f8f6f1; padding: 5px 10px 0 9px; } .storyTitle .headTitle { font-size: 15px; text-align: center; display: block; } .nivo-directionNav a { display: block; height: 40px; width: 40px; position: absolute; margin-top: -265px; cursor: pointer; text-indent: -9999px; z-index: 500; } .nivo-directionNav .nivo-nextNav, .nivo-directionNav .nivo-prevNav { background: transparent url(./arrowsFeatureStory.png) no-repeat; } .nivo-directionNav .nivo-nextNav { background-position: -41px 0; right: 0; } .nivo-directionNav .nivo-prevNav { background-position: 0 0; left: 0; } .nivo-directionNav .nivo-nextNav:hover { background-position: -123px 0; } .nivo-directionNav .nivo-prevNav:hover { background-position: -82px 0; } .boxContent #nivoSlider a img { margin: 0; width: 960px; height: 540px; } .slide-item { z-index: 0 !important; position: relative; } .nivo-html-caption { width: 100%; height: 220px; bottom: 3px; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; } .nivo-html-caption .background { position: absolute; width: 100%; height: 100%; background-color: #000000; -moz-opacity: 0.4; filter: alpha(opacity=30); opacity: 0.4; } .nivo-html-caption h2 { position: absolute; color: #ffffff; text-decoration: none !important; text-align: center; width: 100%; font-size: 3.692em; font-weight: 400; top: 31px; } .nivo-html-caption h2 a { color: #ffffff; } .nivo-html-caption p a { position: absolute; color: #ffffff; font-size: 2em; text-decoration: none !important; width: 100%; text-align: center; top: 110px; } .nivo-controlNav { float: right; margin: -25px 14px 0 0; position: relative; padding-right: 10px; z-index: 500; } .nivo-controlNav span { float: left; width: 12px; height: 12px; margin-right: 7px; cursor: pointer; background-color: #ffffff; text-indent: -9999px; } .nivo-controlNav span.cycle-pager-active { background: #4f84ca; } .quickLinksRow { padding-bottom: 35px; float: left; margin-top: 5px; } .quickLinksRow ul { float: left; width: 188px; } .quickLinksRow ul.qlCatList { width: 100%; } .quickLinksRow ul li.qlCatTitle { font-weight: 700; list-style-image: none; left: 0; } .quickLinksRow ul.newLine li.qlCatTitle a, .quickLinksRow ul.quickLinksFrst li.qlCatTitle .group { padding-left: 0; } .quickLinksRow ul.newLine ul.qlCatList, .quickLinksRow ul.quickLinksFrst ul.qlCatList { padding-left: 0; border-left-style: none; } .quickLinksRow ul li.qlCatTitle .group { display: block; color: #555555; font-size: 1.077em; font-weight: 700; } .quickLinksRow ul li .group { padding-left: 10px; } .quickLinksRow ul ul { float: left; font-weight: 400; margin: 5px 0 5px 0; min-height: 92px; padding-left: 10px; } .quickLinksRow ul ul li a { padding-left: 0; color: #555555; } .quickLinksRow li a:hover { color: #22669d !important; text-decoration: underline; } .quickLinksRow ul ul li { list-style-image: none; left: 0; margin-bottom: 2px; } .quickLinksRow ul.newLine ul li a, .quickLinksRow ul.quickLinksFrst ul li a { color: #555555; } .quickLinksRow ul li.qlCatTitle span.qlHidden { visibility: hidden; } .quickLinksRow ul li.qlCatTitle span.qlHidden a { visibility: hidden; } .quickLinksRow ul li.qlCatTitle span.qlHidden a:hover { visibility: hidden; } ul.alphabetSelector { float: right; margin-right: 2px; } ul.alphabetSelector li { float: left; margin-right: 1px; } ul.alphabetSelector li.selected a span, ul.alphabetSelector li.selected a:hover span { text-decoration: none; background-color: #667784; padding-right: 5px; padding-left: 5px; float: left; font-weight: 700; } ul.alphabetSelector li.selected span { color: #ffffff; } ul.alphabetSelector li a:hover span { background: #f2f2f2; } ul.alphabetSelector li span { padding: 6px 3px 6px 4px; float: left; color: #c2c2c2; } ul.alphabetSelector li a span { color: #555555; } ul.alphabetSelector li a.notavailable { cursor: default; color: #a9a9a9; } #googleMap { width: 100%; height: 315px; border-bottom: 1px solid #dfe6ee; margin-bottom: 2px; } .accordeon .opener:hover h3 { color: #ffffff; } .accordeon .opener.open:hover h3 { color: #555555; } .accordeon .opener h3 { color: #555555; font-size: inherit; width: calc(100% - 14px); margin: 1em; } .expandingList .listTitles { padding-top: 1px; color: #666666; margin-bottom: 1px; width: 100%; } .alphabetSelector { width: 100%; margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .tabSelector { width: 100%; margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .tabSelector ul { float: right; margin-bottom: 2px; } .tabSelector ul li { float: left; } .tabSelector ul li a:hover { background: #f2f2f2; } .tabSelector ul li.selected a { text-decoration: none; background-color: #667784; float: left; margin-right: 2px; margin-left: 2px; } .tabSelector ul li.selected a:hover { text-decoration: none; background-color: #667784; float: left; margin-right: 2px; margin-left: 2px; } .tabSelector ul li.selected a span { color: #ffffff; border-right: none !important; margin-right: 2px; padding-right: 7px; font-weight: 700; padding-left: 11px; } .tabSelector ul li a span { padding-left: 6px; padding-right: 6px; margin-right: 1px; color: #555555; } .tabSelector ul li.last a span { border-right: 1px solid #ffffff; padding-right: 2px !important; } .tabSelector ul li a { padding: 5px 2px 5px 0; float: left; } .globalNetwork ul li.listTitles .centerName { margin-left: 10px; margin-top: 6px; float: left; } .globalNetwork ul li.listTitles .country { margin-left: 10px; margin-top: 6px; float: left; width: 27%; } .globalNetwork ul li.listTitles .centerName { width: 63%; } .globalNetwork .accordeon .opener h3 { width: 63%; } .globalNetwork .accordeon .opener span.country { display: inline-block; width: 27%; margin: 8px 10px 0 5px; padding-top: 0 !important; padding-bottom: 0 !important; color: #555555; } .globalNetwork .accordeon .opener:hover span.country { color: #ffffff; } .globalNetwork .accordeon .opener.open:hover span.country { color: #555555 !important; } .globalNetwork .details { padding: 10px; float: left; } .globalNetwork div.col1 { float: left; width: 65%; padding: 0 !important; } .globalNetwork div.col2 { float: right; width: 33%; padding: 0 !important; } .globalNetwork div.col2 span { padding-right: 10px; } .globalNetwork div.col2 img { width: 173px; height: 97px; } .mediaContact .general { padding: 10px; } .socialNetwork { clear: both; width: 100%; text-align: center; } .socialNetwork ul { width: 100%; display: block; height: 196px; } .socialNetwork .socialNetworkTitle { color: silver; font-weight: 700; font-size: 1.615em; padding: 30px 0 10px 0; display: block; } .socialNetwork li { display: inline-block; position: relative; cursor: default; margin: 0 5px; } .socialNetwork .icon { width: 92px; height: 196px; background-repeat: no-repeat; } .socialNetwork .hover { display: none; position: absolute; top: 0; left: 0; } .socialNetwork .text-content { display: none; position: absolute; width: 250px; left: -77px; top: 100px; font-size: 1.077em; line-height: 21px; color: #555555; } .stockquotes { float: right; width: 178px; } .stockquotes .title { color: #555555; font-size: 1.077em; font-weight: 700; } .stockquotes li { display: block; margin-left: 4px; margin-bottom: 20px; } .stockquotes li .stockPrice { padding: 1px 5px 2px 25px; background-position: 0 1px; background-repeat: no-repeat; } .stockquotes li .stockPrice.up { background-image: url(./iconArrowUpStock.png); } .stockquotes li .stockPrice.down { background-image: url(./iconArrowDownStock.png); } ul.boardDirectors li { float: left; list-style: none; width: 100%; } ul.boardDirectors li a img { height: 90px; width: 90px; float: left; border: none; padding-right: 10px; margin-bottom: 10px; } ul.boardDirectors li h2 { float: left; width: 80%; } ul.boardDirectors li h2.top { border-top: none; font-size: 13px; } ul.boardDirectors li h2 a { font-size: 13px; } ul.boardDirectors li span { float: left; padding: 0 0 10px 0; width: 80%; } ul.boardDirectors > li { border-top: 1px solid #63513d; padding-top: 10px; } ul.boardDirectors > li:first-child { padding-top: 0; border: none; } .mediaSearchContact .contentSearchContainer ul li .business, .mediaSearchContact .contentSearchContainer ul li .country { width: 50px; float: left; padding-top: 4px; margin-right: 10px; } .mediaSearchContact .contentSearchContainer ul li .mediasc-select { float: left; width: auto; margin: 0; } .mediaSearchContact .contentSearchContainer ul li select { font-size: 1.077em; width: 206px; height: 31px; line-height: 1; color: #555555; margin-left: 20px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; padding-left: 5px; outline: 0; float: left; } .mediaSearchContact .contentSearchContainer ul li div { width: 300px; float: left; margin-top: 10px; } .mediaSearchContact .contentSearchContainer ul li.a { padding-top: 6px; padding-bottom: 10px; } .mediaSearchContact ul.boardDirectors li { border-top: 1px solid #dee6ef; } .mediaSearchContact ul.boardDirectors li.top { border-top: none; } .mediaSearchContact ul.boardDirectors li h2 { border-top: none; width: 100%; background-color: #e6e6e6; height: 30px; } .mediaSearchContact ul.boardDirectors li h2 span { padding-left: 10px; padding-top: 5px; font-size: 14px; color: #555555; font-weight: 700; } #searchMediaContactList td img { margin-right: 10px; } .mediaSearchContact ul.boardDirectors li div { float: left; padding-top: 6px; } .mediaSearchContact #loading-anim { width: 100px; } .mediaSearchContact #btnSearchMediaContactRight { margin-right: 15px; } #homePressReleases, #mediaPressReleases { margin-bottom: 10px; width: 100%; } #homePressReleases h3, #mediaPressReleases h3 { margin-bottom: 0 !important; } #homePressReleases h3 a span, #mediaPressReleases h3 a span { font-size: 0.773em; float: left; padding: 7px 0 0 10px; } #homePressReleases .pager a.cmd span { height: 14px; cursor: pointer; width: 14px; float: right; background: transparent url(./v2_layout_design.png) no-repeat -244px -66px; position: absolute; z-index: 500; } #homePressReleases .pager a.cmd span.back { background-position: -258px -66px; margin: 3px 0 0 -16px; } #homePressReleases .pager a.cmd span.next { background-position: -244px -66px; right: 13px; margin-top: 3px; } #homePressReleases .pager li.item { border: none; padding: 0; } #homePressReleases .item .number { color: #555555; padding: 3px 5px; } #homePressReleases .item .number:hover { background-color: #f2f2f2; } #homePressReleases .item.selected .number { color: #ffffff; background-color: #667784; } #homePressReleases .viewAll { padding: 0; } #homePressReleases .viewAll a { color: #555555; padding: 3px 5px; } #pressReleasePagination { float: right; padding: 8px 26px 0 0; } #pressReleaseDetails { clear: both; padding: 4px 8px 9px 10px; } #pressReleaseDetails a:hover { text-decoration: none !important; } #pressReleaseDetails dl dd { margin: 5px 0; overflow: hidden; height: 20px; } #homePressReleases { background-color: #f2f2f2; } #homePressReleases.hover { background-position: -10px -203px; } #mediaPressReleases { background: transparent url(./layout-design.png) no-repeat -10px -162px; } #mediaPressReleases .pager li.item { display: none; } #mediaPressReleases.hover { background-position: -10px -244px; } #mediaPressReleases h3 a span { width: 21%; } #mediaPressReleases #pressReleaseDetails { width: 49%; } #mediaPressReleases #pressReleaseDetails dl dt { max-width: 30%; } #mediaPressReleases #pressReleaseDetails dl dd { width: 68%; } .pager li { float: left; } .pager li.item, .pager li.viewAll { padding: 2px 5px 0 5px; } .pager li.item { border-right: 1px solid #cccccc; } .pager li.viewAll { overflow: hidden; } .pager li.item.selected a { color: #a70000; } .pager a.cmd span { background: transparent url(./content-design2.png) no-repeat; float: left; width: 20px; height: 20px; } .pager a.cmd span.back { background-position: -11px -305px; } .pager a:hover.cmd span.back { background-position: -11px -335px; } .pager a.cmd span.next { background-position: -21px -99px; } .pager a:hover.cmd span.next { background-position: -21px -119px; } .jcarousel { float: right; overflow: hidden; } .jcarousel ul { width: 20000em; list-style: none; margin: 0; padding: 0; } .jcarousel-next:hover, .jcarousel-prev:hover { -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); } .history { height: 30px; } .historyList .jcarousel { width: 76%; height: 30px; margin: 0 12% 0 12%; } .historyList .jcarousel .slide-item { width: 70px !important; font-size: 11px; margin-top: 5px; } .historyList .jcarousel .slide-item span { width: 65px; height: 26px; text-align: center; padding-top: 4px; color: #555555; display: block; } .historyList .jcarousel .slide-item:hover span { background-color: #f2f2f2; } .history .jcarousel-next { height: 14px; cursor: pointer; width: 14px; float: right; background: transparent url(./v2_layout_design.png) no-repeat -244px -66px; position: absolute; z-index: 500; } .history .jcarousel-prev { height: 14px; cursor: pointer; width: 14px; float: right; background: transparent url(./v2_layout_design.png) no-repeat -244px -66px; position: absolute; z-index: 500; background-position: -258px -66px; margin: 9px 0 0 21px; } .history .jcarousel-next { background-position: -244px -66px; right: 21px; margin-top: 9px; } .historyList .hide { position: absolute; z-index: 500; width: 215px; margin-top: 30px; } .historyList .title { padding: 0 0 5px 0; font-size: 15px; color: #5899d0; } .historyList .grid-list .row .title { padding: 0; color: #3561a0; font-size: 1.231em; } .historyList .description { padding: 0 0 10px 0; display: block; } .historyList .box.popupBox.abstractHide { display: none; } .historyContent { margin: 5px 0 5px 0; float: left; width: 100%; } .historyContent p { padding-bottom: 14px !important; } .historyContent h4 { padding-bottom: 14px !important; margin-bottom: 0 !important; } .historyContent .grid-list .odd { background-color: #ffffff; } .historyContent .grid-list li { border-bottom: 1px solid #63513d; padding-bottom: 10px; margin-bottom: 10px; background-color: #ffffff; } .historyList .grid-list li:hover .title { color: #00388c; } .historyContent .grid-list .row .date { width: 14%; color: #666666; float: right; text-align: right; } .historyContent .grid-list a.addEvent { background-image: none; float: none; clear: both; width: 100%; padding: 5px 0; font-weight: 700; color: #006492; text-transform: uppercase; font-size: 0.846em; } .historyContent .grid-list a.addEvent .arrow { width: 14px; height: 14px; background: transparent url(./v2_layout_design.png) no-repeat -244px -80px; display: inline-block; vertical-align: bottom; margin-left: 2px; } .brandWidget .title { text-align: center; color: #666666; } .brandWidget .title span.title { font-size: 3.308em; } .brandWidget p.sub-title { font-size: 1.615em; text-align: center; color: #666666; } .brandCarousel { width: 100%; margin-top: 20px; } .brandCarousel .jcarousel-next { width: 15px; margin: 10px 4px 0 4px; height: 23px; cursor: pointer; background: transparent url(./brandcarouselArrows.png) no-repeat; } .brandCarousel .jcarousel-prev { width: 15px; margin: 10px 4px 0 4px; height: 23px; cursor: pointer; background: transparent url(./brandcarouselArrows.png) no-repeat; background-position: 0 -23px; margin-right: 18px; float: left; } .brandCarousel .jcarousel-next { background-position: -15px -23px; margin-left: 18px; float: right; } .brandCarousel .jcarousel li { float: left; margin: 0 7px; } .brandCarousel .jcarousel li a img { width: 80px; height: 45px; display: block; margin: 0; border: 0; } .layout-content-full .brandCarousel .jcarousel { width: auto !important; float: none !important; overflow: hidden; padding: 0 50px; } .layout-content-medium .brandCarousel .jcarousel { width: auto !important; float: none !important; overflow: hidden; margin-left: 42px; margin-right: 25px; } .layout-content-full .brandCarousel.title .jcarousel, .layout-content-large .brandCarousel.title .jcarousel { width: 74%; margin: 0 30px; } .brandCarousel.title .title { float: left; width: 16%; border-right: 1px solid #cccccc; display: block; margin-right: 5px; height: 45px; padding-left: 5px; } .brandCarousel.title .title span { padding-right: 6px; font-size: 13px; color: #3561a0; } .brandCarousel.title .jcarousel-prev { margin-right: 10px; } .brandCarousel.title .jcarousel-next { margin-left: 10px; } .brandCarousel .title { display: none; } .brandCarousel li.selected { -moz-opacity: 0.3 !important; opacity: 0.3 !important; filter: alpha(opacity=30) !important; } .brandCarouselDetail { height: 200px; position: relative; margin: 0 0 10px 0; } .brandCarouselDetail .cycle-slideshow { opacity: 1 !important; } .brandCarouselDetail .item { height: 200px; background-repeat: no-repeat; background-size: 100% 100%; } .brandCarouselDetail .item.selected { z-index: 1000; } .brandCarouselDetail .item .info { float: right; width: 180px; margin-right: 10px; position: relative; } .brandCarouselDetail .item .info h2 { font-size: 1.385em; } .brandCarouselDetail .item .info h2 a { display: block; padding: 10px 0; } .brandCarouselDetail .item .info a.more { padding-top: 10px; display: block; } .contentSearchContainer .area { float: left; } .contentSearchContainer .area .btn { padding-top: 4px; } .contentSearchContainer .area .btn li .btn-center { margin-left: 6px; } .mediaSearchContact .contentSearchContainer .area .btn li .btn-center { margin-left: 0; height: auto; padding: 6px 14px; float: left; margin-top: 2px; } .contentSearchContainer .navigation { padding-top: 4px; float: right; } .contentSearchContainer .area .btn li input { float: left; font-size: 1.077em; width: 242px; height: 33px; background: transparent url(./v2_layout_design.png) no-repeat 0 0; border: 0; border-radius: 0; -webkit-appearance: none; padding-left: 10px; } #newsAndFeaturesSearchButton span { float: left; display: block; width: 41px; height: 33px; background: transparent url(./v2_layout_design.png) no-repeat -242px 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .navigation .jcarousel { width: 200px; height: 26px; margin: 0 10%; } .container-event .navigation .jcarousel { width: 203px; height: 26px; margin: 0 10%; } #btnSearchPressRelease span.search { float: left; display: block; width: 41px; height: 33px; background: transparent url(./v2_layout_design.png) no-repeat -242px 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .navigation li { line-height: 26px; width: 40px !important; float: left; } .navigation li.last { border-right: 0; } .navigation li.selected { border: 0; } .navigation li a { display: block; padding-left: 6px; padding-right: 6px; outline: 0; color: #555555; } .contentSearchContainer .navigation li.selected a:hover { background-color: #667784; color: #ffffff; font-weight: 700; } .navigation li.selected a { background-color: #667784; color: #ffffff; font-weight: 700; } .navigation .jcarousel-next { margin-top: 6px; height: 14px; cursor: pointer; width: 14px; float: right; background: transparent url(./v2_layout_design.png) no-repeat -244px -66px; position: absolute; z-index: 500; } .navigation .jcarousel-prev { margin-top: 6px; height: 14px; cursor: pointer; width: 14px; float: right; background: transparent url(./v2_layout_design.png) no-repeat -244px -66px; position: absolute; z-index: 500; background-position: -258px -66px; margin-left: -20px; } .navigation .jcarousel-next { background-position: -244px -66px; right: 10px; } .navigation li a:hover { text-decoration: none !important; background: #f2f2f2; } .navigation li.selected a:hover { background: #667784; } .navigation .jcarousel-control-inactive, .navigation .jcarousel-next:hover, .navigation .jcarousel-prev:hover { -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); } #withdescription .list-title .descriptionHeader { width: 51.5%; } #withdescription .list-title .TitleHeader { margin-left: 16px; width: 27%; float: left; } #withdescription .row { border-top: 1px solid #ffffff; } #withdescription .row .title { padding-right: 10px; width: 26%; } #withdescription .row .description { width: 55%; margin-right: 5px; } #withdescription .row .date { width: 16%; } #withdescription .row a { border-top: none; width: 92%; padding-right: 0; } #withdescription .row a.addEvent { float: left; width: 3%; margin-top: 10px; } .brands-az .brands-az ul .grid-list .list-title span { margin-left: 16px; } .brands-az ul .grid-list .list-title .DateHeader, .brands-az ul .grid-list .list-title .title { float: left; } .brands-az ul .grid-list .list-title .TitleHeader { width: 35%; } .brands-az ul .grid-list .row .title { width: 35%; float: left; border-right: 1px solid #ffffff; } .brands-az ul .grid-list .row .description { width: 55%; float: left; padding-top: 0; } .grid-list .row .title img .brands-az ul li.listTitles { background: 0 0; } .RDNewsRoom .grid-list .row .dInfo { float: left; display: block; width: 66%; } .RDNewsRoom .image { width: 300px; } .RDNewsRoom .Detail .info h2 { padding-bottom: 10px; font-size: 1em; } .RDNewsRoom .Detail .info h2 a { color: #3561a0; font-size: 16px; } .RDInnovation .image { float: left; margin-bottom: 10px; border: none; margin-right: 10px; } .RDNewsRoom .image { float: left; margin-bottom: 10px; border: none; margin-right: 10px; } .RDNewsRoom .image a img { width: 300px; } .RDInnovation .image { width: 261px; } .documentsSearch .grid-list .list-title .TitleHeader { width: 74%; color: #666666; } .documentsSearch .grid-list .list-title .dateHeader { float: left; width: 9%; } .documentsSearch .grid-list .list-title .downloadHeader { float: left; width: 14%; } .documentsSearch .grid-list .row .title { width: 73%; padding: 0 10px 0 0; float: left; } .documentsSearch .grid-list .row .date { width: 10%; float: left; } .documentsSearch .grid-list .row .docType { width: 13%; background: url(./iconFilePDFRed.png) no-repeat 0 -15px; } .documentsSearch .grid-list .row .fileSize { padding-left: 20px; margin-bottom: 7px; } .documentSearchContainer #textPagination { border: none; margin-top: 10px; display: table; width: 100%; text-align: left; } .documentSearchContainer .pager .loadMore a { text-align: center; background: #667784; display: inline-block; padding: 10px 12px; font-weight: 800; color: #ffffff !important; margin: 15px 0; text-transform: uppercase; font-size: 1.154em; } .documentSearchContainer .pager .loadMore a:hover { text-decoration: none; } .documentSearchContainer .pager .loadMore a .arrowMore { display: none; } .Presentation #btnSearchButton span { float: left; display: block; width: 41px; height: 33px; background: transparent url(./v2_layout_design.png) no-repeat -242px 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .Presentation .contentIntroForm { float: left; margin: 20px 0; } .Presentation .grid-list .list-title .PresentationHeader { margin-left: 16px; width: 47%; float: left; } .Presentation .searchInfo { margin-top: 0; } .Presentation .grid-list .list-title .DateHeader { float: left; width: 23%; } .Presentation .grid-list .list-title .TypeHeader { float: left; } .Presentation .grid-list .row { display: block; border-top: 1px solid #ffffff; background-color: #ffffff; } .Presentation .grid-list .row .allType ul li { border-bottom: 0; padding-bottom: 0; margin-bottom: 10px; width: auto; float: left; margin-right: 20px; } .Presentation .grid-list .row span.externalLink { display: inline-block; margin-left: 5px; color: #555555; font-weight: 400; } .Presentation .grid-list .row span.arrowdown { width: 14px; height: 14px; background: transparent url(./v2_layout_design.png) no-repeat -244px -80px; display: inline-block; margin-left: 5px; vertical-align: -1px; } .Presentation .grid-list .row .Presentations .dInfo { float: left; padding: 10px 10px 10px 0; width: 70%; font-size: 1.231em; } .Presentation .grid-list .row .date { float: right; padding: 10px 0 0 10px; width: auto; } .Presentation .grid-list .row .allType { display: block; width: 66%; clear: both; } .Presentation .grid-list .row .type { width: auto !important; padding: 0; background-image: none; text-transform: uppercase; font-size: 0.846em; font-weight: 700; color: #006492; } .Presentation .grid-list ul li a { float: left; width: 80px !important; padding: 2px 3px; border: none !important; background-color: transparent; } .Presentation .Audio { background-image: url(./iconFileTypeAudio.png); } .Presentation .Video { background-image: url(./iconFileTypeVideo.png); } .Presentation .Transcript { background-image: url(./iconFileTypeTranscript.png); } .Presentation .Presentation { background-image: url(./iconFileTypePresentation.png); } .RDNewsRoom .grid-list .odd { background-color: #ffffff; } .generalBlockListing .grid-list li.row { border-bottom: 1px solid #63513d; padding-bottom: 10px; margin-bottom: 10px; } .NewsAndFeatures .generalBlockListing ul.grid-list > li:first-child, .Presentation .generalBlockListing ul.grid-list > li:first-child { border-bottom: none; } .CaseStudyLookup .contentSearchContainer { margin-top: 30px; } .CaseStudyLookup .grid-list .row a { padding: 0; } .CaseStudyLookup .grid-list .row img { display: block; float: left; margin: 0; width: 85px; height: 45px; padding-right: 10px; margin-top: 4px; } .CaseStudyLookup .grid-list .row .dInfo { display: block; color: #555555; } .CaseStudyLookup .grid-list .row .dTitle { display: block; color: #555555; font-weight: 700; color: #006492; } .CaseStudyLookup .grid-list .row:hover .dTitle { color: #00336a; } .CaseStudyLookup .grid-list .row .dCountry { float: right; color: #555555; } .VideosLibrary .contentSearchContainer .area .btn li .btn-center { background-color: transparent; } .VideosLibrary .contentSearchContainer .area .btn li .btn-center .search { float: left; display: block; width: 41px; height: 33px; background: transparent url(./v2_layout_design.png) no-repeat -242px 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .VideosLibrary .searchInfo { margin: 10px 0; } .VideosLibrary .contentIntroForm { float: left; width: 100%; margin: 10px 0; } .VideosLibrary .contentIntroForm .csv-select:last-child { margin-right: 0; float: right; } .VideosLibrary .grid-list .row { margin-bottom: 10px; width: 273px; border-bottom: none; } .VideosLibrary .grid-list .row a { padding: 0; border-top: none; } .VideosLibrary .grid-list .row a:hover { background-color: transparent; } .VideosLibrary .grid-list .row img { width: 271px; height: 152px; border: 1px solid #ffffff; } .VideosLibrary .grid-list .row .mlTitle { padding-bottom: 5px; padding-top: 5px; } .VideosLibrary .grid-list .row a:hover .mlTitle { text-decoration: underline; } .VideosLibrary .grid-list .row .mlDate, .VideosLibrary .grid-list .row .mlInfo { width: 100%; } .contentIntroForm { width: 100%; margin-bottom: 7px; } .contentIntroForm .left h3 { background: url(./bgTitleBeigeFade.png) 0 0 repeat-x; } .contentIntroForm .grey h3 { background: url(./bgTitleGreyFade.png) 0 0 repeat-x !important; } .contentIntroForm .blue h3, .contentIntroForm .right h3 { background: url(./bgTitleLightBlueFade.png) 0 0 repeat-x; } .contentIntroForm h3 { font-size: 13px; margin-bottom: 1px; padding: 5px 5px 5px 10px; font-weight: 700; color: #666666; } .contentIntroForm ul { padding: 5px 0 0 10px; } .contentIntroForm ul li { margin-bottom: 5px; } .contentIntroForm ul li label { cursor: pointer; } .contentIntroForm ul li input { margin-right: 5px; } .contentIntroForm div.left { width: 64%; } .contentIntroForm div.right { width: 35%; } .contentIntroForm .left .container-news, .contentIntroForm .right .container-news { float: left; width: 100%; padding: 0; min-height: 195px; } .contentIntroForm .left .container-news { background-color: #f2f2f2; } .contentIntroForm .right .container-news { background-color: #eaf1f9; } .contentIntroForm .beige .container-news, .contentIntroForm .grey .container-news { background-color: #f2f2f2; min-height: 215px; } .contentIntroForm .blue .container-news { background-color: #eaf1f9; min-height: 215px; } .Presentation .contentIntroForm .left ul li label, .documentsSearch .contentIntroForm .left ul li label { cursor: pointer; width: 125px; float: left; } .Presentation .contentIntroForm fieldset ul li input, .documentsSearch .contentIntroForm fieldset ul li input { float: left; margin-top: 2px; } .Presentation .contentIntroForm .left ul li { float: left; padding-left: 5px; width: 155px; min-height: 35px; padding-right: 5px; margin-bottom: 0; } .documentsSearch .contentIntroForm .left ul li { float: left; padding-left: 5px; width: 155px; min-height: 35px; padding-right: 5px; margin-bottom: 0; } .documentsSearch .contentIntroForm .container-news { min-height: 230px; } .documentsSearch .generalBlockListing .TitleHeader { color: #666666; } .Presentation .contentIntroForm fieldset li label.type { background-repeat: no-repeat; padding: 0 0 5px 10px; background-position: 0 -21px; } .Presentation .contentIntroForm fieldset li label:hover { background-position: 0 0; } .Presentation .contentIntroForm fieldset li label.type span { margin-left: 15px; } .Presentation .contentIntroForm .right ul li { min-height: 25px; } .CaseStudyLookup .contentIntroForm div.left, .VideosLibrary .contentIntroForm div.left { width: 179px; margin-right: 6px; } .CaseStudyLookup .contentIntroForm div.right, .VideosLibrary .contentIntroForm div.right { width: 180px; } .CaseStudyLookup .contentIntroForm ul li, .VideosLibrary .contentIntroForm ul li { float: left; } .CaseStudyLookup .contentIntroForm ul li input, .VideosLibrary .contentIntroForm ul li input { float: left; margin-top: 2px; } .CaseStudyLookup .contentIntroForm ul li label { width: 140px; float: left; } .VideosLibrary .contentIntroForm ul li label { width: 140px; float: left; } .VideosLibrary .contentSearchContainer .searchInfo .block { display: block; } .contentIntroForm .csv-select select, .contentIntroForm .nfeat-select select, .contentIntroForm .pres-select select { font-size: 1.077em; width: 186px; height: 31px; color: #555555; line-height: 1; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; padding-left: 5px; outline: 0; float: right; } .contentIntroForm .csv-select, .contentIntroForm .nfeat-select, .contentIntroForm .pres-select { float: left; margin-right: 7px; } .CaseStudyLookup .contentIntroForm .csv-select:last-child { margin-right: 0; float: right; } .CaseStudyLookup .generalBlockListing .TitleHeader { color: #666666; } .contentSearchContainer input { float: left; font-size: 1.077em; width: 242px; height: 33px; background: transparent url(./v2_layout_design.png) no-repeat 0 0; border: 0; border-radius: 0; -webkit-appearance: none; padding-left: 10px; } #btnSearchCaseStudies span { float: left; display: block; width: 41px; height: 33px; background: transparent url(./v2_layout_design.png) no-repeat -242px 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .searchInfo { margin: 20px 0 10px 0; float: left; } .searchInfo span { margin-right: 3px; } .searchInfo .results { font-size: 1.308em; } .searchInfo .pager-bar p { padding-bottom: 0 !important; } .pageListings .grid-list li { border-bottom: 1px solid #63513d; padding-bottom: 10px; margin-bottom: 10px; background-color: #ffffff; } .pageListings .grid-list li:first-child { border-top: 1px solid #63513d; margin-top: 20px; padding-top: 10px; } .pageListings .grid-list li.list-title:first-child { border-top: none; } .pageListings .grid-list .row .title { float: left; width: 70%; padding: 0; } .pageListings .grid-list .row .date { width: auto; float: right; } .NewsAndFeatures .searchInfo { width: 100%; } .NewsAndFeatures .generalBlockListing .TitleHeader { color: #666666; } .NewsAndFeatures .grid-list .odd { background-color: #ffffff; } .NewsAndFeatures .dInfo { float: left; width: 60%; } .NewsAndFeatures .grid-list .row .date { float: right; } .aggAll a { padding-left: 12px !important; } .aggYearNavigation { float: right; } .aggYearCarousel { width: 50%; margin-top: 3px; } .highlightSearchTerm { font-weight: 700; } .mediaSearchContainer .borderSearch { width: 100%; float: left; border-top: 1px solid #dee6ef; padding-top: 10px; margin-bottom: 10px; } .mediaSearchContainer .searchInfoBorder { width: 99.5%; float: left; font-size: 1.308em; margin: 10px 0 0 0; } .mediaSearchContainer .checkBoxMedia { padding: 10px 0 5px 0; width: 100%; float: left; } .mediaSearchContainer #faqSearchSection input { float: left; font-size: 1.077em; width: 220px; height: 33px; background: transparent url(./v2_layout_design.png) no-repeat 0 0; border: 0; border-radius: 0; -webkit-appearance: none; padding-left: 10px; padding-right: 0; margin: 0; } .mediaSearchContainer #faqSearchSection span.btn-center { float: left; display: block; width: 41px; height: 33px; background: transparent url(./v2_layout_design.png) no-repeat -242px 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } .checkBoxMedia ul li { float: left; width: 183px; list-style: none; margin-bottom: 5px; } .checkBoxMedia ul li .fTextMedia { padding-left: 10px; } .checkBoxMedia ul li label { padding-left: 5px; } .mediaSearchContainer .results { float: left; padding-top: 1px; width: 100%; } .mediaSearchContainer .grid-list .srIcons { width: 20px; padding: 20px; float: left; display: none; } .mediaSearchContainer .grid-list .srDetails { width: 68%; border-right: none !important; } .mediaSearchContainer .grid-list .srDetails .srTypeIcon { display: block; padding: 0 0 5px 0; width: 100%; } .mediaSearchContainer .grid-list .srDate { width: 14%; padding: 10px; color: #666666; float: right; } .mediaSearchContainer #textPagination { border: none; margin-top: 10px; display: table; width: 100%; text-align: left; } .mediaSearchContainer .pager .loadMore a { text-align: center; background: #667784; display: inline-block; padding: 10px 12px; font-weight: 800; color: #ffffff !important; margin: 15px 0; text-transform: uppercase; font-size: 1.154em; } .mediaSearchContainer .pager .loadMore a:hover { text-decoration: none; background: #4a5d6c; } .mediaSearchContainer .pager .loadMore a .textMore { text-align: center; } .mediaSearchContainer .pager .loadMore a .arrowMore { background: transparent url(./iconMedia.png) 0 -18px no-repeat; width: 25px; height: 17px; display: inline-block; text-align: center; margin-top: 10px; } .checkBoxMedia .fTextMedia { float: left; } .checkBoxMedia .fTextMedia input { float: left; margin-right: 10px; } .checkBoxMedia .fTextMedia .icons { width: 19px; height: 18px; float: left; display: none; } .checkBoxMedia .fTextMedia .icons.press { background: transparent url(./mg-press-release-b-icon.png) no-repeat; background-size: 18px 18px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/skin-engine-shared/NCorp/css/../images/mg-press-release-b-icon.png",sizingMethod="scale"); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/skin-engine-shared/NCorp/css/../images/mg-press-release-b-icon.png', sizingMethod='scale')"; } .checkBoxMedia .fTextMedia .icons.news { background: transparent url(./mg-news-features-b-icon.png) no-repeat; background-size: 18px 18px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/skin-engine-shared/NCorp/css/../images/mg-news-features-b-icon.png",sizingMethod="scale"); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/skin-engine-shared/NCorp/css/../images/mg-news-features-b-icon.png', sizingMethod='scale')"; } .checkBoxMedia .fTextMedia .icons.stats { background: transparent url(./mg-statements-b-icon.png) no-repeat; background-size: 18px 18px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/skin-engine-shared/NCorp/css/../images/mg-statements-b-icon.png",sizingMethod="scale"); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/skin-engine-shared/NCorp/css/../images/mg-statements-b-icon.png', sizingMethod='scale')"; } .checkBoxMedia .fTextMedia .icons.other { background: transparent url(./mg-others-b-icon.png) no-repeat; background-size: 18px 18px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/skin-engine-shared/NCorp/css/../images/mg-others-b-icon.png",sizingMethod="scale"); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/skin-engine-shared/NCorp/css/../images/mg-others-b-icon.png', sizingMethod='scale')"; } #allCheckbox, #newsandfeaturesCheckbox, #otherCheckbox, #pressreleasesCheckbox, #statementsCheckbox { margin-top: 2px; } .checkBoxMedia .fTextMedia .icons.present { background-position: -81px 0; } .mediaSearchContainer .grid-list .srTypeIcon { width: 42px; height: 42px; display: none; } .mediaAggregatorResults .grid-list .alternate a, .mediaAggregatorResults .grid-list a { background-color: #ffffff; } .results .grid-list .srDetails .srTitle { font-weight: 700; width: 100%; } .searchResults .pager-bar { font-size: 1.308em; } .mediaAggregatorResults .grid-list .srDetails .srTitle, .searchResults .results .grid-list .srDetails .srTitle { font-size: 1.231em; width: auto; margin-bottom: 5px; display: block; font-weight: 400; } .results .grid-list .srDetails .srOverview { padding: 0 0 5px 0; width: 100%; color: #555555; display: block; } .results .grid-list .srDetails .srCrumbs { color: #666666; width: 100%; line-height: 21px; font-size: 12px; } .results .grid-list .srDetails .srCrumbsGlobalSearchUrl { color: #666666; width: 100%; word-wrap: break-word; font-size: 12px; } .results .grid-list li a { padding: 0; } .results .grid-list .srDetails { border-right: 1px solid #ffffff; padding: 0 10px 10px 0; float: left; } .results .grid-list .srPercentage { float: right; text-align: center; color: #666666; } #UlBestLink { display: none; } .bestlinklabel { color: #666666; float: left; } .srPercentage .resultPercentage { padding: 0 2px 10px 0; background: 0 0 !important; width: 35px; } .srPercentage .resultPercentage.rp100 { background-image: url(.earchPercentage100.png); } .srPercentage .resultPercentage.rp75 { background-image: url(.earchPercentage75.png); } .srPercentage .resultPercentage.rp50 { background-image: url(.earchPercentage50.png); } .srPercentage .resultPercentage.rp25 { background-image: url(.earchPercentage25.png); } .searchResults .grid-list .srDetails { width: 86%; } #textPagination { border-top: 1px solid #dee6ef; border-bottom: 1px solid #dee6ef; text-align: right; padding: 5px 0 5px 0; } #suggestion a { text-decoration: underline; font-style: italic; font-weight: 700; } .newsAndFeaturesRHM { margin: 0 0; } .newsAndFeaturesRHM .box .container { padding-top: 0; } .newsAndFeaturesRHM li { padding-top: 10px; margin-bottom: 10px; width: 100%; } .newsAndFeaturesRHM li:first-child { padding-top: 0; } .newsAndFeaturesRHM li.last { border-bottom: none; } .newsAndFeaturesRHM li .date { display: block; } .newsAndFeaturesRHM .text-wrapper { padding: 0 10px; } .newsAndFeaturesRHM a img { border: none; width: 100%; margin-bottom: 10px; } .newsAndFeaturesRHM .linkNews { line-height: 1.615em; } .relatedDocument .item { margin-top: 10px; float: left; display: inline-block; } .relatedDocument .icon { float: left; width: 15px; height: 15px; left: 0; background: url(./iconFilePDFRed.png) no-repeat 0 -15px; display: block; } .relatedDocument .docTitle { display: block; padding-left: 20px; } .relatedDocument .fileSize { color: #666666; } .relatedLinks { float: left; padding: 0 10px 0 10px; } .relatedLinks ul li { background: url(./iconBulletSquareBlue.png) 0 7px no-repeat; margin-bottom: 7px; padding-left: 15px; } .productInfoHalf .container { padding: 0 !important; } .productInfoHalf .container select { width: 192px; font-size: 1.077em; outline: 0; height: 31px; line-height: 1; background: 0 0; border: 0; border-radius: 0; -webkit-appearance: none; padding-left: 5px; color: #555555; } .productInfoHalf .container span { width: 164px; height: 31px; overflow: hidden; background: transparent url(./v2_layout_design.png) no-repeat 100% -177px; float: left; border: 1px solid #e5e5e5; } .standardBoxHtml { display: block; margin: 0 auto 0 auto; border: 0; height: 100%; padding-bottom: 10px; } .boxContent .standardBoxHtml p { padding: 0.5em 0 14px 0; } .standardBoxHtml img, .fw-img img { display: block; width: 100%; margin: 0 auto; } .standardBoxHtml ul, .fw-img ul { margin-bottom: 14px; margin-right: 10px; line-height: 17px; padding: 0 10px; } .standardBoxHtml ul li, .fw-img ul li { left: 12px; position: relative; padding-top: 10px; } #divPrizeNominationForm .nominationTableContainer { table-layout: fixed; } #divPrizeNominationForm .nominationTableContainer .tableLayout { width: 100%; table-layout: fixed; background-color: #f2f2f2; } #divPrizeNominationForm .nominationTableContainer .tableLayout p { padding: 0 10px; } #divPrizeNominationForm .nominationTableContainer .ProjBudgetEstiExp, #divPrizeNominationForm .nominationTableContainer .ProjBudgetSourcesFund { width: 180px; } #divPrizeNominationForm .nominationTableContainer .boldheadings { font-weight: 700; vertical-align: top; padding-left: 10px; } #divPrizeNominationForm .nominationTableContainer .boldheadings label { vertical-align: middle; } #divPrizeNominationForm .nominationTableContainer .projInnovation { padding-left: 8px; } #divPrizeNominationForm .nominationTableContainer .specificHeight { height: 7px; } #divPrizeNominationForm .nominationTableContainer .specificHeighterror { height: 20px; } #divPrizeNominationForm .nominationTableContainer .listTitles { padding: 7px 0 8px 0; border-top: 0; font-size: 1.846em; background-color: #ffffff; } #divPrizeNominationForm .tbxError { font-style: italic; text-align: left; color: red; padding-left: 5px !important; } #divPrizeNominationForm .nominationTableContainer .qq-upload-list { margin: 0; padding: 0; list-style: none; height: 100% !important; } #divPrizeNominationForm .nominationTableContainer input[type="password"], #divPrizeNominationForm .nominationTableContainer input[type="text"] { margin: 0 10px 0 3px; width: 270px; height: 31px; float: right; color: #999999; padding-left: 10px; background-color: #ffffff; font-size: 1.077em; border: 1px solid #e5e5e5; } #divPrizeNominationForm .nominationTableContainer textarea { width: 100%; } #divPrizeNominationForm .nominationTableContainer .ftxtPrDesc { margin-left: -11px; padding-right: 17px; } #divPrizeNominationForm .nominationTableContainer .ChkAgree { padding-right: 10px; display: block; } #divPrizeNominationForm .nominationTableContainer .ta_fullsize { margin: 0 15px 0 10px; } #divPrizeNominationForm .nominationTableContainer #submitContainer { margin-top: 12px; } #divPrizeNominationForm .nominationTableContainer .qq-upload-button { background: transparent url(./contactUsDesign.png) no-repeat 10px -16px; } #divPrizeNominationForm .csvn-select select { font-size: 1.077em; width: 282px; height: 31px; line-height: 1; float: right; margin-right: 10px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; padding-left: 5px; outline: 0; } #divPrizeNominationForm .tableLayout #otherQuestion { display: none; } #divPrizeNominationForm .nominationTableContainer .PrBudExp, #divPrizeNominationForm .nominationTableContainer .PrBudFund { text-align: right !important; width: 90px !important; float: right; } #divPrizeNominationForm .nominationTableContainer .listContentSpan { left: 12px; margin: 0 10px 10px 0; list-style-position: outside; list-style-image: url(./iconBulletSquareBlue.png); position: relative; } #divPrizeNominationForm .nominationTableContainer .tbxAuthFailedError { font-style: normal; font-weight: 700; text-align: left; color: red; } #divPrizeNominationForm .nominationTableContainer .tbxAuthFailedNoError { display: none; } #divPrizeNominationForm .nominationRequiredLabel { color: red !important; vertical-align: middle; } .nominationRequiredLabelNone { display: none !important; } #divPrizeNominationForm .nominationTableContainer .ProjBudgetEstiExp input, #divPrizeNominationForm .nominationTableContainer .ProjBudgetSourcesFund input { padding-right: 1px; } .nestle-contact-us { width: 100%; } .nestle-contact-us .ncorp-contact-content fieldset:first-of-type { border-bottom-right-radius: 0; } .nestle-contact-us .ncorp-contact-content fieldset:last-of-type { border-top-right-radius: 0; } .nestle-contact-us .ncorp-contact-content a.help { width: 20px; height: 16px; } .nestle-contact-us .ncorp-contact-content a.help .green-circle { margin-left: 3px; margin-top: 2px; width: 12px; height: 12px; background: #00b289; border-radius: 15px; color: #ffffff; font-weight: 700; padding: 0.5em 0.4em 0.5em 0.6em; display: inline-block; line-height: 0.7em; } .nestle-contact-us .ncorp-contact-content .reasonText { background: rgba(255, 255, 255, 0.5); font-size: 0.9em; padding: 2em; margin: 1.5em 0; } .nestle-contact-us .ncorp-contact-content #countrycode { width: 19%; margin-right: 1%; } .nestle-contact-us .ncorp-contact-content #phoneNumber { width: 80%; } .nestle-contact-us .ncorp-contact-content #batchCode, .nestle-contact-us .ncorp-contact-content #productCode { width: calc(100% - 33px); } @media only screen and (max-width: 45em) { .nestle-contact-us .ncorp-contact-content #batchCode, .nestle-contact-us .ncorp-contact-content #productCode { width: calc(100% - 33px); } } #scrollerWrapper { position: relative; display: block; } .flickrindex { display: none; font-weight: 700; font-size: 14px; color: #524f4b; margin-top: 10px; display: block; text-align: center; } .flickrcaptionTitle { color: #555555; margin: 10px 0; text-align: left; font-size: 1.692em; } .flickrcaptionDescription { color: #555555; text-align: left; line-height: 1.615em; } .flickrTable { border-collapse: collapse; } #flickerContainer .prevNextNav { width: 20px; } .flickr { background-color: #dfdfdf; } .flickr #owl-flickr-big img { width: 100%; display: block; margin: 0 auto; } .flickr #owl-flickr-big .owl-controls .owl-buttons .owl-next { display: block; height: 70px; width: 61px; position: absolute; top: 0; cursor: pointer; text-indent: -9999px; background: transparent url(./v2_layout_design.png) no-repeat -61px -66px; right: 0; } .flickr #owl-flickr-big .owl-controls .owl-buttons .owl-next:hover { background-position: -183px -66px; } .flickr #owl-flickr-big .owl-controls .owl-buttons .next-disabled { display: block; height: 70px; width: 61px; position: absolute; top: 0; cursor: pointer; text-indent: -9999px; background: transparent url(./v2_layout_design.png) no-repeat -61px -66px; right: 0; opacity: 0.4; filter: alpha(opacity=40); } .flickr #owl-flickr-big .owl-controls .owl-buttons .owl-prev { display: block; height: 70px; width: 61px; position: absolute; top: 0; cursor: pointer; text-indent: -9999px; background: transparent url(./v2_layout_design.png) no-repeat 0 -66px; left: 0; } .flickr #owl-flickr-big .owl-controls .owl-buttons .owl-prev:hover { background-position: -122px -66px; } .flickr #owl-flickr-big .owl-controls .owl-buttons .prev-disabled { display: block; height: 70px; width: 61px; position: absolute; top: 0; cursor: pointer; text-indent: -9999px; background: transparent url(./v2_layout_design.png) no-repeat 0 -66px; left: 0; opacity: 0.4; filter: alpha(opacity=40); } .flickr .carousel-wrapper { position: relative; } .flickr .carousel-wrapper .owl-buttons .owl-next { width: 25px; height: 41px; cursor: pointer; position: absolute; background: transparent url(./v2_layout_design.png) no-repeat -25px -136px; top: 28px; right: 10px; text-indent: -9999px; } .flickr .carousel-wrapper .owl-buttons .next-disabled, .flickr .carousel-wrapper .owl-buttons .owl-next:hover { width: 25px; height: 41px; cursor: pointer; position: absolute; background: transparent url(./v2_layout_design.png) no-repeat -25px -136px; top: 28px; right: 10px; text-indent: -9999px; opacity: 0.4; filter: alpha(opacity=40); } .flickr .carousel-wrapper .owl-buttons .owl-prev { width: 25px; height: 41px; cursor: pointer; position: absolute; top: 28px; left: 10px; background: transparent url(./v2_layout_design.png) no-repeat 0 -136px; text-indent: -9999px; } .flickr .carousel-wrapper .owl-buttons .owl-prev:hover { width: 25px; height: 41px; cursor: pointer; position: absolute; top: 28px; background: transparent url(./v2_layout_design.png) no-repeat 0 -136px; text-indent: -9999px; opacity: 0.4; filter: alpha(opacity=40); } .flickr .carousel-wrapper .owl-buttons .prev-disabled { width: 25px; height: 41px; cursor: pointer; position: absolute; top: 28px; background: transparent url(./v2_layout_design.png) no-repeat 0 -136px; text-indent: -9999px; opacity: 0.4; filter: alpha(opacity=40); } #owl-flickr-big .item { margin-bottom: 20px; } #owl-flickr-big .item h3 { display: block; font-size: 18px; margin-bottom: 10px; } #owl-flickr-big .item .text-wrapper { margin: 60px 20px 0 20px; } #owl-flickr-big .owl-controls .owl-pagination { background-color: #524f4b; padding: 13px 20px 10px 20px; position: absolute; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #owl-flickr-big .owl-controls .owl-pagination .owl-page { width: 10px; height: 10px; display: inline-block; background-color: transparent; margin-right: 7px; text-indent: -9999px; border-radius: 20px; border: 2px solid #ffffff; } #owl-flickr-big .owl-controls .owl-pagination .owl-page.active { background: #ffffff; border: 2px solid #ffffff; } .flickr #owl-flickr-thumbs { padding: 0 40px; width: inherit; } #owl-flickr-thumbs .prevNextNav .nextNav a { height: 23px; width: 15px; margin: 0; background: url(./brandcarouselArrows.png) no-repeat; } #owl-flickr-thumbs .prevNextNav .prevNav a { height: 23px; width: 15px; margin: 0; background: url(./brandcarouselArrows.png) no-repeat; float: left; background-position: 0 -23px; } #owl-flickr-thumbs .prevNextNav .nextNav a { float: right; background-position: -15px -23px; } #owl-flickr-thumbs .prevNextNav .prevNav a:hover { background-position: 0 0; } #owl-flickr-thumbs .prevNextNav .nextNav a:hover { background-position: -15px 0; } #owl-flickr-thumbs .prevNextNav .nextNav .navDirectionName { display: none; } #owl-flickr-thumbs .prevNextNav .prevNav .navDirectionName { display: none; } #owl-flickr-thumbs .prevNextNav .disabled a, #owl-flickr-thumbs .prevNextNav .leftdisabled a { background-position: 0 0; cursor: default; } #owl-flickr-thumbs .prevNextNav .rightdisabled a { background-position: -15px 0; cursor: default; } #owl-flickr-thumbs .prevNextNav .hidden { background-image: none; } #owl-flickr-thumbs .prevNextNav .hidden a { background-image: none; cursor: default; } .prevNextNav .hidden a:hover { background-image: none; cursor: default; } #owl-flickr-thumbs .item { margin: 10px; text-align: center; } #owl-flickr-thumbs a img { border: 3px solid #667784 !important; opacity: 0.4; filter: alpha(opacity=40); } #owl-flickr-thumbs a img:hover { opacity: 1; filter: alpha(opacity=100); } #owl-flickr-thumbs .selected a img { opacity: 1; filter: alpha(opacity=100); } .greyborder { display: block; overflow: hidden; border-bottom: 1px dotted #cccccc; border-top: 1px dotted #cccccc; margin-left: 20px; margin-right: 22px; } .flickrarticle { position: relative; } .flickrarticle .flickrfigure { display: block; vertical-align: middle; padding-bottom: 5px; } .flickrnivo-directionNav .nivo-nextNav, .flickrnivo-directionNav .nivo-prevNav { position: absolute; cursor: pointer; text-indent: -9999px; height: 40px; width: 40px; background: transparent url(./arrowsFeatureStory.png) no-repeat; margin-top: -25px; } .flickrnivo-directionNav .nivo-nextNav { background-position: -41px 0; right: 43px; } .flickrnivo-directionNav .nivo-prevNav { background-position: 0 0; left: 43px; } .flickrnivo-directionNav .nivo-nextNav:hover { background-position: -123px 0; } .flickrnivo-directionNav .nivo-prevNav:hover { background-position: -82px 0; } .flickrnivo-directionNav .nivo-nextNavdisabled, .flickrnivo-directionNav .nivo-prevNavdisabled { position: absolute; cursor: pointer; text-indent: -9999px; height: 40px; width: 40px; background: transparent url(./arrowsFeatureStory.png) no-repeat; opacity: 0.4; filter: alpha(opacity=40); margin-top: -25px; } .flickrnivo-directionNav .nivo-nextNavdisabled { background-position: -41px 0; right: 43px; } .flickrnivo-directionNav .nivo-prevNavdisabled { background-position: 0 0; left: 43px; } .flickrnivo-directionNav .nivo-nextNavdisabled:hover, .flickrnivo-directionNav .nivo-prevNavdisabled:hover { cursor: default; } .gallery .carousel #flickerUl li { padding: 0 15px 0 0 !important; border-right: 0 !important; } .gallery .carousel li img { opacity: 0.4; filter: alpha(opacity=40); } .gallery .carousel li img:hover { opacity: 0.7; filter: alpha(opacity=70); } .gallery .carousel .current img { border-color: #ffffff !important; opacity: 1; filter: alpha(opacity=100); } .gallery .gio { margin-top: 10px; margin-bottom: 10px; } .gallery .carousel-navigation { float: left; } .gallery .carousel-navigation .next, .gallery .carousel-navigation .prev { float: left; } .gallery .gio { float: left; } .gallery .carousel-navigation { overflow: hidden; margin: 13px 0 0 0; display: none; width: 30px; } .gallery .carousel-navigation .next, .gallery .carousel-navigation .prev { height: 35px; } .gallery .carousel-navigation .next:hover, .gallery .carousel-navigation .prev:hover { opacity: 0.7; } .gallery .carousel-navigation .disabled { opacity: 0.2; } .gallery .carousel-navigation .next { float: right; } #related { position: relative; z-index: 50; } .hide-on-popup { position: relative; z-index: 1; } #historylink { display: none; } #mask { left: 0; top: 0; z-index: 9000; } #boxes .window { left: 0; top: 0; display: none; z-index: 9999; } #boxes .window .closeBox { float: right; } #boxes #dialog { background-color: #ffffff; } #settings #apiKey, #settings #userId, #settings #perPage, #settings #photoSetId { display: none; } .popupBox { position: relative; z-index: 1000; } .subColBoxContent .fCheckRadioListing ul li { float: left; margin-bottom: 10px; } .subColBoxContent .fCheckRadioListing ul li span { float: left; width: 20px; } .subColBoxContent .fCheckRadioListing ul li label { float: left; width: 140px; } .pubContainer a.nsButton, .pubContainer div.nsButton { background-color: #667784; } .pubContainer a:hover.nsButton, .pubContainer div.nsButton:hover, .pubContainer a:hover.nsButton span, .pubContainer div.nsButton input:hover { background-color: #4a5d6c; } .popUpBox .pubBlock { position: fixed; left: 50%; z-index: 100; } .pubContainer .nsButton { background-attachment: scroll; background-repeat: no-repeat; background-position: top left; padding-right: 30px; margin: 0 0 0 5px; cursor: pointer; position: relative; text-transform: uppercase; font-weight: 800; } .pubContainer .nsButton.view span { font-size: 12px; text-align: center; display: block; padding: 5px 10px 8px 15px; margin: 0 -27px 0 0; cursor: pointer; color: #ffffff; } .pubContainer .nsButton input { border: none; } .popUpBox .pubFade { background-color: #ffffff; position: fixed; width: 100%; height: 100%; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: 0.7; left: 0; top: 0; z-index: 10; } .popUpBox .pubBlock .pubContainer h3 { background-color: #7aa9dd; margin: 5px; } .popUpBox .pubBlock .pubContainer h3 span { display: block; padding: 21px 5px; } .popUpBox .pubBlock .pubContainer .closeBox { float: right; position: absolute; top: 9px; right: 11px; z-index: 100; margin-top: 0; } .popUpBox .pubBlock .pubContainer .closeBox p a { padding: 0 0 0 16px; color: #ffffff; background: url(./iconPubClose.png) 0 45% no-repeat transparent; } .popUpBox.survey .pubBlock .pubContainer h3 span em { display: none; } .survey .pubBlock .pubContainer .pageButtons ul { float: left; padding: 20px 0 20px 130px; } .survey .pubBlock .pubContainer .pageButtons ul li { float: left; } .survey .pubBlock .pubContainer .nsButton { float: left; } .survey .pubBlock .pubContainer .surveyYes { right: 6px; } .survey .pubBlock .pubContainer .surveyNo { left: 3px; } .survey .pubBlock .pubContainer .surveyYes span { width: 30px; } .survey .pubBlock .pubContainer .surveyNo span { width: 75px; } .pcSurvey p { text-align: center; } .popUpBox .pubBlock.size03 { width: 462px; margin: 0 0 0 -231px; top: 20px; } .popUpBox .pubBlock.size03 .pubContainer { float: left; background-color: #ffffff; border: 2px solid #e5e5e5; } .popUpBox .pubBlock.size03 .pubContainer .pubContent { float: left; padding: 5px 12px 12px 12px; } .form fieldset dl { width: 100%; margin-bottom: 10px; border: none; padding: 0; float: left; } .form fieldset dl .leftTitle { width: 100%; font-weight: 700; float: left; } .form fieldset dl .leftAlign { width: 100%; } .form fieldset dl dt { float: left; width: 30%; } .form fieldset dl dd { margin-left: 20px; margin-bottom: 10px; } .form .formPart span.tbx { padding-left: 20px; } .form fieldset dl dd.btn { margin-left: 0; } .form span.tbxError { font-size: 0.8em; font-style: italic; display: block; color: red; } .form span.tbxCustomError { font-style: italic; font-size: 0.8em; display: block; color: red; } div.fAgreeTerms span.fCheckBox span.tbxError { position: absolute; } .c #top_column_twitter, .c #twitter_timeline { left: -9px; } #top_column_twitter *, #twitter_timeline * { margin: 0; padding: 0; } #top_column_twitter { position: relative; width: 166px; padding: 5px 10px 10px 10px; background-repeat: no-repeat; } #top_column_twitter .title { width: 110px; float: left; display: block; font-size: 14px; color: #ffffff; font-weight: 700; margin-bottom: 7px; text-shadow: -0.1em -0.1em 0.2em #005271; -moz-text-shadow: -0.1em -0.1em 0.2em #005271; -webkit-text-shadow: -0.1em -0.1em 0.2em #005271; } #top_column_twitter .page { width: 110px; position: absolute; top: 35px; left: 65px; float: left; display: block; font-size: 12px; color: #0084b4; margin-bottom: 11px; text-decoration: none; } #top_column_twitter .page:hover { color: #c4efff; } #top_column_twitter .followus { width: 78px; position: absolute; top: 60px; left: 65px; float: left; display: block; background-image: url(./bot_siguenos.png); height: 17px; font-size: 12px; padding-left: 20px; color: #333333; text-decoration: none; padding-top: 3px; background-repeat: no-repeat; font-weight: 700; } #top_column_twitter .twittertitle { position: absolute; top: 8px; left: 65px; } #top_column_twitter .twittertitle h2 { color: #0084b4 !important; font-weight: 700; font-size: 18px; } #twitter_timeline { position: relative; width: 183px; padding-bottom: 10px; } #twitter_timeline .cargando { padding-left: 75px; padding-top: 100px; } #twitter_timeline ul { display: block; float: left; width: 182px; } #twitter_timeline .list_tweets { display: block; float: left; width: 166px !important; } #twitter_timeline li { display: block; float: left; list-style: none; padding: 5px 5px 0 5px; left: 0; } #twitter_timeline li:hover { background-color: #f5f5f5; } #twitter_timeline .tweet { display: block; float: left; width: 110px; padding: 8px 0 0 0; } #twitter_timeline li p { float: left; display: block; } #twitter_timeline li img { float: left; display: block; padding: 25px 10px 10px 0; } #twitter_timeline .fecha_tweet { color: #acacac; font-size: 12px; float: right; padding: 0 5px 3px 0; } #twitter_timeline .fecha_tweet:hover { color: #000000; text-decoration: underline; } #twitter_timeline .tweet_user { color: #666666; font-size: 12px; padding-bottom: 3px; font-weight: 700; line-height: 15px; } #twitter_timeline .tweet_user a { color: #aaaaaa; font-size: 11px; text-decoration: none; font-weight: 400; display: block; } #twitter_timeline p.tweet_text { color: #666666; font-size: 12px; display: block; padding: 0 5px 0 5px; word-break: break-all; } #twitter_timeline p.tweet_date { color: #acacac; font-size: 12px; float: right; padding-right: 5px; display: block; } #twitter_timeline .badge-retweeted { display: block; float: left; background: url(./sprite_twitter.png) no-repeat -60px -139px; padding-left: 20px; margin-top: 5px; color: #999999; } #twitter_timeline a.hashtag, #twitter_timeline a.url, #twitter_timeline a.usuario { color: #0084b4; font-size: 12px; text-decoration: none; } #twitter_timeline .twitter_option { display: block; float: left; height: 25px; width: 100%; padding-bottom: 10px; } .twitter_errormessage { padding: 5px; word-break: break-all; } .acciones { display: none; } #twitter_timeline .tweet_separator { float: left; position: relative; padding-top: 10px; color: #0084b4; font-size: 11px; } #twitter_timeline a.favorite, #twitter_timeline a.reply, #twitter_timeline a.retweet { display: block; color: #0084b4; float: left; font-size: 10px; text-decoration: none; height: 20px; font-weight: 700; } #twitter_timeline a.reply, #twitter_timeline a.retweet { padding: 10px 5px 0 5px; } #twitter_timeline a.reply:hover, #twitter_timeline a.retweet:hover { text-decoration: underline; } #twitter_timeline a.favorite { padding: 10px 10px 0 5px; width: 20px; } #twitter_timeline a.favorite:hover { text-decoration: underline; } .option { display: block; } .twitter_footer { float: left; position: relative; padding: 15px 10px 5px 10px; width: 166px; word-break: break-all; } .twitter_follower { float: left; position: relative; padding: 10px 10px 10px 10px; width: 166px; font-weight: 700; } .c .twitter_footer, .c .twitter_follower { padding-left: 0; } #twitter_timeline .tweet_horizontal_separator { border-bottom: 1px solid #cccccc; float: left; width: 170px; } #twitter_timeline .scroll { width: 156px !important; } .colorBox { height: 100%; width: 100%; } .box-question-image .inner, .box.snippetBox.inner, .brand-rounded { padding: 1.5em; } .vertical-center .boxContent, .vertical-center .contentwrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .colorBox .snippetBox { height: auto; padding: 0; } .colorBox .snippetBox .container { padding: 30px 10px 30px 10px; } .colorBox .snippetBox p { color: #ffffff; } .colorBox a.snippetBox p { color: #ffffff; } .colorBox a.snippetBox.brown { background: #92572f; } .colorBox a.snippetBox.blue { background: #3973bf; } .colorBox a.snippetBox.red:hover { background: #ea0500; } .colorBox a.snippetBox.orange:hover { background: #f57900; } .colorBox a.snippetBox.yellow:hover { background: #e19e00; } .colorBox a.snippetBox.lightblue:hover { background: #00a3e0; } .colorBox a.snippetBox.lightgreen:hover { background: #97c507; } .colorBox a.snippetBox.darkblue:hover { background: #00388c; } .colorBox a.snippetBox.green:hover { background: #97c507; } .colorBox a.snippetBox.turquoise:hover { background: #059d7d; } .colorBox a.snippetBox.darkgreen:hover { background: #006d53; } .colorBox a.snippetBox.darkblue:hover { background: #00388c; } .colorBox a.snippetBox.grey { background: #667784; } .colorBox a.snippetBox.purple:hover { background: #990a67; } .bigfont { font-size: 1.5em; } .bigfont.brown { color: #92572f; } .bigfont.blue { color: #3973bf; } .bigfont.red { color: #ea0500; } .bigfont.orange { color: #f57900; } .bigfont.yellow { color: #e19e00; } .bigfont.lightblue { color: #00a3e0; } .bigfont.lightgreen { color: #80ad3d; } .bigfont.green { color: #97c507; } .bigfont.turquoise { color: #059d7d; } .bigfont.darkgreen { color: #006d53; } .bigfont.grey { color: #667784; } .bigfont.purple { color: #990a67; } .bigfont.white { color: #ffffff; } .bigfont.darkblue { color: #2d5c9d; } .verybigfont { font-size: 2.4em !important; } .verybigfont.brown { color: #92572f; } .verybigfont.blue { color: #3973bf; } .verybigfont.red { color: #ea0500; } .verybigfont.orange { color: #f57900; } .verybigfont.yellow { color: #e19e00; } .verybigfont.lightblue { color: #00a3e0; } .verybigfont.lightgreen { color: #80ad3d; } .verybigfont.green { color: #97c507; } .verybigfont.turquoise { color: #059d7d; } .verybigfont.darkgreen { color: #006d53; } .verybigfont.grey { color: #667784; } .verybigfont.purple { color: #990a67; } .verybigfont.white { color: #ffffff; } .verybigfont.darkblue { color: #2d5c9d; } .home-featureStory .owl-controls .owl-pagination { position: absolute; bottom: 45px; text-align: center; width: 100%; } .home-featureStory .owl-controls .owl-pagination .owl-page { width: 12px; height: 12px; display: inline-block; background-color: transparent; margin-right: 7px; text-indent: -9999px; border-radius: 20px; border: 3px solid #999999; } .home-featureStory .owl-controls .owl-pagination .owl-page.active { background: #ffffff; border: 3px solid #ffffff; } .home-featureStory .owl-controls .owl-buttons .owl-prev { display: block; height: 70px; width: 61px; position: absolute; top: 0; cursor: pointer; text-indent: -9999px; background: transparent url(./v2_layout_design.png) no-repeat 0 -66px; left: 0; } .home-featureStory .owl-controls .owl-buttons .owl-prev:hover { background-position: -122px -66px; } .home-featureStory .owl-controls .owl-buttons .owl-next { display: block; height: 70px; width: 61px; position: absolute; top: 0; cursor: pointer; text-indent: -9999px; background: transparent url(./v2_layout_design.png) no-repeat -61px -66px; right: 0; } .home-featureStory .owl-controls .owl-buttons .owl-next:hover { background-position: -183px -66px; } .brandCarousel .owl-carousel { height: 45px; } #landingCarousel .box .c.landing { height: auto !important; } .investorLanding { margin-bottom: 10px; } .investorLanding .owl-controls .owl-pagination { position: absolute; width: 100%; text-align: center; bottom: 16px; } .investorLanding .owl-controls .owl-pagination .owl-page { width: 10px; height: 10px; display: inline-block; background-color: transparent; margin-right: 7px; text-indent: -9999px; border-radius: 20px; border: 2px solid #ffffff; } .investorLanding .owl-controls .owl-pagination .owl-page.active { background: #ffffff; border: 2px solid #ffffff; } .investorLanding .owl-controls .owl-buttons .owl-prev { display: block; height: 40px; width: 35px; position: absolute; top: 0; cursor: pointer; text-indent: -9999px; background: transparent url(./v2_layout_design.png) no-repeat -50px -136px; left: 0; } .investorLanding .owl-controls .owl-buttons .owl-prev:hover { background-position: -120px -136px; } .investorLanding .owl-controls .owl-buttons .owl-next { display: block; height: 40px; width: 35px; position: absolute; top: 0; cursor: pointer; text-indent: -9999px; background: transparent url(./v2_layout_design.png) no-repeat -85px -136px; right: 0; } .investorLanding .owl-controls .owl-buttons .owl-next:hover { background-position: -155px -136px; } #BrandCarouselLarge { margin-bottom: 30px; } #BrandCarouselLarge .brandCarousel { position: relative; } #BrandCarouselLarge .owl-controls .owl-buttons .owl-prev { width: 15px; width: 25px; height: 41px; cursor: pointer; position: absolute; top: 2px; background: transparent url(./v2_layout_design.png) no-repeat 0 -137px; text-indent: -9999px; } #BrandCarouselLarge .owl-controls .owl-buttons .owl-prev:hover { -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); } #BrandCarouselLarge .owl-controls .owl-buttons .owl-next { width: 25px; height: 41px; cursor: pointer; position: absolute; background: transparent url(./v2_layout_design.png) no-repeat -24px -137px; top: 2px; right: 0; text-indent: -9999px; } #BrandCarouselLarge .owl-controls .owl-buttons .owl-next:hover { -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); } #BrandCarouselLarge .jcarousel { width: auto !important; float: none !important; overflow: hidden; margin-left: 42px; margin-right: 25px; } #BrandCarouselLarge .brand-master .owl-item.selected, #BrandCarouselLarge .brand-master .owl-item .selected { -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); } .history .owl-item.selected span { background: transparent url(./histsel.png) no-repeat 0 0; width: 65px; height: 26px; text-align: center; padding-top: 4px; display: block; } .history .owl-item .slide-item.selected span { background-color: #667784; color: #ffffff; width: 65px; height: 26px; text-align: center; padding-top: 4px; display: block; } #AutomaticBrandCarousel, .layout-content-full #AutomaticBrandCarousel, .layout-content-large #AutomaticBrandCarousel { margin: 30px 0; } .brandCarousel.title .owl-prev { margin-left: 18%; } .brandCarousel .owl-item img { width: 82px; height: 42px; } .brandCarousel .owl-controls { position: relative; } .brandCarousel .owl-controls .owl-buttons .owl-prev { width: 25px; height: 41px; cursor: pointer; position: absolute; top: 2px; background: transparent url(./v2_layout_design.png) no-repeat 0 -136px; text-indent: -9999px; } .brandCarousel .owl-controls .owl-buttons .owl-prev:hover { -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); } .brandCarousel .owl-controls .owl-buttons .owl-next { width: 25px; height: 41px; cursor: pointer; position: absolute; background: transparent url(./v2_layout_design.png) no-repeat -25px -136px; top: 2px; right: 0; text-indent: -9999px; } .brandCarousel .owl-controls .owl-buttons .owl-next:hover { -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); } #addtocalendar .addEvent { margin-top: 5px; margin-bottom: 5px; display: inline-block; padding: 6px 12px; font-size: 13px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; color: #ffffff; text-decoration: none; background-color: #3561a0; border-color: #357ebd; } .grid-list a.addEvent { background-image: url(./icon-calendar.png); background-repeat: no-repeat; width: 2%; height: 10px; margin-top: -30px; border-top: none; float: right; margin-right: 5px; } #globalQuickSearchInput { background: 0 0; border: 0 hidden transparent !important; } .searchResults span#suggestion { width: 100%; float: left; padding-top: 4px; } .tab-section { background: 0 0; } .line { display: block; } .searchResults #noresult { display: block; padding-top: 5px; } #blankresult { display: none; padding-top: 5px; } .searchInfo.left { float: left; text-align: left; margin-top: 15px; } .searchResults .searchInfo.left { float: left; text-align: left; margin-top: 8px; width: 28%; } .searchResults .searchInfo.right { width: 100%; margin-top: 8px; clear: both; } .searchResults .searchInfo.leftSection ul li { float: left; margin-right: 10px; margin-top: 7px; } .searchResults .searchInfo.rightSection { width: 100%; margin-right: 15px; margin-top: 15px; } .searchResults .searchInfo.rightSection ul li { margin-left: 12px; } .searchInfo .selected { color: #666666 !important; } .lastUpdated, .searchInfo .mostRelevant { font-size: 13px; text-decoration: none; margin: 0 5px 0 3px; color: #006492; } .lastUpdated:visited, .searchInfo .mostRelevant { color: #006492; } .lastUpdated:hover, .searchInfo .mostRelevant { text-decoration: none !important; } .results .grid-list .srDetails .srIconPDF.Red { background: url(./iconFilePDFRed.png) no-repeat 2px -15px; min-width: 20px; min-height: 15px; float: left; margin: 0 3px 0 0; } .results .grid-list .srDetails .iconExl.Green { background: url(./iconFileXLS.png) no-repeat 2px 0; min-width: 20px; min-height: 15px; float: left; margin: 0 3px 0 0; } #UlDocumentsBestLink, #UlNewsBestLink { display: none; } .prevPage, #textPagination .oflabel { margin-right: 3px; } #DocumentsBestLink, #NewsBestLink, #BestLink { width: 100%; } .srLastUpdatedDate { color: #666666; padding-right: 5px; } #clearButtonContainer { width: 100%; height: 45px; } #nse-search-results, #news-search-results, #documents-search-results, #flickr-search-results { display: none; } #flickrcontainer .flickrimages { float: left; width: 100%; } #filckrThumbnails { width: 100%; float: left; } #filckrThumbnails .photo-display-container { width: 100%; float: left; } #filckrThumbnails .photo-display-container .photo-display-item { float: left; position: relative; width: auto; padding: 2px; } #filckrThumbnails .photo-display-container .photo-display-item img { height: 162px; margin: 0 !important; min-width: 30px; } #flickrPagination { display: none; text-align: right; padding: 5px 0 5px 0; border-top: 1px solid #dee6ef; border-bottom: 1px solid #dee6ef; float: right; width: 100%; } #flickrCurrentpage { margin: 0 3px 0 3px; } #flickrPrevPage { margin-right: 3px; } #flickrMaxPage { margin: 0 3px 0 3px; } #flickrPagination .oflabel { margin-right: 3px; } .flickrRow { background-color: #eaf1f9; border-top: 1px solid #ffffff; } .flickrRow.alternate { background-color: #f2f2f2; } .flickrRow a { border: 0 !important; } .flickrRow .srTitle { font-weight: 700; color: #3561a0; width: 100%; padding: 0; font-size: 1.231em; } .flickrRow .photo-display-container { width: 86%; padding: 0 10px 10px 0; float: left; border-right: 1px solid #ffffff; } .flickrRow .photo-display-container .flickrLink { background: 0 0 !important; width: auto; float: none; padding-bottom: 10px; } .flickrRow .srPercentage { text-align: center; color: #666666; float: right; } .flickrRow #querysearchkeyword { float: none !important; } .flickrRow .photo-display-container .photo-display-item { float: left; position: relative; width: auto; padding: 2px 3px 0 3px; } .flickrRow .photo-display-container .photo-display-item img { height: 100px; margin: 0 !important; } #videocontainer .grid-list { display: none; } #videocontainer .grid-list .row a { border-top: none; padding-top: 13px; } #videocontainer .videoThumbnail { width: 100px; float: left; margin-left: 10px; margin-bottom: 10px; } #videocontainer .videoThumbnail .durationContainer { background-size: 100% 100% !important; height: 63px; } #videocontainer .videoThumbnail img { margin-left: 10px; height: 90px; width: 120px; } #videocontainer .duration { display: none; padding: 0 4px; font-weight: 700; font-size: 11px; background-color: #000000; color: #ffffff !important; opacity: 0.75; filter: alpha(opacity=75); vertical-align: top; zoom: 1; right: 5%; position: relative; float: right; top: 75%; } #videocontainer .videoTitleDescription { width: 80%; float: left; margin-left: 2%; margin-bottom: 10px; } #videocontainer .grid-list .alternate .srDetails { padding-top: 13px; padding: 0; } #videocontainer .grid-list .srDetails { width: 100%; padding-top: 13px; border-top: 1px solid #ffffff; padding: 0; } .results .grid-list .srDetails .srPublishedDate { color: #666666; width: 100%; padding-bottom: 5px; display: none; } #videocontainer .youtubeIndexPage { margin-left: 3px; margin-right: 3px; } #videocontainer .youtubeMaxPage, #videocontainer .youttubeprevPage { margin-right: 3px; } .CategoriesLinks li { background-color: #667784; display: block; width: 100%; } .CategoriesLinks li:hover { background-color: #4a5d6c; border-left: 2px solid #4a5d6c; border-right: 2px solid #4a5d6c; margin-left: -2px; } .CategoriesLinks li a { color: #ffffff; display: block; border-bottom: 1px solid #85929d; padding: 5px 0; margin: 0 10px; } .CategoriesLinks li:hover a { color: #ffffff; border-bottom: 1px solid #4a5d6c; font-weight: 700; } .CategoriesLinks .text-content { padding: 10px; display: block; } .clearButton { padding: 8px 14px 8px 16px; float: right; color: #ffffff; text-align: center; font-size: 15px; background-color: #667784; cursor: pointer; text-transform: uppercase; font-weight: 700; } .clearButton:hover { background-color: #4a5d6c; } #clearCSVFormButton { margin-top: -8px; float: right; } #clearCaseStudiesLookupButton { margin-top: 10px; margin-bottom: 30px; } #clearMailFormButton { float: left; margin-left: 30px; margin-top: 2px; } #btnClearMediaContact { padding: 6px 15px 6px 16px; margin-top: 8px; float: left; color: #ffffff; } #btnClearGlobalSearch { margin-top: 8px; float: left; } #sendPageClearButton { margin-left: 30px; float: left; } .g-recaptcha > div { height: 78px; width: 304px; } .history .popupBox { background-color: #ffffff; border: 1px solid #63513d; padding: 10px; } .river-of-news p, .river-of-news-content p { padding-bottom: 14px; } .CarouselWithTitleWidget { position: relative; margin: 20px 0; } .CarouselWithTitleWidget .CarouselWithTitleItems { width: 100%; margin: 0 auto; } .CarouselWithTitleWidget .CarouselWithTitleItems .CarouselWithTitleItem { text-align: center; position: relative; margin: 0 5px; } .CarouselWithTitleWidget .CarouselWithTitleItems .CarouselWithTitleItem img { display: block; width: 100%; height: auto; } .CarouselWithTitleWidget .CarouselWithTitleItems .CarouselWithTitleItem .title { color: #ffffff; background-color: #667784; font-weight: 400; font-size: 1.077em; width: 100%; display: inline-block; text-align: left; text-transform: uppercase; height: 33px; white-space: nowrap; } .CarouselWithTitleWidget .CarouselWithTitleItems .CarouselWithTitleItem .title span { padding: 7px 0 7px 12px; display: block; } .CarouselWithTitleWidget .owl-theme .owl-controls .owl-buttons div { color: #ffffff; display: inline-block; zoom: 1; margin: 0; padding: 0; font-size: 12px; border-radius: 0; background: 0 0; width: 41px; height: 178px; position: absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; } .CarouselWithTitleWidget .owl-theme .owl-controls .owl-buttons div.owl-prev { background: transparent url(./Carousel1Widget-Arrow_Left.png) no-repeat 0 50%; top: 0; left: 0; display: none; } .CarouselWithTitleWidget .owl-theme .owl-controls .owl-buttons div.owl-next { background: transparent url(./Carousel1Widget-Arrow_Right.png) no-repeat 0 50%; top: 0; right: 0; } .CarouselWithDescriptionWidget { position: relative; margin: 20px 0; } .CarouselWithDescriptionWidget .CarouselWithDescriptionItems { width: 100%; } .CarouselWithDescriptionWidget .CarouselWithDescriptionItems .CarouselWithDescriptionItem { position: relative; } .CarouselWithDescriptionWidget .CarouselWithDescriptionItems .CarouselWithDescriptionItem img { display: block; width: 100%; height: auto; } .CarouselWithDescriptionWidget .CarouselWithDescriptionItems .CarouselWithDescriptionItem .text-wrapper { background-color: #f2f2f2; height: 56px; } .CarouselWithDescriptionWidget .CarouselWithDescriptionItems .CarouselWithDescriptionItem .title { color: #43505a; font-weight: 400; display: table-cell; vertical-align: middle; height: 56px; padding-right: 65px; } .CarouselWithDescriptionWidget .CarouselWithDescriptionItems .CarouselWithDescriptionItem .title span { margin-left: 20px; display: block; } .CarouselWithDescriptionWidget .owl-theme .owl-controls .owl-buttons div { color: #ffffff; display: inline-block; zoom: 1; margin: 0; padding: 0; font-size: 12px; border-radius: 0; background: 0 0; width: 41px; height: 178px; position: absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; } .CarouselWithDescriptionWidget .owl-theme .owl-controls .owl-buttons div.owl-prev { background: transparent url(./Carousel1Widget-Arrow_Left.png) no-repeat 0 50%; top: 0; left: 0; display: none; } .CarouselWithDescriptionWidget .owl-theme .owl-controls .owl-buttons div.owl-next { background: transparent url(./Carousel1Widget-Arrow_Right.png) no-repeat 0 50%; top: 0; right: 0; } .CarouselWithDescriptionWidget .owl-controls .owl-pagination { position: absolute; text-align: right; bottom: 16px; right: 17px; } .CarouselWithDescriptionWidget .owl-controls .owl-pagination .owl-page { width: 10px; height: 10px; display: inline-block; background-color: transparent; margin-right: 7px; text-indent: -9999px; border-radius: 20px; border: 2px solid #667784; } .CarouselWithDescriptionWidget .owl-controls .owl-pagination .owl-page.active { background: #667784; border: 2px solid #667784; } .PeopleCarousel { position: relative; border: 2px solid #efefef; } .PeopleCarousel .widget-title { color: #524f4b; font-size: 32px; font-weight: 700; text-align: center; margin: 25px; } .PeopleCarousel .widget-title h2, .PeopleCarousel .widget-title h3 { font-size: inherit; margin: inherit; font-weight: inherit; } .PeopleCarousel .PeopleCarouselItems { width: 100%; } .PeopleCarousel .counter { position: absolute; bottom: 11px; right: 20px; color: #ffffff; font-size: 14px; font-weight: 700; } .PeopleCarousel .PeopleCarouselItems .PeopleCarouselItem { position: relative; margin: 0 10px; text-align: center; } .PeopleCarousel .PeopleCarouselItems .PeopleCarouselItem img { display: block; width: auto; height: auto; margin: 10px auto; } .PeopleCarousel .PeopleCarouselItems .PeopleCarouselItem .text-wrapper { margin: 10px 0 20px 0; } .PeopleCarousel .PeopleCarouselItems .PeopleCarouselItem .title { color: #006492; font-weight: 700; font-size: 20px; margin-bottom: 10px; } .PeopleCarousel .PeopleCarouselItems .PeopleCarouselItem .description { display: block; font-size: 13px; color: #524f4b; line-height: 20px; } .PeopleCarousel .owl-theme .owl-controls .owl-buttons div { color: #ffffff; display: inline-block; zoom: 1; margin: 0; padding: 0; font-size: 12px; border-radius: 0; background: 0 0; width: 61px; height: 70px; position: absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; } .PeopleCarousel .owl-theme .owl-controls .owl-buttons div.owl-prev { background: transparent url(./v2_layout_design.png) no-repeat 0 -66px; top: -88px; left: 0; } .PeopleCarousel .owl-theme .owl-controls .owl-buttons div.owl-next { background: transparent url(./v2_layout_design.png) no-repeat -61px -66px; top: -88px; right: 0; } .PeopleCarousel .owl-controls .owl-pagination { background-color: #524f4b; padding: 13px 20px 10px 20px; } .PeopleCarousel .owl-controls .owl-pagination .owl-page { width: 10px; height: 10px; display: inline-block; background-color: transparent; margin-right: 7px; text-indent: -9999px; border-radius: 20px; border: 2px solid #ffffff; } .PeopleCarousel .owl-controls .owl-pagination .owl-page.active { background: #ffffff; border: 2px solid #ffffff; } #socialNetworkOverlay { width: 100%; position: absolute; top: 0; display: none; } #socialNetworkOverlay .inner-html { padding: 20px; } .quickLinksRow ul li.qlCatTitle a span.qlHidden, .quickLinksRow ul li.qlCatTitle a:hover span.qlHidden { visibility: hidden; } .quickLinksRow ul li.qlCatTitle a span { margin-left: 10px; } .arrow-list { float: left; width: 100%; } .arrow-list li { margin-bottom: 1px; width: 100%; overflow: hidden; } .sysFormContainer .arrow-list li a { background-attachment: scroll; background-color: #f5f8fc; background-image: url(./sprite-fix-design2.png); background-position: -3px -316px; float: left; padding: 7px 0; width: 100%; } .sysFormContainer .arrow-list li a:hover { background-position: -3px -371px; background-color: #f9f8f5; } .arrow-list li a span { background-attachment: scroll; background-color: transparent; background-image: url(./content-design2.png); background-position: 100% -251px; background-repeat: no-repeat; float: left; padding: 0 3%; width: 90%; } .siteMapRow dl.singleBlock { float: left; margin-right: 10px; width: 177px; border: none; } .siteMapRow dl.singleBlock dt { float: left; width: 157px; border: none; padding: 5px 10px; } .siteMapRow dl dt { background-color: #f3eee9; } .siteMapRow dl.singleBlock dd { float: left; width: 153px; padding: 10px 12px; border: none; } .siteMapRow dl.noMargin { margin-right: 0; } .siteMapRow dd { background: #f3eee9 url(./bgFadeTop4px.png) repeat-x 0 0; } .siteMapRow dd ul li { background-attachment: scroll; background-color: transparent; background-position: 0 4px; background-repeat: no-repeat; clear: left; display: block; float: left; left: 0; list-style-image: none; padding: 0 0 5px 13px; position: relative; } .text-oak-5, .text-oak-5 a, .text-oak-5 a:visited { color: #f4f4f5; } .text-oak-15, .text-oak-15 a, .text-oak-15 a:visited { color: #e8e8e9; } .text-oak-30, .text-oak-30 a, .text-oak-30 a:visited { color: #d3d4d5; } .text-oak-45, .text-oak-45 a, .text-oak-45 a:visited { color: #bfc0c5; } .text-oak-60, .text-oak-60 a, .text-oak-60 a:visited { color: #a7a8af; } .text-oak-80, .text-oak-80 a, .text-oak-80 a:visited { color: #8c8c97; } .text-oak, .text-oak a, .text-oak a:visited { color: #6c707a; } .text-oak-light, .text-oak-light a, .text-oak-light a:visited { color: #f4f4f5; } .text-oak-dark, .text-oak-dark a, .text-oak-dark a:visited { color: #494950; } .text-coffee, .text-coffee a, .text-coffee a:visited { color: #ad7c59; } .text-coffee-light, .text-coffee-light a, .text-coffee-light a:visited { color: #d3bba8; } .text-coffee-dark, .text-coffee-dark a, .text-coffee-dark a:visited { color: #774212; } .text-apricot, .text-apricot a, .text-apricot a:visited { color: #ff9e1b; } .text-apricot-light, .text-apricot-light a, .text-apricot-light a:visited { color: #fdd086; } .text-apricot-light, .text-apricot-light a, .text-apricot-light a:visited { color: #fdd086; } .text-apricot-dark, .text-apricot-dark a, .text-apricot-dark a:visited { color: #d57800; } .text-mustard-dark, .text-mustard-dark a, .text-mustard-dark a:visited { color: #eaaa00; } .text-mustard, .text-mustard a, .text-mustard a:visited { color: #ffd100; } .text-mustard-light, .text-mustard-light a, .text-mustard-light a:visited { color: #f9e547; } .text-olive, .text-olive a, .text-olive a:visited { color: #c4d600; } .text-olive-light, .text-olive-light a, .text-olive-light a:visited { color: #e2e868; } .text-olive-dark, .text-olive-dark a, .text-olive-dark a:visited { color: #949300; } .text-green, .text-green a, .text-green a:visited { color: #73a039; } .text-green-light, .text-green-light a, .text-green-light a:visited { color: #bce194; } .text-green-dark, .text-green-dark a, .text-green-dark a:visited { color: #2e8025; } .text-aqua, .text-aqua a, .text-aqua a:visited { color: #00b2a9; } .text-aqua, .text-aqua a, .text-aqua a:visited { color: #00b2a9; } .text-aqua-light, .text-aqua-light a, .text-aqua-light a:visited { color: #9cdbd9; } .text-aqua-dark, .text-aqua-dark a, .text-aqua-dark a:visited { color: #007681; } .text-blue, .text-blue a, .text-blue a:visited { color: #007cba; } .text-blue-light, .text-blue-light a, .text-blue-light a:visited { color: #9bcbeb; } .text-blue-dark, .text-blue-dark a, .text-blue-dark a:visited { color: #2d5c9d; } .text-blueberry, .text-blueberry a, .text-blueberry a:visited { color: #485cc7; } .text-blueberry-light, .text-blueberry-light a, .text-blueberry-light a:visited { color: #b8ccea; } .text-blueberry-dark, .text-blueberry-dark a, .text-blueberry-dark a:visited { color: #171c8f; } .text-aubergine, .text-aubergine a, .text-aubergine a:visited { color: #ac4fc6; } .text-aubergine-light, .text-aubergine-light a, .text-aubergine-light a:visited { color: #caa2dd; } .text-aubergine-dark, .text-aubergine-dark a, .text-aubergine-dark a:visited { color: #6d2077; } .text-pink, .text-pink a, .text-pink a:visited { color: #c6007e; } .text-pink-light, .text-pink-light a, .text-pink-light a:visited { color: #e59bdc; } .text-pink-dark, .text-pink-dark a, .text-pink-dark a:visited { color: #890c58; } .text-cherry, .text-cherry a, .text-cherry a:visited { color: #ce0037; } .text-cherry-light, .text-cherry-light a, .text-cherry-light a:visited { color: #ffb3ab; } .text-cherry-dark, .text-cherry-dark a, .text-cherry-dark a:visited { color: #a50034; } .text-orange, .text-orange a, .text-orange a:visited { color: #d64123; } .text-orange-light, .text-orange-light a, .text-orange-light a:visited { color: #ffb990; } .text-orange-dark, .text-orange-dark a, .text-orange-dark a:visited { color: #a9431e; } .text-gainsboro, .text-gainsboro a, .text-gainsboro a:visited { color: #dcdcdc; } .text-lightgray, .text-lightgray a, .text-lightgray a:visited { color: #d3d3d3; } .text-silver, .text-silver a, .text-silver a:visited { color: silver; } .text-darkgray, .text-darkgray a, .text-darkgray a:visited { color: #a9a9a9; } .text-gray, .text-gray a, .text-gray a:visited { color: grey; } .text-dimgray, .text-dimgray a, .text-dimgray a:visited { color: #696969; } .text-slategray, .text-slategray a, .text-slategray a:visited { color: #708090; } .text-darkslategray, .text-darkslategray a, .text-darkslategray a:visited { color: #2f4f4f; } .text-white, .text-white a, .text-white a:visited { color: #ffffff; } .text-black, .text-black a, .text-black a:visited { color: #000000; } .text-oak-5, .text-oak-5 a, .text-oak-5 a:visited { color: #f4f4f5; } .bg-oak-5 { color: #494950; } a.bg-oak-5, a.bg-oak-5:link, a.bg-oak-5:visited { color: #494950 !important; } .bg-oak-5:hover, a.bg-oak-5:hover { background-color: #e7e7e9; } .bg-oak-5 { background-color: #f4f4f5; } .bg-oak-5:hover.no-effect { background-color: #f4f4f5; } .bg-oak-5 a, .bg-oak-5 a:visited { color: #0072ad; } .bg-panel-oak-5, .bg-section-oak-5 { background-color: #f4f4f5; } .bg-oak-5 h2.box-title span { color: #494950; } .bg-oak-15 { color: #494950; } a.bg-oak-15, a.bg-oak-15:link, a.bg-oak-15:visited { color: #494950 !important; } .bg-oak-15:hover, a.bg-oak-15:hover { background-color: #dbdbdd; } .bg-oak-15 { background-color: #e8e8e9; } .bg-oak-15:hover.no-effect { background-color: #e8e8e9; } .bg-oak-15 a, .bg-oak-15 a:visited { color: #0072ad; } .bg-oak-15 h2.box-title span { color: #494950; } .bg-oak-30 { color: #494950; } .bg-panel-oak-15, .bg-section-oak-15 { background-color: #e8e8e9; } a.bg-oak-30, a.bg-oak-30:link, a.bg-oak-30:visited { color: #494950 !important; } .bg-oak-30:hover, a.bg-oak-30:hover { background-color: #c6c7c9; } .bg-oak-30 { background-color: #d3d4d5; } .bg-oak-30:hover.no-effect { background-color: #d3d4d5; } .bg-oak-30 a, .bg-oak-30 a:visited { color: #0072ad; } .bg-oak-30 h2.box-title span { color: #494950; } .bg-panel-oak-30, .bg-section-oak-30 { background-color: #d3d4d5; } .bg-oak-45 { color: #494950; } a.bg-oak-45, a.bg-oak-45:link, a.bg-oak-45:visited { color: #494950 !important; } .bg-oak-45:hover, a.bg-oak-45:hover { background-color: #b2b3b9; } .bg-oak-45 { background-color: #bfc0c5; } .bg-oak-45:hover.no-effect { background-color: #bfc0c5; } .bg-oak-45 a, .bg-oak-45 a:visited { color: #0072ad; } .bg-oak-45 h2.box-title span { color: #494950; } .bg-panel-oak-45, .bg-section-oak-45 { background-color: #bfc0c5; } a.bg-oak-60, a.bg-oak-60:link, a.bg-oak-60:visited { color: #ffffff !important; } .bg-oak-60:hover, a.bg-oak-60:hover { background-color: #9a9ba3; } .bg-oak-60, .bg-oak-60 a, .bg-oak-60 a:visited, .bg-oak-60 h2.box-title span { color: #ffffff; } .bg-oak-60 { background-color: #a7a8af; } .bg-oak-60:hover.no-effect { background-color: #a7a8af; } .bg-panel-oak-60, .bg-section-oak-60 { background-color: #a7a8af; } a.bg-oak-80, a.bg-oak-80:link, a.bg-oak-80:visited { color: #ffffff !important; } .bg-oak-80:hover, a.bg-oak-80:hover { background-color: #7f7f8b; } .bg-oak-80, .bg-oak-80 a, .bg-oak-80 a:visited, .bg-oak-80 h2.box-title span { color: #ffffff; } .bg-oak-80 { background-color: #8c8c97; } .bg-oak-80:hover.no-effect { background-color: #8c8c97; } .bg-panel-oak-80, .bg-section-oak-80 { background-color: #8c8c97; } a.bg-oak, a.bg-oak:link, a.bg-oak:visited { color: #ffffff !important; } .bg-oak:hover, a.bg-oak:hover { background-color: #787c87; } .bg-oak, .bg-oak a, .bg-oak a:visited, .bg-oak h2.box-title span { color: #ffffff; } .bg-oak { background-color: #6c707a; } .bg-oak:hover.no-effect { background-color: #6c707a; } .bg-panel-oak, .bg-section-oak { background-color: #6c707a; } .bg-oak-light { color: #494950; } a.bg-oak-light, a.bg-oak-light:link, a.bg-oak-light:visited { color: #494950 !important; } .bg-oak-light:hover, a.bg-oak-light:hover { background-color: #e7e7e9; } .bg-oak-light { background-color: #f4f4f5; } .bg-oak-light:hover.no-effect { background-color: #f4f4f5; } .bg-oak-light a, .bg-oak-light a:visited { color: #0072ad; } .bg-oak-light a:hover { color: rgb(0, 91.2, 138.4); } .bg-oak-light h2.box-title span { color: #494950; } .bg-panel-oak-light, .bg-section-oak-light { background-color: #f4f4f5; } a.bg-oak-dark, a.bg-oak-dark:link, a.bg-oak-dark:visited { color: #ffffff !important; } .bg-oak-dark, .bg-oak-dark a, .bg-oak-dark a:visited, .bg-oak-dark h2.box-title span { color: #ffffff; } .bg-oak-dark { background-color: #494950; } .bg-oak-dark:hover.no-effect { background-color: #494950; } a.bg-coffee, a.bg-coffee:link, a.bg-coffee:visited { color: #ffffff !important; } .bg-coffee:hover, a.bg-coffee:hover { background-color: #9e704e; } .bg-coffee, .bg-coffee a, .bg-coffee a:visited, .bg-coffee h2.box-title span { color: #ffffff; } .bg-coffee { background-color: #ad7c59; } .bg-coffee:hover.no-effect { background-color: #ad7c59; } .bg-panel-coffee, .bg-section-coffee { background-color: #ad7c59; } .bg-panel-oak-dark, .bg-section-oak-dark { background-color: #494950; } a.bg-coffee-light, a.bg-coffee-light:link, a.bg-coffee-light:visited { color: #494950 !important; } .bg-coffee-light:hover, a.bg-coffee-light:hover { background-color: #caae97; } .bg-coffee-light { background-color: #d3bba8; } .bg-coffee-light:hover.no-effect { background-color: #d3bba8; } .bg-coffee-light a, .bg-coffee-light a:visited { color: #0072ad; } .bg-coffee-light h2.box-title span { color: #494950; } .bg-panel-coffee-light, .bg-section-coffee-light { background-color: #d3bba8; } a.bg-coffee-dark, a.bg-coffee-dark:link, a.bg-coffee-dark:visited { color: #ffffff !important; } .bg-coffee-dark:hover, a.bg-coffee-dark:hover { background-color: #8d4e15; } .bg-coffee-dark, .bg-coffee-dark a, .bg-coffee-dark a:visited, .bg-coffee-dark h2.box-title span { color: #ffffff; } .bg-coffee-dark { background-color: #774212; } .bg-coffee-dark:hover.no-effect { background-color: #774212; } .bg-panel-coffee-dark, .bg-section-coffee-dark { background-color: #774212; } a.bg-apricot, a.bg-apricot:link, a.bg-apricot:visited { color: #ffffff !important; } .bg-apricot:hover, a.bg-apricot:hover { background-color: #ff9302; } .bg-apricot, .bg-apricot a, .bg-apricot a:visited, .bg-apricot h2.box-title span { color: #ffffff; } .bg-apricot { background-color: #ff9e1b; } .bg-apricot:hover.no-effect { background-color: #ff9e1b; } .bg-panel-apricot, .bg-section-apricot { background-color: #ff9e1b; } a.bg-apricot-light, a.bg-apricot-light:link, a.bg-apricot-light:visited { color: #494950 !important; } .bg-apricot-light:hover, a.bg-apricot-light:hover { background-color: #fdc66d; } .bg-apricot-light { background-color: #fdd086; } .bg-apricot-light:hover.no-effect { background-color: #fdd086; } .bg-apricot-light a, .bg-apricot-light a:visited { color: #0072ad; } .bg-apricot-light h2.box-title span { color: #494950; } .bg-panel-apricot-light, .bg-section-apricot-light { background-color: #fdd086; } a.bg-apricot-dark, a.bg-apricot-dark:link, a.bg-apricot-dark:visited { color: #ffffff !important; } .bg-apricot-dark:hover, a.bg-apricot-dark:hover { background-color: #ef8600; } .bg-apricot-dark, .bg-apricot-dark a, .bg-apricot-dark a:visited, .bg-apricot-dark h2.box-title span { color: #ffffff; } .bg-apricot-dark { background-color: #d57800; } .bg-apricot-dark:hover.no-effect { background-color: #d57800; } .bg-panel-apricot-dark, .bg-section-apricot-dark { background-color: #d57800; } a.bg-mustard, a.bg-mustard:link, a.bg-mustard:visited { color: #ffffff !important; } .bg-mustard:hover, a.bg-mustard:hover { background-color: #ffd61a; } .bg-mustard, .bg-mustard a, .bg-mustard a:visited, .bg-mustard h2.box-title span { color: #ffffff; } .bg-mustard { background-color: #ffd100; } .bg-mustard:hover.no-effect { background-color: #ffd100; } .bg-panel-mustard, .bg-section-mustard { background-color: #ffd100; } .bg-mustard-light { color: #494950; } a.bg-mustard-light, a.bg-mustard-light:link, a.bg-mustard-light:visited { color: #494950 !important; } .bg-mustard-light:hover, a.bg-mustard-light:hover { background-color: #f8e22e; } .bg-mustard-light { background-color: #f9e547; } .bg-mustard-light:hover.no-effect { background-color: #f9e547; } .bg-mustard-light a, .bg-mustard-light a:visited { color: #0072ad; } .bg-mustard-light h2.box-title span { color: #494950; } .bg-panel-mustard-light, .bg-section-mustard-light { background-color: #f9e547; } .bg-mustard-dark { color: #f4f4f5; } a.bg-mustard-dark, a.bg-mustard-dark:link, a.bg-mustard-dark:visited { color: #f4f4f5 !important; } .bg-mustard-dark:hover, a.bg-mustard-dark:hover { background-color: #ffba05; } .bg-mustard-dark { background-color: #eaaa00; } .bg-mustard-dark:hover.no-effect { background-color: #eaaa00; } .bg-mustard-dark a, .bg-mustard-dark a:visited { color: #0072ad; } .bg-mustard-dark h2.box-title span { color: #f4f4f5; } .bg-panel-mustard-dark, .bg-section-mustard-dark { background-color: #eaaa00; } .bg-olive { color: #494950; } a.bg-olive, a.bg-olive:link, a.bg-olive:visited { color: #494950 !important; } .bg-olive:hover, a.bg-olive:hover { background-color: #dbf000; } .bg-olive { background-color: #c4d600; } .bg-olive:hover.no-effect { background-color: #c4d600; } .bg-olive a, .bg-olive a:visited { color: #0072ad; } .bg-olive h2.box-title span { color: #494950; } .bg-panel-olive, .bg-section-olive { background-color: #c4d600; } .bg-olive-light { color: #494950; } a.bg-olive-light, a.bg-olive-light:link, a.bg-olive-light:visited { color: #494950 !important; } .bg-olive-light:hover, a.bg-olive-light:hover { background-color: #dee552; } .bg-olive-light { background-color: #e2e868; } .bg-olive-light:hover.no-effect { background-color: #e2e868; } .bg-olive-light a, .bg-olive-light a:visited { color: #0072ad; } .bg-olive-light h2.box-title span { color: #494950; } .bg-panel-olive-light, .bg-section-olive-light { background-color: #e2e868; } .bg-olive-dark, a.bg-olive-dark:link, a.bg-olive-dark:visited { color: #ffffff !important; } .bg-olive-dark:hover, a.bg-olive-dark:hover { background-color: #aeac00; } .bg-olive-dark, .bg-olive-dark a, .bg-olive-dark a:visited, .bg-olive-dark h2.box-title span { color: #ffffff; } .bg-olive-dark { background-color: #949300; } .bg-olive-dark:hover.no-effect { background-color: #949300; } .bg-panel-olive-dark, .bg-section-olive-dark { background-color: #949300; } a.bg-green, a.bg-green:link, a.bg-green:visited { color: #ffffff !important; } .bg-green:hover, a.bg-green:hover { background-color: #81b340; } .bg-green, .bg-green a, .bg-green a:visited, .bg-green h2.box-title span { color: #ffffff; } .bg-green { background-color: #73a039; } .bg-green:hover.no-effect { background-color: #73a039; } .bg-panel-green, .bg-section-green { background-color: #73a039; } .bg-green-light, button.green-light { color: #494950; } a.bg-green-light, a.bg-green-light:link, a.bg-green-light:visited { color: #494950 !important; } .bg-green-light:hover, a.bg-green-light:hover { background-color: #b0db80; } .bg-green-light { background-color: #bce194; } .bg-green-light:hover.no-effect { background-color: #bce194; } .bg-green-light a, .bg-green-light a:visited { color: #0072ad; } .bg-green-light h2.box-title span { color: #494950; } .bg-panel-green-light, .bg-section-green-light { background-color: #bce194; } a.bg-green-dark, a.bg-green-dark:link, a.bg-green-dark:visited { color: #ffffff !important; } .bg-green-dark:hover, a.bg-green-dark:hover { background-color: #558845; } .bg-green-dark, .bg-green-dark a, .bg-green-dark a:visited, .bg-green-dark h2.box-title span { color: #ffffff; } .bg-green-dark { background-color: #2e8025; } .bg-green-dark:hover.no-effect { background-color: #2e8025; } .bg-panel-green-dark, .bg-section-green-dark { background-color: #2e8025; } .bg-aqua { color: #494950; } a.bg-aqua, a.bg-aqua:link, a.bg-aqua:visited { color: #494950 !important; } .bg-aqua:hover, a.bg-aqua:hover { background-color: #00ccc1; } .bg-aqua { background-color: #00b2a9; } .bg-aqua:hover.no-effect { background-color: #00b2a9; } .bg-aqua a, .bg-aqua a:visited { color: #0072ad; } .bg-aqua h2.box-title span { color: #494950; } .bg-panel-aqua, .bg-section-aqua { background-color: #00b2a9; } a.bg-aqua-light, a.bg-aqua-light:link, a.bg-aqua-light:visited { color: #ffffff !important; } .bg-aqua-light:hover, a.bg-aqua-light:hover { background-color: #89d4d2; } .bg-aqua-light, .bg-aqua-light a, .bg-aqua-light a:visited, .bg-aqua-light h2.box-title span { color: #ffffff; } .bg-aqua-light { background-color: #9cdbd9; } .bg-aqua-light:hover.no-effect { background-color: #9cdbd9; } .bg-panel-aqua-light, .bg-section-aqua-light { background-color: #9cdbd9; } a.bg-aqua-dark, a.bg-aqua-dark:link, a.bg-aqua-dark:visited { color: #ffffff !important; } .bg-aqua-dark:hover, a.bg-aqua-dark:hover { background-color: #008d9b; } .bg-aqua-dark, .bg-aqua-dark a, .bg-aqua-dark a:visited, .bg-aqua-dark h2.box-title span { color: #ffffff; } .bg-aqua-dark { background-color: #007681; } .bg-aqua-dark:hover.no-effect { background-color: #007681; } .bg-panel-aqua-dark, .bg-section-aqua-dark { background-color: #007681; } a.bg-blue, a.bg-blue:link, a.bg-blue:visited { color: #ffffff !important; } .bg-blue:hover, a.bg-blue:hover { background-color: #1fadde; } .bg-blue, .bg-blue a, .bg-blue a:visited, .bg-blue h2.box-title span { color: #ffffff; } .bg-blue { background-color: #007cba; } .bg-blue:hover.no-effect { background-color: #007cba; } .bg-panel-blue, .bg-section-blue { background-color: #007cba; } a.bg-blue, a.bg-blue:link, a.bg-blue:visited { color: #ffffff !important; } .bg-blue:hover, a.bg-blue:hover { background-color: #1fadde; } .bg-blue, .bg-blue a, .bg-blue a:visited, .bg-blue h2.box-title span { color: #ffffff; } .bg-blue { background-color: #007cba; } .bg-blue:hover.no-effect { background-color: #007cba; } .bg-panel-blue, .bg-section-blue { background-color: #007cba; } .bg-blue-light { color: #494950; } a.bg-blue-light, a.bg-blue-light:link, a.bg-blue-light:visited { color: #494950 !important; } .bg-blue-light:hover, a.bg-blue-light:hover { background-color: #86c0e7; } .bg-blue-light { background-color: #9bcbeb; } .bg-blue-light:hover.no-effect { background-color: #9bcbeb; } .bg-blue-light a, .bg-blue-light a:visited { color: #0072ad; } .bg-blue-light h2.box-title span { color: #494950; } .bg-panel-blue-light, .bg-section-blue-light { background-color: #9bcbeb; } a.bg-blue-dark, a.bg-blue-dark:link, a.bg-blue-dark:visited { color: #ffffff !important; } .bg-blue-dark:hover, a.bg-blue-dark:hover { background-color: #0072b5; } .bg-blue-dark, .bg-blue-dark a, .bg-blue-dark a:visited, .bg-blue-dark h2.box-title span { color: #ffffff; } .bg-blue-dark { background-color: #2d5c9d; } .bg-blue-dark:hover.no-effect { background-color: #2d5c9d; } .border-blue-dark { border: 1px solid #2d5c9d; padding: 1em; } .bg-panel-blue-dark, .bg-section-blue-dark { background-color: #2d5c9d; } a.bg-blueberry, a.bg-blueberry:link, a.bg-blueberry:visited { color: #ffffff !important; } .bg-blueberry:hover, a.bg-blueberry:hover { background-color: #3a4ebc; } .bg-blueberry, .bg-blueberry a, .bg-blueberry a:visited, .bg-blueberry h2.box-title span { color: #ffffff; } .bg-blueberry { background-color: #485cc7; } .bg-blueberry:hover.no-effect { background-color: #485cc7; } .bg-panel-blueberry, .bg-section-blueberry { background-color: #485cc7; } .bg-blueberry-light { color: #494950; } a.bg-blueberry-light, a.bg-blueberry-light:link, a.bg-blueberry-light:visited { color: #494950 !important; } .bg-blueberry-light:hover, a.bg-blueberry-light:hover { background-color: #a4bee4; } .bg-blueberry-light { background-color: #b8ccea; } .bg-blueberry-light:hover.no-effect { background-color: #b8ccea; } .bg-blueberry-light a, .bg-blueberry-light a:visited { color: #0072ad; } .bg-blueberry-light h2.box-title span { color: #494950; } .bg-panel-blueberry-light, .bg-section-blueberry-light { background-color: #b8ccea; } a.bg-blueberry-dark, a.bg-blueberry-dark:link, a.bg-blueberry-dark:visited { color: #ffffff !important; } .bg-blueberry-dark:hover, a.bg-blueberry-dark:hover { background-color: #1b20a5; } .bg-blueberry-dark, .bg-blueberry-dark h2.box-title span { color: #ffffff; } .bg-blueberry-dark { background-color: #171c8f; } .bg-blueberry-dark:hover.no-effect { background-color: #171c8f; } .bg-panel-blueberry-dark, .bg-section-blueberry-dark { background-color: #171c8f; } a.bg-aubergine, a.bg-aubergine:link, a.bg-aubergine:visited { color: #ffffff !important; } .bg-aubergine:hover, a.bg-aubergine:hover { background-color: #a23ebe; } .bg-aubergine, .bg-aubergine a, .bg-aubergine a:visited, .bg-aubergine h2.box-title span { color: #ffffff; } .bg-aubergine { background-color: #ac4fc6; } .bg-aubergine:hover.no-effect { background-color: #ac4fc6; } .bg-panel-aubergine, .bg-section-aubergine { background-color: #ac4fc6; } .bg-aubergine-light { color: #494950; } a.bg-aubergine-light, a.bg-aubergine-light:link, a.bg-aubergine-light:visited { color: #494950 !important; } .bg-aubergine-light:hover, a.bg-aubergine-light:hover { background-color: #bf8fd6; } .bg-aubergine-light { background-color: #caa2dd; } .bg-aubergine-light:hover.no-effect { background-color: #caa2dd; } .bg-aubergine-light a, .bg-aubergine-light a:visited { color: #0072ad; } .bg-aubergine-light h2.box-title span { color: #494950; } .bg-panel-aubergine-light, .bg-section-aubergine-light { background-color: #caa2dd; } a.bg-aubergine-dark, a.bg-aubergine-dark:link, a.bg-aubergine-dark:visited { color: #ffffff !important; } .bg-aubergine-dark:hover, a.bg-aubergine-dark:hover { background-color: #7f258b; } .bg-aubergine-dark, .bg-aubergine-dark a, .bg-aubergine-dark a:visited, .bg-aubergine-dark h2.box-title span { color: #ffffff; } .bg-aubergine-dark { background-color: #6d2077; } .bg-aubergine-dark:hover.no-effect { background-color: #6d2077; } .border-aubergine-dark { border: 1px solid #6d2077; padding: 1em; } .bg-panel-aubergine-dark, .bg-section-aubergine-dark { background-color: #6d2077; } a.bg-pink, a.bg-pink:link, a.bg-pink:visited { color: #ffffff !important; } .bg-pink:hover, a.bg-pink:hover { background-color: #e0008e; } .bg-pink, .bg-pink a, .bg-pink a:visited, .bg-pink h2.box-title span { color: #ffffff; } .bg-pink { background-color: #c6007e; } .bg-pink:hover.no-effect { background-color: #c6007e; } .bg-panel-pink, .bg-section-pink { background-color: #c6007e; } a.bg-pink, a.bg-pink:link, a.bg-pink:visited { color: #ffffff !important; } .bg-pink:hover, a.bg-pink:hover { background-color: #e0008e; } .bg-pink, .bg-pink a, .bg-pink a:visited, .bg-pink h2.box-title span { color: #ffffff; } .bg-pink { background-color: #c6007e; } .bg-pink:hover.no-effect { background-color: #c6007e; } .bg-panel-pink, .bg-section-pink { background-color: #c6007e; } .bg-pink-light { color: #494950; } a.bg-pink-light, a.bg-pink-light:link, a.bg-pink-light:visited { color: #494950 !important; } .bg-pink-light:hover, a.bg-pink-light:hover { background-color: #e087d5; } .bg-pink-light { background-color: #e59bdc; } .bg-pink-light:hover.no-effect { background-color: #e59bdc; } .bg-pink-light a, .bg-pink-light a:visited { color: #0072ad; } .bg-pink-light h2.box-title span { color: #494950; } .bg-panel-pink-light, .bg-section-pink-light { background-color: #e59bdc; } a.bg-pink-dark, a.bg-pink-dark:link, a.bg-pink-dark:visited { color: #ffffff !important; } .bg-pink-dark:hover, a.bg-pink-dark:hover { background-color: #a00e67; } .bg-pink-dark, .bg-pink-dark a, .bg-pink-dark a:visited, .bg-pink-dark h2.box-title span { color: #ffffff; } .bg-pink-dark { background-color: #890c58; } .bg-pink-dark:hover.no-effect { background-color: #890c58; } .bg-panel-pink-dark, .bg-section-pink-dark { background-color: #890c58; } a.bg-cherry, a.bg-cherry:link, a.bg-cherry:visited { color: #ffffff !important; } .bg-cherry:hover, a.bg-cherry:hover { background-color: #e8003e; } .bg-cherry, .bg-cherry a, .bg-cherry a:visited, .bg-cherry h2.box-title span { color: #ffffff; } .bg-cherry { background-color: #ce0037; } .bg-cherry:hover.no-effect { background-color: #ce0037; } .bg-panel-cherry, .bg-section-cherry { background-color: #ce0037; } .bg-cherry-light { color: #494950; } a.bg-cherry-light, a.bg-cherry-light:link, a.bg-cherry-light:visited { color: #494950 !important; } .bg-cherry-light:hover, a.bg-cherry-light:hover { background-color: #ff9c92; } .bg-cherry-light { background-color: #ffb3ab; } .bg-cherry-light:hover.no-effect { background-color: #ffb3ab; } .bg-cherry-light a, .bg-cherry-light a:visited { color: #0072ad; } .bg-cherry-light h2.box-title span { color: #494950; } .bg-panel-cherry-light, .bg-section-cherry-light { background-color: #ffb3ab; } a.bg-cherry-dark, a.bg-cherry-dark:link, a.bg-cherry-dark:visited { color: #ffffff !important; } .bg-cherry-dark:hover, a.bg-cherry-dark:hover { background-color: #bf003c; } .bg-cherry-dark, .bg-cherry-dark a, .bg-cherry-dark a:visited, .bg-cherry-dark h2.box-title span { color: #ffffff; } .bg-cherry-dark { background-color: #a50034; } .bg-cherry-dark:hover.no-effect { background-color: #a50034; } .bg-panel-cherry-dark, .bg-section-cherry-dark { background-color: #a50034; } a.bg-orange, a.bg-orange:link, a.bg-orange:visited { color: #ffffff !important; } .bg-orange:hover, a.bg-orange:hover { background-color: #fb4c1c; } .bg-orange, .bg-orange a, .bg-orange a:visited, .bg-orange h2.box-title span { color: #ffffff; } .bg-orange { background-color: #d64123; } .bg-orange:hover.no-effect { background-color: #d64123; } .bg-panel-orange, .bg-section-orange { background-color: #d64123; } .bg-orange-light { color: #494950; } a.bg-orange-light, a.bg-orange-light:link, a.bg-orange-light:visited { color: #494950 !important; } .bg-orange-light:hover, a.bg-orange-light:hover { background-color: #ffa977; } .bg-orange-light { background-color: #ffb990; } .bg-orange-light:hover.no-effect { background-color: #ffb990; } .bg-orange-light a, .bg-orange-light a:visited { color: #0072ad; } .bg-orange-light h2.box-title span { color: #494950; } .bg-panel-orange-light, .bg-section-orange-light { background-color: #ffb990; } a.bg-orange-dark, a.bg-orange-dark:link, a.bg-orange-dark:visited { color: #ffffff !important; } .bg-orange-dark:hover, a.bg-orange-dark:hover { background-color: #bf4c22; } .bg-orange-dark, .bg-orange-dark a, .bg-orange-dark a:visited, .bg-orange-dark h2.box-title span { color: #ffffff; } .bg-orange-dark { background-color: #a9431e; } .bg-orange-dark:hover.no-effect { background-color: #a9431e; } .bg-panel-orange-dark, .bg-section-orange-dark { background-color: #a9431e; } a.bg-gainsboro, a.bg-gainsboro:link, a.bg-gainsboro:visited { color: #000000; } .bg-gainsboro:hover, a.bg-gainsboro:hover { background-color: #cfcfcf; } .bg-gainsboro, .bg-gainsboro a, .bg-gainsboro a:visited, .bg-gainsboro h2.box-title span { color: #000000; } .bg-gainsboro { background-color: #dcdcdc; } .bg-gainsboro:hover.no-effect { background-color: #dcdcdc; } .bg-panel-gainsboro, .bg-section-gainsboro { background-color: #dcdcdc; } a.bg-lightgray, a.bg-lightgray:link, a.bg-lightgray:visited { color: #000000; } .bg-lightgray:hover, a.bg-lightgray:hover { background-color: #c6c6c6; } .bg-lightgray, .bg-lightgray a, .bg-lightgray a:visited, .bg-lightgray h2.box-title span { color: #000000; } .bg-lightgray { background-color: #d3d3d3; } .bg-lightgray:hover.no-effect { background-color: #d3d3d3; } .border-lightgray { border: 1px solid #d3d3d3; padding: 1em; } .bg-panel-lightgray, .bg-section-lightgray { background-color: #d3d3d3; } a.bg-silver, a.bg-silver:link, a.bg-silver:visited { color: #000000; } .bg-silver:hover, a.bg-silver:hover { background-color: #b3b3b3; } .bg-silver, .bg-silver a, .bg-silver a:visited, .bg-silver h2.box-title span { color: #000000; } .bg-silver { background-color: silver; } .bg-silver:hover.no-effect { background-color: silver; } .border-silver { border: 1px solid silver; padding: 1em; } .bg-panel-silver, .bg-section-silver { background-color: silver; } a.bg-darkgray, a.bg-darkgray:link, a.bg-darkgray:visited { color: #000000; } .bg-darkgray:hover, a.bg-darkgray:hover { background-color: #9c9c9c; } .bg-darkgray, .bg-darkgray a, .bg-darkgray a:visited, .bg-darkgray h2.box-title span { color: #000000; } .bg-darkgray { background-color: #a9a9a9; } .bg-darkgray:hover.no-effect { background-color: #a9a9a9; } .bg-panel-darkgray, .bg-section-darkgray { background-color: #a9a9a9; } a.bg-gray, a.bg-gray:link, a.bg-gray:visited { color: #ffffff !important; } .bg-gray:hover, a.bg-gray:hover { background-color: #737373; } .bg-gray, .bg-gray a, .bg-gray a:visited, .bg-gray h2.box-title span { color: #ffffff; } .bg-gray { background-color: grey; } .bg-gray:hover.no-effect { background-color: grey; } .bg-panel-gray, .bg-section-gray { background-color: grey; } a.bg-dimgray, a.bg-dimgray:link, a.bg-dimgray:visited { color: #ffffff !important; } .bg-dimgray:hover, a.bg-dimgray:hover { background-color: #767676; } .bg-dimgray, .bg-dimgray a, .bg-dimgray a:visited, .bg-dimgray h2.box-title span { color: #ffffff; } .bg-dimgray { background-color: #696969; } .bg-dimgray:hover.no-effect { background-color: #696969; } .bg-panel-dimgray, .bg-section-dimgray { background-color: #696969; } a.bg-slategray, a.bg-slategray:link, a.bg-slategray:visited { color: #ffffff !important; } .bg-slategray:hover, a.bg-slategray:hover { background-color: #657382; } .bg-slategray, .bg-slategray a, .bg-slategray a:visited, .bg-slategray h2.box-title span { color: #ffffff; } .bg-slategray { background-color: #708090; } .bg-slategray:hover.no-effect { background-color: #708090; } .bg-panel-slategray, .bg-section-slategray { background-color: #708090; } a.bg-darkslategray, a.bg-darkslategray:link, a.bg-darkslategray:visited { color: #ffffff !important; } .bg-darkslategray:hover, a.bg-darkslategray:hover { background-color: #395f5f; } .bg-darkslategray, .bg-darkslategray a, .bg-darkslategray a:visited, .bg-darkslategray h2.box-title span { color: #ffffff; } .bg-darkslategray { background-color: #2f4f4f; } .bg-darkslategray:hover.no-effect { background-color: #2f4f4f; } .bg-panel-darkslategray, .bg-section-darkslategray { background-color: #2f4f4f; } a.bg-white, a.bg-white:link, a.bg-white:visited { color: #000000; } .bg-white:hover, a.bg-white:hover { background-color: #f2f2f2; } .bg-white, .bg-white a, .bg-white a:visited, .bg-white h2.box-title span { color: #000000; } .bg-white { background-color: #ffffff; } .bg-white:hover.no-effect { background-color: #ffffff; } .bg-panel-white, .bg-section-white { background-color: #ffffff; } .no-stretch img, img.no-stretch { width: auto !important; } .no-linkcolor a, .no-linkcolor a:hover, .no-linkcolor a:link, .no-linkcolor a:visited, a.no-linkcolor, a.no-linkcolor:hover, a.no-linkcolor:link, a.no-linkcolor:visited { color: inherit !important; } body .intro, body .paragraph--type--c-text .field--name-field-c-text p.intro, body .field .paragraph .field--item p.intro { font-size: 23.4px; line-height: 1.6em; margin: 1em 0; } @media (max-width: 767px) { body .intro, body .paragraph--type--c-text .field--name-field-c-text p.intro, body .field .paragraph .field--item p.intro { font-size: 1.3em; } } @media screen and (max-width: 960px) { .intro { font-size: 1.3em; } h1, h2 { max-width: inherit !important; } } .intro-super { font-size: 1.2em; } @media screen and (min-width: 40em) { .intro-super { font-size: 1.35em; } } @media screen and (min-width: 60em) { .intro-super { font-size: 1.5em; } } .sub-super { font-size: 0.85em; } @media screen and (min-width: 40em) { .sub-super { font-size: 0.65em; } } .margin-top-none { margin-top: 0 !important; } .margin-bottom-none { margin-bottom: 0 !important; } .margin-none, .no-margin { margin: 0 !important; } p.no-padding { margin-bottom: 1rem !important; padding-bottom: 0 !important; } .tiny { width: 20% !important; } .small { width: 30% !important; } .medium { width: 50% !important; } .normal { width: 70% !important; } .large { width: 80% !important; } .xlarge { width: 100% !important; } .margin-top { margin-top: 2em; } .margin-bottom { margin-bottom: 2em; } @media screen and (min-width: 40em) { .small, .sub, small { font-size: 0.85em; } } @media screen and (max-width: 30em) { .pw, .tw { max-width: 100%; } .medium, .small, .tiny { width: 50%; } .large, .normal { width: 80%; } .xlarge { width: 100%; } } .font-primary { font-family: "Nestle-Text-Book" !important; } .font-primary-bold, .font-text-bold { font-family: "Nestle-Text-Bold" !important; } .font-primary.light { font-family: "Nestle-Text-Light" !important; } .text-highlight.oak-5 { color: #494950; } .text-highlight.oak-15 { border-top: 5px solid #e8e8e9; border-bottom: 5px solid #e8e8e9; color: #494950; } .text-highlight.oak-30 { border-top: 5px solid #d3d4d5; border-bottom: 5px solid #d3d4d5; color: #494950; } .text-highlight.oak-45 { border-top: 5px solid #bfc0c5; border-bottom: 5px solid #bfc0c5; color: #494950; } .text-highlight.oak-60 { border-top: 5px solid #a7a8af; border-bottom: 5px solid #a7a8af; color: #494950; } .text-highlight.oak-80 { border-top: 5px solid #8c8c97; border-bottom: 5px solid #8c8c97; color: #494950; } .text-highlight.oak { border-top: 5px solid #6c707a; border-bottom: 5px solid #6c707a; color: #494950; } .text-highlight.oak-light { border-top: 5px solid #f4f4f5; border-bottom: 5px solid #f4f4f5; color: #494950; } .text-highlight.oak-dark { border-top: 5px solid #494950; border-bottom: 5px solid #494950; color: #494950; } .text-highlight.coffee-light { border-top: 5px solid #d3bba8; border-bottom: 5px solid #d3bba8; color: #774212; } .text-highlight.apricot-light { border-top: 5px solid #fdd086; border-bottom: 5px solid #fdd086; color: #d57800; } .text-highlight.mustard-light { border-top: 5px solid #f9e547; border-bottom: 5px solid #f9e547; color: #eaaa00; } .text-highlight.olive-light { border-top: 5px solid #e2e868; border-bottom: 5px solid #e2e868; color: #949300; } .text-highlight.green-light { border-top: 5px solid #bce194; border-bottom: 5px solid #bce194; color: #2e8025; } .text-highlight.aqua-light { border-top: 5px solid #9cdbd9; border-bottom: 5px solid #9cdbd9; color: #007681; } .text-highlight.blue-light { border-top: 5px solid #9bcbeb; border-bottom: 5px solid #9bcbeb; color: #00629b; } .text-highlight.blueberry-light { border-top: 5px solid #b8ccea; border-bottom: 5px solid #b8ccea; color: #171c8f; } .text-highlight.aubergine-light { border-top: 5px solid #caa2dd; border-bottom: 5px solid #caa2dd; color: #6d2077; } .text-highlight.pink-light { border-top: 5px solid #e59bdc; border-bottom: 5px solid #e59bdc; color: #890c58; } .text-highlight.cherry-light { border-top: 5px solid #ffb3ab; border-bottom: 5px solid #ffb3ab; color: #a50034; } .text-highlight.orange-light { border-top: 5px solid #ffb990; border-bottom: 5px solid #ffb990; color: #a9431e; } .text-highlight.white { border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; color: #000; } .inner, .inner.paragraph--type--c-text { padding: 2em; } .inner.paragraph--type--ln-c-card, .inner.paragraph--type--c-text.paragraph--type--ln-c-card { padding: 0; } .ms-rteTable-6 { color: #6e6e6e; } .ms-rteTable-6 th.ms-rteTableHeaderEvenCol-6, .ms-rteTable-6 td.ms-rteTableFooterEvenCol-6 { color: #ffffff; background-color: #4f9ac2; border: 0; line-height: 1.4; padding: 10px; } .ms-rteTable-6 th.ms-rteTableHeaderOddCol-6, .ms-rteTable-6 td.ms-rteTableFooterOddCol-6 { border-left: 1px solid; border-right: 1px solid; color: #ffffff; background-color: #4f9ac2; border: 0; padding: 15px 10px; line-height: 1; } .ms-rteTable-6 tr.ms-rteTableOddRow-6 { background-color: #eaeaea; } .ms-rteTable-6 td.ms-rteTableOddCol-6 { padding: 10px; } .border-right { border-right: 1px solid #efefef; } @media (max-width: 767px) { .border-right { border-right: 0; } } .border-left { border-left: 1px solid #efefef; padding-left: 1.1em !important; } @media (max-width: 767px) { .border-left { border-left: 0; padding-left: 0 !important; } } .csv-bullet-0.oak-5 span, .csv-bullet-1.oak-5 span, .csv-bullet-2.oak-5 span, .csv-bullet-3.oak-5 span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #f4f4f5; } .csv-bullet-1.oak-5 span:nth-child(1), .csv-bullet-2.oak-5 span:nth-child(1), .csv-bullet-2.oak-5 span:nth-child(2), .csv-bullet-3.oak-5 span:nth-child(1), .csv-bullet-3.oak-5 span:nth-child(2), .csv-bullet-3.oak-5 span:nth-child(3) { background: #f4f4f5; } .csv-bullet-0.oak-15 span, .csv-bullet-1.oak-15 span, .csv-bullet-2.oak-15 span, .csv-bullet-3.oak-15 span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #e8e8e9; } .csv-bullet-1.oak-15 span:nth-child(1), .csv-bullet-2.oak-15 span:nth-child(1), .csv-bullet-2.oak-15 span:nth-child(2), .csv-bullet-3.oak-15 span:nth-child(1), .csv-bullet-3.oak-15 span:nth-child(2), .csv-bullet-3.oak-15 span:nth-child(3) { background: #e8e8e9; } .csv-bullet-0.oak-30 span, .csv-bullet-1.oak-30 span, .csv-bullet-2.oak-30 span, .csv-bullet-3.oak-30 span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #d3d4d5; } .csv-bullet-1.oak-30 span:nth-child(1), .csv-bullet-2.oak-30 span:nth-child(1), .csv-bullet-2.oak-30 span:nth-child(2), .csv-bullet-3.oak-30 span:nth-child(1), .csv-bullet-3.oak-30 span:nth-child(2), .csv-bullet-3.oak-30 span:nth-child(3) { background: #d3d4d5; } .csv-bullet-0.oak-45 span, .csv-bullet-1.oak-45 span, .csv-bullet-2.oak-45 span, .csv-bullet-3.oak-45 span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #bfc0c5; } .csv-bullet-1.oak-45 span:nth-child(1), .csv-bullet-2.oak-45 span:nth-child(1), .csv-bullet-2.oak-45 span:nth-child(2), .csv-bullet-3.oak-45 span:nth-child(1), .csv-bullet-3.oak-45 span:nth-child(2), .csv-bullet-3.oak-45 span:nth-child(3) { background: #bfc0c5; } .csv-bullet-0.oak-60 span, .csv-bullet-1.oak-60 span, .csv-bullet-2.oak-60 span, .csv-bullet-3.oak-60 span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #a7a8af; } .csv-bullet-1.oak-60 span:nth-child(1), .csv-bullet-2.oak-60 span:nth-child(1), .csv-bullet-2.oak-60 span:nth-child(2), .csv-bullet-3.oak-60 span:nth-child(1), .csv-bullet-3.oak-60 span:nth-child(2), .csv-bullet-3.oak-60 span:nth-child(3) { background: #a7a8af; } .csv-bullet-0.oak-80 span, .csv-bullet-1.oak-80 span, .csv-bullet-2.oak-80 span, .csv-bullet-3.oak-80 span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #8c8c97; } .csv-bullet-1.oak-80 span:nth-child(1), .csv-bullet-2.oak-80 span:nth-child(1), .csv-bullet-2.oak-80 span:nth-child(2), .csv-bullet-3.oak-80 span:nth-child(1), .csv-bullet-3.oak-80 span:nth-child(2), .csv-bullet-3.oak-80 span:nth-child(3) { background: #8c8c97; } .csv-bullet-0.oak span, .csv-bullet-1.oak span, .csv-bullet-2.oak span, .csv-bullet-3.oak span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #6c707a; } .csv-bullet-1.oak span:nth-child(1), .csv-bullet-2.oak span:nth-child(1), .csv-bullet-2.oak span:nth-child(2), .csv-bullet-3.oak span:nth-child(1), .csv-bullet-3.oak span:nth-child(2), .csv-bullet-3.oak span:nth-child(3) { background: #6c707a; } .csv-bullet-0.oak-light span, .csv-bullet-1.oak-light span, .csv-bullet-2.oak-light span, .csv-bullet-3.oak-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #f4f4f5; } .csv-bullet-1.oak-light span:nth-child(1), .csv-bullet-2.oak-light span:nth-child(1), .csv-bullet-2.oak-light span:nth-child(2), .csv-bullet-3.oak-light span:nth-child(1), .csv-bullet-3.oak-light span:nth-child(2), .csv-bullet-3.oak-light span:nth-child(3) { background: #f4f4f5; } .csv-bullet-0.oak-dark span, .csv-bullet-1.oak-dark span, .csv-bullet-2.oak-dark span, .csv-bullet-3.oak-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #494950; } .csv-bullet-1.oak-dark span:nth-child(1), .csv-bullet-2.oak-dark span:nth-child(1), .csv-bullet-2.oak-dark span:nth-child(2), .csv-bullet-3.oak-dark span:nth-child(1), .csv-bullet-3.oak-dark span:nth-child(2), .csv-bullet-3.oak-dark span:nth-child(3) { background: #494950; } .csv-bullet-0.coffee span, .csv-bullet-1.coffee span, .csv-bullet-2.coffee span, .csv-bullet-3.coffee span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #ad7c59; } .csv-bullet-1.coffee span:nth-child(1), .csv-bullet-2.coffee span:nth-child(1), .csv-bullet-2.coffee span:nth-child(2), .csv-bullet-3.coffee span:nth-child(1), .csv-bullet-3.coffee span:nth-child(2), .csv-bullet-3.coffee span:nth-child(3) { background: #ad7c59; } .csv-bullet-0.coffee-light span, .csv-bullet-1.coffee-light span, .csv-bullet-2.coffee-light span, .csv-bullet-3.coffee-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #d3bba8; } .csv-bullet-1.coffee-light span:nth-child(1), .csv-bullet-2.coffee-light span:nth-child(1), .csv-bullet-2.coffee-light span:nth-child(2), .csv-bullet-3.coffee-light span:nth-child(1), .csv-bullet-3.coffee-light span:nth-child(2), .csv-bullet-3.coffee-light span:nth-child(3) { background: #d3bba8; } .csv-bullet-0.coffee-dark span, .csv-bullet-1.coffee-dark span, .csv-bullet-2.coffee-dark span, .csv-bullet-3.coffee-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #774212; } .csv-bullet-1.coffee-dark span:nth-child(1), .csv-bullet-2.coffee-dark span:nth-child(1), .csv-bullet-2.coffee-dark span:nth-child(2), .csv-bullet-3.coffee-dark span:nth-child(1), .csv-bullet-3.coffee-dark span:nth-child(2), .csv-bullet-3.coffee-dark span:nth-child(3) { background: #774212; } .csv-bullet-0.apricot-light span, .csv-bullet-1.apricot-light span, .csv-bullet-2.apricot-light span, .csv-bullet-3.apricot-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #fdd086; } .csv-bullet-1.apricot-light span:nth-child(1), .csv-bullet-2.apricot-light span:nth-child(1), .csv-bullet-2.apricot-light span:nth-child(2), .csv-bullet-3.apricot-light span:nth-child(1), .csv-bullet-3.apricot-light span:nth-child(2), .csv-bullet-3.apricot-light span:nth-child(3) { background: #fdd086; } .csv-bullet-0.apricot-dark span, .csv-bullet-1.apricot-dark span, .csv-bullet-2.apricot-dark span, .csv-bullet-3.apricot-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #d57800; } .csv-bullet-1.apricot-dark span:nth-child(1), .csv-bullet-2.apricot-dark span:nth-child(1), .csv-bullet-2.apricot-dark span:nth-child(2), .csv-bullet-3.apricot-dark span:nth-child(1), .csv-bullet-3.apricot-dark span:nth-child(2), .csv-bullet-3.apricot-dark span:nth-child(3) { background: #d57800; } .csv-bullet-0.mustard span, .csv-bullet-1.mustard span, .csv-bullet-2.mustard span, .csv-bullet-3.mustard span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #ffd100; } .csv-bullet-1.mustard span:nth-child(1), .csv-bullet-2.mustard span:nth-child(1), .csv-bullet-2.mustard span:nth-child(2), .csv-bullet-3.mustard span:nth-child(1), .csv-bullet-3.mustard span:nth-child(2), .csv-bullet-3.mustard span:nth-child(3) { background: #ffd100; } .csv-bullet-0.mustard-light span, .csv-bullet-1.mustard-light span, .csv-bullet-2.mustard-light span, .csv-bullet-3.mustard-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #f9e547; } .csv-bullet-1.mustard-light span:nth-child(1), .csv-bullet-2.mustard-light span:nth-child(1), .csv-bullet-2.mustard-light span:nth-child(2), .csv-bullet-3.mustard-light span:nth-child(1), .csv-bullet-3.mustard-light span:nth-child(2), .csv-bullet-3.mustard-light span:nth-child(3) { background: #f9e547; } .csv-bullet-0.mustard-dark span, .csv-bullet-1.mustard-dark span, .csv-bullet-2.mustard-dark span, .csv-bullet-3.mustard-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #eaaa00; } .csv-bullet-1.mustard-dark span:nth-child(1), .csv-bullet-2.mustard-dark span:nth-child(1), .csv-bullet-2.mustard-dark span:nth-child(2), .csv-bullet-3.mustard-dark span:nth-child(1), .csv-bullet-3.mustard-dark span:nth-child(2), .csv-bullet-3.mustard-dark span:nth-child(3) { background: #eaaa00; } .csv-bullet-0.olive span, .csv-bullet-1.olive span, .csv-bullet-2.olive span, .csv-bullet-3.olive span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #c4d600; } .csv-bullet-1.olive span:nth-child(1), .csv-bullet-2.olive span:nth-child(1), .csv-bullet-2.olive span:nth-child(2), .csv-bullet-3.olive span:nth-child(1), .csv-bullet-3.olive span:nth-child(2), .csv-bullet-3.olive span:nth-child(3) { background: #c4d600; } .csv-bullet-0.olive-light span, .csv-bullet-1.olive-light span, .csv-bullet-2.olive-light span, .csv-bullet-3.olive-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #e2e868; } .csv-bullet-1.olive-light span:nth-child(1), .csv-bullet-2.olive-light span:nth-child(1), .csv-bullet-2.olive-light span:nth-child(2), .csv-bullet-3.olive-light span:nth-child(1), .csv-bullet-3.olive-light span:nth-child(2), .csv-bullet-3.olive-light span:nth-child(3) { background: #e2e868; } .csv-bullet-0.olive-dark span, .csv-bullet-1.olive-dark span, .csv-bullet-2.olive-dark span, .csv-bullet-3.olive-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #949300; } .csv-bullet-1.olive-dark span:nth-child(1), .csv-bullet-2.olive-dark span:nth-child(1), .csv-bullet-2.olive-dark span:nth-child(2), .csv-bullet-3.olive-dark span:nth-child(1), .csv-bullet-3.olive-dark span:nth-child(2), .csv-bullet-3.olive-dark span:nth-child(3) { background: #949300; } .csv-bullet-0.green span, .csv-bullet-1.green span, .csv-bullet-2.green span, .csv-bullet-3.green span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #73a039; } .csv-bullet-1.green span:nth-child(1), .csv-bullet-2.green span:nth-child(1), .csv-bullet-2.green span:nth-child(2), .csv-bullet-3.green span:nth-child(1), .csv-bullet-3.green span:nth-child(2), .csv-bullet-3.green span:nth-child(3) { background: #73a039; } .csv-bullet-0.green-light span, .csv-bullet-1.green-light span, .csv-bullet-2.green-light span, .csv-bullet-3.green-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #bce194; } .csv-bullet-1.green-light span:nth-child(1), .csv-bullet-2.green-light span:nth-child(1), .csv-bullet-2.green-light span:nth-child(2), .csv-bullet-3.green-light span:nth-child(1), .csv-bullet-3.green-light span:nth-child(2), .csv-bullet-3.green-light span:nth-child(3) { background: #bce194; } .csv-bullet-0.green-dark span, .csv-bullet-1.green-dark span, .csv-bullet-2.green-dark span, .csv-bullet-3.green-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #2e8025; } .csv-bullet-1.green-dark span:nth-child(1), .csv-bullet-2.green-dark span:nth-child(1), .csv-bullet-2.green-dark span:nth-child(2), .csv-bullet-3.green-dark span:nth-child(1), .csv-bullet-3.green-dark span:nth-child(2), .csv-bullet-3.green-dark span:nth-child(3) { background: #2e8025; } .csv-bullet-0.aqua span, .csv-bullet-1.aqua span, .csv-bullet-2.aqua span, .csv-bullet-3.aqua span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #00b2a9; } .csv-bullet-1.aqua span:nth-child(1), .csv-bullet-2.aqua span:nth-child(1), .csv-bullet-2.aqua span:nth-child(2), .csv-bullet-3.aqua span:nth-child(1), .csv-bullet-3.aqua span:nth-child(2), .csv-bullet-3.aqua span:nth-child(3) { background: #00b2a9; } .csv-bullet-0.aqua-light span, .csv-bullet-1.aqua-light span, .csv-bullet-2.aqua-light span, .csv-bullet-3.aqua-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #9cdbd9; } .csv-bullet-1.aqua-light span:nth-child(1), .csv-bullet-2.aqua-light span:nth-child(1), .csv-bullet-2.aqua-light span:nth-child(2), .csv-bullet-3.aqua-light span:nth-child(1), .csv-bullet-3.aqua-light span:nth-child(2), .csv-bullet-3.aqua-light span:nth-child(3) { background: #9cdbd9; } .csv-bullet-0.aqua-dark span, .csv-bullet-1.aqua-dark span, .csv-bullet-2.aqua-dark span, .csv-bullet-3.aqua-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #007681; } .csv-bullet-1.aqua-dark span:nth-child(1), .csv-bullet-2.aqua-dark span:nth-child(1), .csv-bullet-2.aqua-dark span:nth-child(2), .csv-bullet-3.aqua-dark span:nth-child(1), .csv-bullet-3.aqua-dark span:nth-child(2), .csv-bullet-3.aqua-dark span:nth-child(3) { background: #007681; } .csv-bullet-0.blue span, .csv-bullet-1.blue span, .csv-bullet-2.blue span, .csv-bullet-3.blue span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #007cba; } .csv-bullet-1.blue span:nth-child(1), .csv-bullet-2.blue span:nth-child(1), .csv-bullet-2.blue span:nth-child(2), .csv-bullet-3.blue span:nth-child(1), .csv-bullet-3.blue span:nth-child(2), .csv-bullet-3.blue span:nth-child(3) { background: #007cba; } .csv-bullet-0.blue-light span, .csv-bullet-1.blue-light span, .csv-bullet-2.blue-light span, .csv-bullet-3.blue-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #9bcbeb; } .csv-bullet-1.blue-light span:nth-child(1), .csv-bullet-2.blue-light span:nth-child(1), .csv-bullet-2.blue-light span:nth-child(2), .csv-bullet-3.blue-light span:nth-child(1), .csv-bullet-3.blue-light span:nth-child(2), .csv-bullet-3.blue-light span:nth-child(3) { background: #9bcbeb; } .csv-bullet-0.blue-dark span, .csv-bullet-1.blue-dark span, .csv-bullet-2.blue-dark span, .csv-bullet-3.blue-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #00629b; } .csv-bullet-1.blue-dark span:nth-child(1), .csv-bullet-2.blue-dark span:nth-child(1), .csv-bullet-2.blue-dark span:nth-child(2), .csv-bullet-3.blue-dark span:nth-child(1), .csv-bullet-3.blue-dark span:nth-child(2), .csv-bullet-3.blue-dark span:nth-child(3) { background: #00629b; } .csv-bullet-0.blueberry span, .csv-bullet-1.blueberry span, .csv-bullet-2.blueberry span, .csv-bullet-3.blueberry span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #485cc7; } .csv-bullet-1.blueberry span:nth-child(1), .csv-bullet-2.blueberry span:nth-child(1), .csv-bullet-2.blueberry span:nth-child(2), .csv-bullet-3.blueberry span:nth-child(1), .csv-bullet-3.blueberry span:nth-child(2), .csv-bullet-3.blueberry span:nth-child(3) { background: #485cc7; } .csv-bullet-0.blueberry-light span, .csv-bullet-1.blueberry-light span, .csv-bullet-2.blueberry-light span, .csv-bullet-3.blueberry-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #b8ccea; } .csv-bullet-1.blueberry-light span:nth-child(1), .csv-bullet-2.blueberry-light span:nth-child(1), .csv-bullet-2.blueberry-light span:nth-child(2), .csv-bullet-3.blueberry-light span:nth-child(1), .csv-bullet-3.blueberry-light span:nth-child(2), .csv-bullet-3.blueberry-light span:nth-child(3) { background: #b8ccea; } .csv-bullet-0.blueberry-dark span, .csv-bullet-1.blueberry-dark span, .csv-bullet-2.blueberry-dark span, .csv-bullet-3.blueberry-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #171c8f; } .csv-bullet-1.blueberry-dark span:nth-child(1), .csv-bullet-2.blueberry-dark span:nth-child(1), .csv-bullet-2.blueberry-dark span:nth-child(2), .csv-bullet-3.blueberry-dark span:nth-child(1), .csv-bullet-3.blueberry-dark span:nth-child(2), .csv-bullet-3.blueberry-dark span:nth-child(3) { background: #171c8f; } .csv-bullet-0.aubergine span, .csv-bullet-1.aubergine span, .csv-bullet-2.aubergine span, .csv-bullet-3.aubergine span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #ac4fc6; } .csv-bullet-1.aubergine span:nth-child(1), .csv-bullet-2.aubergine span:nth-child(1), .csv-bullet-2.aubergine span:nth-child(2), .csv-bullet-3.aubergine span:nth-child(1), .csv-bullet-3.aubergine span:nth-child(2), .csv-bullet-3.aubergine span:nth-child(3) { background: #ac4fc6; } .csv-bullet-0.aubergine-light span, .csv-bullet-1.aubergine-light span, .csv-bullet-2.aubergine-light span, .csv-bullet-3.aubergine-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #caa2dd; } .csv-bullet-1.aubergine-light span:nth-child(1), .csv-bullet-2.aubergine-light span:nth-child(1), .csv-bullet-2.aubergine-light span:nth-child(2), .csv-bullet-3.aubergine-light span:nth-child(1), .csv-bullet-3.aubergine-light span:nth-child(2), .csv-bullet-3.aubergine-light span:nth-child(3) { background: #caa2dd; } .csv-bullet-0.aubergine-dark span, .csv-bullet-1.aubergine-dark span, .csv-bullet-2.aubergine-dark span, .csv-bullet-3.aubergine-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #6d2077; } .csv-bullet-1.aubergine-dark span:nth-child(1), .csv-bullet-2.aubergine-dark span:nth-child(1), .csv-bullet-2.aubergine-dark span:nth-child(2), .csv-bullet-3.aubergine-dark span:nth-child(1), .csv-bullet-3.aubergine-dark span:nth-child(2), .csv-bullet-3.aubergine-dark span:nth-child(3) { background: #6d2077; } .csv-bullet-0.pink span, .csv-bullet-1.pink span, .csv-bullet-2.pink span, .csv-bullet-3.pink span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #c6007e; } .csv-bullet-1.pink span:nth-child(1), .csv-bullet-2.pink span:nth-child(1), .csv-bullet-2.pink span:nth-child(2), .csv-bullet-3.pink span:nth-child(1), .csv-bullet-3.pink span:nth-child(2), .csv-bullet-3.pink span:nth-child(3) { background: #c6007e; } .csv-bullet-0.pink-light span, .csv-bullet-1.pink-light span, .csv-bullet-2.pink-light span, .csv-bullet-3.pink-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #e59bdc; } .csv-bullet-1.pink-light span:nth-child(1), .csv-bullet-2.pink-light span:nth-child(1), .csv-bullet-2.pink-light span:nth-child(2), .csv-bullet-3.pink-light span:nth-child(1), .csv-bullet-3.pink-light span:nth-child(2), .csv-bullet-3.pink-light span:nth-child(3) { background: #e59bdc; } .csv-bullet-0.pink-dark span, .csv-bullet-1.pink-dark span, .csv-bullet-2.pink-dark span, .csv-bullet-3.pink-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #890c58; } .csv-bullet-1.pink-dark span:nth-child(1), .csv-bullet-2.pink-dark span:nth-child(1), .csv-bullet-2.pink-dark span:nth-child(2), .csv-bullet-3.pink-dark span:nth-child(1), .csv-bullet-3.pink-dark span:nth-child(2), .csv-bullet-3.pink-dark span:nth-child(3) { background: #890c58; } .csv-bullet-0.cherry span, .csv-bullet-1.cherry span, .csv-bullet-2.cherry span, .csv-bullet-3.cherry span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #ce0037; } .csv-bullet-1.cherry span:nth-child(1), .csv-bullet-2.cherry span:nth-child(1), .csv-bullet-2.cherry span:nth-child(2), .csv-bullet-3.cherry span:nth-child(1), .csv-bullet-3.cherry span:nth-child(2), .csv-bullet-3.cherry span:nth-child(3) { background: #ce0037; } .csv-bullet-0.cherry-light span, .csv-bullet-1.cherry-light span, .csv-bullet-2.cherry-light span, .csv-bullet-3.cherry-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #ffb3ab; } .csv-bullet-1.cherry-light span:nth-child(1), .csv-bullet-2.cherry-light span:nth-child(1), .csv-bullet-2.cherry-light span:nth-child(2), .csv-bullet-3.cherry-light span:nth-child(1), .csv-bullet-3.cherry-light span:nth-child(2), .csv-bullet-3.cherry-light span:nth-child(3) { background: #ffb3ab; } .csv-bullet-0.cherry-dark span, .csv-bullet-1.cherry-dark span, .csv-bullet-2.cherry-dark span, .csv-bullet-3.cherry-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #a50034; } .csv-bullet-1.cherry-dark span:nth-child(1), .csv-bullet-2.cherry-dark span:nth-child(1), .csv-bullet-2.cherry-dark span:nth-child(2), .csv-bullet-3.cherry-dark span:nth-child(1), .csv-bullet-3.cherry-dark span:nth-child(2), .csv-bullet-3.cherry-dark span:nth-child(3) { background: #a50034; } .csv-bullet-0.orange span, .csv-bullet-1.orange span, .csv-bullet-2.orange span, .csv-bullet-3.orange span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #d64123; } .csv-bullet-1.orange span:nth-child(1), .csv-bullet-2.orange span:nth-child(1), .csv-bullet-2.orange span:nth-child(2), .csv-bullet-3.orange span:nth-child(1), .csv-bullet-3.orange span:nth-child(2), .csv-bullet-3.orange span:nth-child(3) { background: #d64123; } .csv-bullet-0.orange-light span, .csv-bullet-1.orange-light span, .csv-bullet-2.orange-light span, .csv-bullet-3.orange-light span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #ffb990; } .csv-bullet-1.orange-light span:nth-child(1), .csv-bullet-2.orange-light span:nth-child(1), .csv-bullet-2.orange-light span:nth-child(2), .csv-bullet-3.orange-light span:nth-child(1), .csv-bullet-3.orange-light span:nth-child(2), .csv-bullet-3.orange-light span:nth-child(3) { background: #ffb990; } .csv-bullet-0.orange-dark span, .csv-bullet-1.orange-dark span, .csv-bullet-2.orange-dark span, .csv-bullet-3.orange-dark span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #a9431e; } .csv-bullet-1.orange-dark span:nth-child(1), .csv-bullet-2.orange-dark span:nth-child(1), .csv-bullet-2.orange-dark span:nth-child(2), .csv-bullet-3.orange-dark span:nth-child(1), .csv-bullet-3.orange-dark span:nth-child(2), .csv-bullet-3.orange-dark span:nth-child(3) { background: #a9431e; } .csv-bullet-0.gainsboro span, .csv-bullet-1.gainsboro span, .csv-bullet-2.gainsboro span, .csv-bullet-3.gainsboro span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #949494; } .csv-bullet-1.gainsboro span:nth-child(1), .csv-bullet-2.gainsboro span:nth-child(1), .csv-bullet-2.gainsboro span:nth-child(2), .csv-bullet-3.gainsboro span:nth-child(1), .csv-bullet-3.gainsboro span:nth-child(2), .csv-bullet-3.gainsboro span:nth-child(3) { background: #949494; } .csv-bullet-0.lightgray span, .csv-bullet-1.lightgray span, .csv-bullet-2.lightgray span, .csv-bullet-3.lightgray span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #d3d3d3; } .csv-bullet-1.lightgray span:nth-child(1), .csv-bullet-2.lightgray span:nth-child(1), .csv-bullet-2.lightgray span:nth-child(2), .csv-bullet-3.lightgray span:nth-child(1), .csv-bullet-3.lightgray span:nth-child(2), .csv-bullet-3.lightgray span:nth-child(3) { background: #d3d3d3; } .csv-bullet-0.darkgray span, .csv-bullet-1.darkgray span, .csv-bullet-2.darkgray span, .csv-bullet-3.darkgray span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #a9a9a9; } .csv-bullet-1.darkgray span:nth-child(1), .csv-bullet-2.darkgray span:nth-child(1), .csv-bullet-2.darkgray span:nth-child(2), .csv-bullet-3.darkgray span:nth-child(1), .csv-bullet-3.darkgray span:nth-child(2), .csv-bullet-3.darkgray span:nth-child(3) { background: #a9a9a9; } .csv-bullet-0.gray span, .csv-bullet-1.gray span, .csv-bullet-2.gray span, .csv-bullet-3.gray span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid grey; } .csv-bullet-1.gray span:nth-child(1), .csv-bullet-2.gray span:nth-child(1), .csv-bullet-2.gray span:nth-child(2), .csv-bullet-3.gray span:nth-child(1), .csv-bullet-3.gray span:nth-child(2), .csv-bullet-3.gray span:nth-child(3) { background: grey; } .csv-bullet-0.dimgray span, .csv-bullet-1.dimgray span, .csv-bullet-2.dimgray span, .csv-bullet-3.dimgray span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #696969; } .csv-bullet-1.dimgray span:nth-child(1), .csv-bullet-2.dimgray span:nth-child(1), .csv-bullet-2.dimgray span:nth-child(2), .csv-bullet-3.dimgray span:nth-child(1), .csv-bullet-3.dimgray span:nth-child(2), .csv-bullet-3.dimgray span:nth-child(3) { background: #696969; } .csv-bullet-0.slategray span, .csv-bullet-1.slategray span, .csv-bullet-2.slategray span, .csv-bullet-3.slategray span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #708090; } .csv-bullet-1.slategray span:nth-child(1), .csv-bullet-2.slategray span:nth-child(1), .csv-bullet-2.slategray span:nth-child(2), .csv-bullet-3.slategray span:nth-child(1), .csv-bullet-3.slategray span:nth-child(2), .csv-bullet-3.slategray span:nth-child(3) { background: #708090; } .csv-bullet-0.darkslategray span, .csv-bullet-1.darkslategray span, .csv-bullet-2.darkslategray span, .csv-bullet-3.darkslategray span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #2f4f4f; } .csv-bullet-1.darkslategray span:nth-child(1), .csv-bullet-2.darkslategray span:nth-child(1), .csv-bullet-2.darkslategray span:nth-child(2), .csv-bullet-3.darkslategray span:nth-child(1), .csv-bullet-3.darkslategray span:nth-child(2), .csv-bullet-3.darkslategray span:nth-child(3) { background: #2f4f4f; } .csv-bullet-0.white span, .csv-bullet-1.white span, .csv-bullet-2.white span, .csv-bullet-3.white span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #ffffff; } .csv-bullet-1.white span:nth-child(1), .csv-bullet-2.white span:nth-child(1), .csv-bullet-2.white span:nth-child(2), .csv-bullet-3.white span:nth-child(1), .csv-bullet-3.white span:nth-child(2), .csv-bullet-3.white span:nth-child(3) { background: #ffffff; } .csv-bullet-0.black span, .csv-bullet-1.black span, .csv-bullet-2.black span, .csv-bullet-3.black span { border-radius: 100%; display: inline-block; padding: 0.6em; border: 1px solid #000000; } .csv-bullet-1.black span:nth-child(1), .csv-bullet-2.black span:nth-child(1), .csv-bullet-2.black span:nth-child(2), .csv-bullet-3.black span:nth-child(1), .csv-bullet-3.black span:nth-child(2), .csv-bullet-3.black span:nth-child(3) { background: #000000; } .csv-bullet-0 span:nth-child(4), .csv-bullet-1 span:nth-child(4), .csv-bullet-2 span:nth-child(4), .csv-bullet-3 span:nth-child(4) { border: none !important; } .csv-bullet-0 span:nth-child(4):after { content: "New"; } .csv-bullet-1 span:nth-child(4):after, .csv-bullet-2 span:nth-child(4):after { content: "In progress"; } .csv-bullet-3 span:nth-child(4):after { content: "Achieved"; } .csv-bullet-0 span:nth-child(4):after, .csv-bullet-1 span:nth-child(4):after, .csv-bullet-2 span:nth-child(4):after, .csv-bullet-3 span:nth-child(4):after { vertical-align: text-top; line-height: 0.6em; } .verybigfont { font-size: 2.25em; margin-bottom: 21px; } .person { font-family: "Nestle-Text-Book"; width: 90% !important; margin: inherit !important; display: block; float: inherit !important; margin-bottom: 3% !important; text-align: left !important; padding: 1.5rem; background: #f4f4f5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .staffchart { margin: 0 !important; padding: 0; position: relative; z-index: 0; } .staffchart ul { margin: 0 !important; padding: 0 !important; line-height: inherit; } .staffchart li { left: auto; margin: 0; padding: 0 !important; list-style: none; } .staffchart .group .person .name { padding-left: 0px; } .staffchart .person { position: relative; float: left; width: 29.3333%; margin: 0 2% 3%; color: #666666; text-align: center; } .staffchart .person.indent-1 { margin: 0 auto 3% !important; } .staffchart .person .name, .staffchart .person .nameNoLink { background: #f4f4f5 !important; } .staffchart .person .titleNoLink { background: #f4f4f5; padding: 0px; } .staffchart .person .title { background: #f4f4f5; font-size: 1.6em; padding: 0px; padding-bottom: 1rem; } .staffchart .person .title span { font-weight: 200; line-height: 1.3em !important; height: inherit; font-family: "Nestle-Text-Light"; } .staffchart .person:hover { text-decoration: none; } .staffchart .person:hover .name { background: #d3d4d5; } .staffchart .person:hover .nameNoLink { background: #e8e8e9; } .staffchart .person.indent-1 { margin-left: 35.3333%; } .staffchart .person .title { position: relative; z-index: 1; padding: 10px; font-family: "Nestle-Text-Light"; font-size: 1.46em; line-height: 1.5; } .staffchart .person .title span { display: inline-block; vertical-align: middle; line-height: 17px; } .staffchart .person span.title { float: left; width: 100%; } .staffchart .person .titleNoLink { position: relative; z-index: 1; padding: 10px; } .staffchart .person .titleNoLink span { display: inline-block; vertical-align: middle; line-height: 17px; } .staffchart .person .name { position: relative; z-index: 1; padding: 10px; font-weight: bold; background: #e8e8e9; color: #6c707a; font-family: "Nestle-Text-Light"; font-weight: 700; font-size: 1.15em; line-height: 1.5; } .staffchart .person .nameNoLink { position: relative; z-index: 1; padding: 10px; font-weight: bold; background: #e8e8e9; } .staffchart .person .join-row:after { content: ""; position: absolute; left: 50%; bottom: -50px; top: auto; width: 1px; height: 50px; background: #8c8c97; } .staffchart .person.join-row:after { content: ""; position: absolute; left: 50%; bottom: -50px; top: auto; width: 1px; height: 50px; background: #8c8c97; } .staffchart li { margin: 0 auto; } .staffchart a.person:hover { background: #dfe0e1; } .staffchart a.person:hover .title, .staffchart a.person:hover .titleNoLink, .staffchart a.person:hover .name, .staffchart a.person:hover .nameNoLink { background: #dfe0e1 !important; } .staffchart .group { border: 1px solid #e8e8e9 !important; } .staffchart .group .person { width: 48% !important; float: left !important; margin-left: 1% !important; margin-right: 1% !important; } .staffchart .person.join-row:after { background: #e8e8e9; } .staffchart .group .person .title { padding: 0px; } .staffchart ol { padding-left: 0; margin: inherit; margin-left: inherit; } .staffchart ol .person:after { content: ""; position: absolute; left: -50px; top: 50%; width: 50px; height: 1px; background: #8c8c97; } .staffchart .row { clear: both; overflow: hidden; padding: 0 1% !important; } .staffchart .group { padding-top: 3% !important; border: 1px solid #8c8c97; } @media screen and (max-width: 950px) { .staffchart .group .person { width: 98% !important; } } #block-csvfooter .standardboxhtml > .component-paragraph-field, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; vertical-align: middle; width: 100%; max-width: 80%; margin: 2em auto 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 768px) { #block-csvfooter .standardboxhtml > .component-paragraph-field, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4 { width: auto; margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 768px) and (orientation: landscape) { #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4 { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4 .component-paragraph-field .field--type-text-long, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4 .component-paragraph-field .field--type-text-long { width: 100%; } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:first-of-type .component-paragraph-field, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:first-of-type .component-paragraph-field { display: -webkit-box; display: -ms-flexbox; display: flex; } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:first-of-type .component-paragraph-field p, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:first-of-type .component-paragraph-field p { padding-bottom: 0; } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:first-of-type .paragraph--type--c-text, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:first-of-type .paragraph--type--c-text { margin-bottom: 0; } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:first-of-type img, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:first-of-type img { min-width: 160px; max-height: 102px; } @media (max-width: 1023px) { #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:first-of-type, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:first-of-type { display: none; } } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:nth-of-type(2), #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:nth-of-type(2) { padding: 0 1em; } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:nth-of-type(2) .component-paragraph-field, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:nth-of-type(2) .component-paragraph-field { display: inherit; } @media (max-width: 767px) { #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:nth-of-type(2), #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:nth-of-type(2) { padding: 0; } } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:last-of-type .component-paragraph-field, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:last-of-type .component-paragraph-field { display: inherit; margin-bottom: 15.2px; } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:last-of-type .component-paragraph-field p, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:last-of-type .component-paragraph-field p { padding-bottom: 0; } @media (max-width: 768px) { #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:last-of-type .field--type-text-long, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4:last-of-type .field--type-text-long { text-align: center; } } #block-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4 img, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .col-md-4 img { width: auto; display: block; margin: 0 auto; } #block-csvfooter .standardboxhtml > .component-paragraph-field .button, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .button { margin-bottom: 0; width: 100%; } @media (max-width: 767px) { #block-csvfooter .standardboxhtml > .component-paragraph-field .button, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .button { margin: 0; } } @media (max-width: 768px) { #block-csvfooter .standardboxhtml > .component-paragraph-field .button, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .button { width: 50%; margin: 0 auto; } } @media (max-width: 575px) { #block-csvfooter .standardboxhtml > .component-paragraph-field .button, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field .button { width: 100%; } } #block-csvfooter .standardboxhtml > .component-paragraph-field h4, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field h4 { -ms-hyphens: none; hyphens: none; } @media (max-width: 768px) { #block-csvfooter .standardboxhtml > .component-paragraph-field h4, #block-da-vinci-code-csvfooter .standardboxhtml > .component-paragraph-field h4 { text-align: center; } } .strategic-vision ul.ShellAccordeonContainer { text-align: left; width: 100%; list-style-type: none; margin-left: 0; padding-left: 0; } .strategic-vision ul.ShellAccordeonContainer .content { float: none; } .strategic-vision ul.ShellAccordeonContainer .accordeon { padding-bottom: 0; } .strategic-vision ul.ShellAccordeonContainer > li { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .strategic-vision .signmeup { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .strategic-vision ul.ShellAccordeonContainer > li .opener { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .strategic-vision ul.ShellAccordeonContainer > li a { font-size: 1.35em; } .strategic-vision ul.ShellAccordeonContainer li .content { padding: 0; } .strategic-vision ul.ShellAccordeonContainer li.first ul.checkbox { line-height: 2em; vertical-align: text-top; list-style-type: none; } .strategic-vision ul.ShellAccordeonContainer li ul.checkbox li { background-image: url(./icon-checkbox-white.png); background-size: 40px; line-height: 2em; padding-left: 52px !important; background-repeat: no-repeat; font-size: 1.1em; width: 100%; border-bottom: none; width: calc(100% - 52px); } .strategic-vision ul.ShellAccordeonContainer li div.list-icon-heading { background-image: url(./home_icon_executing.png); background-repeat: no-repeat; background-size: 40px; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; padding-bottom: 0.4em; } .strategic-vision ul.ShellAccordeonContainer li.first .opener.open a, .strategic-vision ul.ShellAccordeonContainer li.second .opener.open div.list-icon-heading { display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .strategic-vision ul.ShellAccordeonContainer li.first div.list-icon-heading { background-image: url(./home_icon_executing.png); background-repeat: no-repeat; background-size: 40px; } @media (max-width: 767px) { .strategic-vision ul.ShellAccordeonContainer li.first div.list-icon-heading { background-size: 35px; } } .strategic-vision ul.ShellAccordeonContainer li.first a { background-color: #ffffff; font-size: 1.35em; color: #007cba !important; } .strategic-vision ul.ShellAccordeonContainer li.first .content { background-color: #007cba; color: #ffffff; } .strategic-vision ul.ShellAccordeonContainer li.first .opener { background-color: #ffffff; width: 100%; display: block; border-top-left-radius: 2em; border-top-right-radius: 2em; } .strategic-vision ul.ShellAccordeonContainer li.first .opener.open { background-color: #007cba; color: #ffffff; } .strategic-vision ul.ShellAccordeonContainer li.first .opener.open a { color: #ffffff; font-size: 1.35em; width: 100%; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #007cba !important; } .strategic-vision ul.ShellAccordeonContainer li.second div.list-icon-heading { background-image: url(./home_icon_delivering.png); background-repeat: no-repeat; background-size: 40px; } @media (max-width: 767px) { .strategic-vision ul.ShellAccordeonContainer li.second div.list-icon-heading { background-size: 35px; } } .strategic-vision ul.ShellAccordeonContainer li.second a { background-color: #ffffff; font-size: 1.35em; color: #d64123 !important; } .strategic-vision ul.ShellAccordeonContainer li.second .content { color: #ffffff; } .strategic-vision ul.ShellAccordeonContainer li.second .opener { background-color: #ffffff; width: 100%; display: block; } .strategic-vision ul.ShellAccordeonContainer li.second .opener.open { color: #ffffff; } .strategic-vision ul.ShellAccordeonContainer li.second .opener.open div.list-icon-heading { background-image: url(./home_icon_delivering-active.png); background-repeat: no-repeat; background-size: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 40px; height: 40px; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } @media (max-width: 767px) { .strategic-vision ul.ShellAccordeonContainer li.second .opener.open div.list-icon-heading { background-size: 35px; } } .strategic-vision ul.ShellAccordeonContainer li.second .opener.open a { font-size: 1.35em; background-color: #d64123 !important; color: #ffffff; } .strategic-vision ul.ShellAccordeonContainer li.third .lastAccordeonElement { border-bottom-left-radius: 2em; border-bottom-right-radius: 2em; overflow: hidden; } .strategic-vision ul.ShellAccordeonContainer li.third div.list-icon-heading { background-image: url(./home_icon_addressing.png); background-repeat: no-repeat; background-size: 40px; } @media (max-width: 767px) { .strategic-vision ul.ShellAccordeonContainer li.third div.list-icon-heading { background-size: 35px; } } .strategic-vision ul.ShellAccordeonContainer li.third a { font-size: 1.35em; background-color: #ffffff !important; color: #00b2a9 !important; } .strategic-vision ul.ShellAccordeonContainer li.third .opener { background-color: #ffffff; width: 100%; display: block; } .strategic-vision ul.ShellAccordeonContainer li.third .opener.open div.list-icon-heading { background-image: url(./home_icon_addressing-active.png); background-repeat: no-repeat; background-size: 40px; } @media (max-width: 767px) { .strategic-vision ul.ShellAccordeonContainer li.third .opener.open div.list-icon-heading { background-size: 35px; } } .strategic-vision ul.ShellAccordeonContainer li.third .opener.open a { font-size: 1.35em; background-color: #00b2a9 !important; color: #ffffff !important; } .strategic-vision ul.ShellAccordeonContainer li.fourth div.list-icon-heading { background-image: url(./home_icon_committed.png); background-repeat: no-repeat; background-size: 40px; } .strategic-vision ul.ShellAccordeonContainer li.fourth a { font-size: 1.35em; background-color: #ffffff !important; color: #eaaa00 !important; } .strategic-vision ul.ShellAccordeonContainer li.fourth .opener.open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .strategic-vision ul.ShellAccordeonContainer li.fourth .opener.open div.list-icon-heading { background-image: url(./home_icon_committed-active.png); background-repeat: no-repeat; background-size: 40px; } .strategic-vision ul.ShellAccordeonContainer li.fourth .opener.open a { font-size: 1.35em; } .strategic-vision ul.ShellAccordeonContainer > li .opener { padding: 1em 2em; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d3d4d5; } .strategic-vision ul.ShellAccordeonContainer > li .opener.open { border-bottom: none; } .strategic-vision img.list-icon-heading { width: 50px; } .strategic-vision ul.ShellAccordeonContainer li a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .strategic-vision ul.ShellAccordeonContainer li.first div.list-icon-heading, .strategic-vision ul.ShellAccordeonContainer li.fourth div.list-icon-heading, .strategic-vision ul.ShellAccordeonContainer li.second div.list-icon-heading, .strategic-vision ul.ShellAccordeonContainer li.third div.list-icon-heading { padding-left: 0; } .strategic-vision ul.ShellAccordeonContainer ul.checkbox { padding: 0 4.7em 2em; margin-bottom: 0; border-bottom: 0; } .strategic-vision .ShellAccordeonContainer .opener.open a span { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0.4em; padding-top: 0.25em; width: 100%; line-height: 1.35em; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .strategic-vision ul.ShellAccordeonContainer li ul li.pdf-icon { background-image: url(./press_icon-pdf-white.png) !important; } .strategic-vision ul.ShellAccordeonContainer li ul li.event-icon { background-image: url(./press_icon-event-white.png) !important; } .strategic-vision ul.ShellAccordeonContainer li ul li.link-icon { background-image: url(./press_icon-link-white.png) !important; } .strategic-vision ul.ShellAccordeonContainer li ul li.event-icon a, .strategic-vision ul.ShellAccordeonContainer li ul li.link-icon a, .strategic-vision ul.ShellAccordeonContainer li ul li.pdf-icon a { font-size: 1em; color: #ffffff; line-height: 1.2em; } .strategic-vision ul.ShellAccordeonContainer li ul li.event-icon, .strategic-vision ul.ShellAccordeonContainer li ul li.link-icon, .strategic-vision ul.ShellAccordeonContainer li ul li.pdf-icon { line-height: 1.2em; padding-bottom: 1.25em; background-position: left; } .strategic-vision ul.ShellAccordeonContainer ul.checkbox { list-style-type: none; list-style-image: none !important; } .strategic-vision ul.ShellAccordeonContainer ul.checkbox li { list-style-type: none; list-style-image: none !important; } .strategic-vision ul.ShellAccordeonContainer li { list-style: none; border-bottom: 0 !important; margin-bottom: 0; } .strategic-vision ul.ShellAccordeonContainer li.first .opener.open div.list-icon-heading { background-image: url(./home_icon_executing-active.png); background-repeat: no-repeat; background-size: 40px; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding-bottom: 0.4em; display: flex; } @media (max-width: 767px) { .strategic-vision ul.ShellAccordeonContainer li.first .opener.open div.list-icon-heading { background-size: 35px; } } .strategic-vision ul.ShellAccordeonContainer li.second .opener div.list-icon-heading { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .strategic-vision ul.ShellAccordeonContainer li a span { padding-left: 0.4em; padding-top: 0.25em; width: 96%; } .strategic-vision ul.ShellAccordeonContainer li.first .opener a { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .strategic-vision ul.ShellAccordeonContainer li.fourth .opener a, .strategic-vision ul.ShellAccordeonContainer li.second .opener a, .strategic-vision ul.ShellAccordeonContainer li.third .opener a { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .strategic-vision .ShellAccordeonContainer .opener.open a span:after, .strategic-vision .accordeon .opener.open .opener-content:after { content: ""; color: #ffffff; } .strategic-vision .ShellAccordeonContainer .opener a span:after { float: right; display: none; } .strategic-vision ul.ShellAccordeonContainer li.first { border-top-left-radius: 2em; border-top-right-radius: 2em; overflow: hidden; } .strategic-vision ul.ShellAccordeonContainer li.first .opener a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .strategic-vision ul.ShellAccordeonContainer li .opener:hover { border-left: 0 solid #dfe0e1; border-right: 0 solid #dfe0e1; margin-left: 0; } .strategic-vision .ShellAccordeonContainer .opener:hover a { color: initial; background: initial; } .strategic-vision ul.ShellAccordeonContainer li.second .content, .strategic-vision ul.ShellAccordeonContainer li.second .opener.open { background-color: #d64123 !important; } .strategic-vision .ShellAccordeonContainer .opener.open a span { -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .strategic-vision ul.ShellAccordeonContainer li.second .opener div.list-icon-heading { -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .strategic-vision ul.ShellAccordeonContainer li.third .content, .strategic-vision ul.ShellAccordeonContainer li.third .opener.open { background-color: #00b2a9 !important; color: #ffffff; } .strategic-vision ul.ShellAccordeonContainer li.fourth .content { background-color: #eaaa00 !important; color: #ffffff !important; } .strategic-vision ul.ShellAccordeonContainer li.fourth .opener { background-color: #ffffff !important; } .strategic-vision ul.ShellAccordeonContainer li.fourth .opener.open { background-color: #eaaa00 !important; color: #ffffff !important; } .strategic-vision ul.ShellAccordeonContainer li.fourth .opener.open a { background-color: #eaaa00 !important; color: #ffffff !important; } .strategic-vision .ShellAccordeonContainer .opener a span { display: block; background: url(./icon-plus_mini.png) 100% 60% no-repeat !important; } @media (max-width: 767px) { .strategic-vision .ShellAccordeonContainer .opener a span { padding-right: 40px; } } .strategic-vision .ShellAccordeonContainer .opener.open a span { background: url(./icon-minus-white_mini.png) 100% 60% no-repeat !important; } .strategic-vision ul.ShellAccordeonContainer li.first .opener.open div.list-icon-heading, .strategic-vision ul.ShellAccordeonContainer li.second .opener.open div.list-icon-heading, .strategic-vision ul.ShellAccordeonContainer li.third .opener.open div.list-icon-heading { min-width: 30px; } @media screen and (max-width: 960px) { .strategic-vision ul.ShellAccordeonContainer ul.checkbox { padding: inherit; padding-bottom: 2em; } } @media (min-width: 1024px) { .check-section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } } @media (min-width: 1024px) { .check-section .check-icon { min-width: 40px; } } .check-icon { width: 40px; float: left; display: block; height: 40px; border-radius: 100%; border: 1px solid; margin: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .check-icon::after { content: "✓"; position: absolute; width: 10px; top: -2.5px; left: 50%; margin-left: -11px; font-size: 30px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .check-icon::after { top: -5px; } } .check-icon.oak-5 { color: #f4f4f5; } .check-icon.oak-15 { color: #e8e8e9; } .check-icon.oak-30 { color: #d3d4d5; } .check-icon.oak-45 { color: #bfc0c5; } .check-icon.oak-60 { color: #a7a8af; } .check-icon.oak-80 { color: #8c8c97; } .check-icon.oak { color: #6c707a; } .check-icon.oak-light { color: #f4f4f5; } .check-icon.oak-dark { color: #494950; } .check-icon.coffee { color: #ad7c59; } .check-icon.coffee-light { color: #d3bba8; } .check-icon.coffee-dark { color: #774212; } .check-icon.apricot { color: #ff9e1b; } .check-icon.apricot-light { color: #fdd086; } .check-icon.apricot-dark { color: #d57800; } .check-icon.mustard { color: #ffd100; } .check-icon.mustard-light { color: #f9e547; } .check-icon.mustard-dark { color: #eaaa00; } .check-icon.olive { color: #c4d600; } .check-icon.olive-light { color: #e2e868; } .check-icon.olive-dark { color: #949300; } .check-icon.green { color: #73a039; } .check-icon.green-light { color: #bce194; } .check-icon.green-dark { color: #2e8025; } .check-icon.aqua { color: #00b2a9; } .check-icon.aqua-light { color: #9cdbd9; } .check-icon.aqua-dark { color: #007681; } .check-icon.blue { color: #007cba; } .check-icon.blue-light { color: #9bcbeb; } .check-icon.blue-dark { color: #00629b; } .check-icon.blueberry { color: #485cc7; } .check-icon.blueberry-light { color: #b8ccea; } .check-icon.blueberry-dark { color: #171c8f; } .check-icon.aubergine { color: #ac4fc6; } .check-icon.aubergine-light { color: #caa2dd; } .check-icon.aubergine-dark { color: #6d2077; } .check-icon.pink { color: #c6007e; } .check-icon.pink-light { color: #e59bdc; } .check-icon.pink-dark { color: #890c58; } .check-icon.cherry { color: #ce0037; } .check-icon.cherry-light { color: #ffb3ab; } .check-icon.cherry-dark { color: #a50034; } .check-icon.orange { color: #d64123; } .check-icon.orange-light { color: #ffb990; } .check-icon.orange-dark { color: #a9431e; } .check-icon.gainsboro { color: #dcdcdc; } .check-icon.lightgray { color: #d3d3d3; } .check-icon.silver { color: silver; } .check-icon.darkgray { color: #a9a9a9; } .check-icon.gray { color: grey; } .check-icon.dimgray { color: #696969; } .check-icon.slategray { color: #708090; } .check-icon.darkslategray { color: #2f4f4f; } .nwe-2-column, .nwe-row.nwe-2-column { -webkit-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; } #NESoneCol .nwe-column-1 { width: 100%; float: left; margin-bottom: 1.22%; } .nwe-row.nwe-1-column { max-width: 80%; margin: 0 auto; } #NESFullWidth, #NESFullWidth .nwe-row.nwe-1-column { width: 100%; max-width: 100%; margin-bottom: 1.22%; } @media screen and (max-width: 960px) { #NESFullWidth, #NESFullWidth .nwe-row.nwe-1-column { width: 80%; max-width: 80%; } } .nwe-2-column { max-width: 80%; margin: 0 auto 1.22%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nwe-row.nwe-2-column { max-width: 80%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 30em) { .nwe-2-column .nwe-row.nwe-2-column, .nwe-row.nwe-2-column { margin-top: 0.61%; margin-bottom: 0.61%; } .nwe-row.nwe-4-column { margin: 0 0 1.22%; } } #NEStwoColBigLeft .nwe-column-1 { width: 66.26%; margin-right: 0.61%; } #NEStwoColBigLeft .nwe-column-2 { width: 32.52%; margin-left: 0.61%; } @media screen and (max-width: 45em) { #NEStwoColBigLeft .nwe-column-1, #NEStwoColBigLeft .nwe-column-2 { width: 100%; margin: 0 0 1.22%; } } @media screen and (min-width: 45em) and (max-width: 60em) { #NEStwoColBigLeft .nwe-column-1 { width: 49.39%; margin-right: 0.61%; } #NEStwoColBigLeft .nwe-column-2 { width: 49.39%; margin-left: 0.61%; } } .nwe-2-column .nwe-column-1 { width: 49.39%; margin-right: 0.61%; } .nwe-2-column .nwe-column-2 { width: 49.39%; margin-left: 0.61%; } @media screen and (max-width: 45em) { .nwe-2-column .nwe-column-1, .nwe-2-column .nwe-column-2 { width: 100%; margin: 0 0 1.22%; } } #NEStwoColBigRight .nwe-column-2 { width: 66.26%; margin-left: 0.61%; } #NEStwoColBigRight .nwe-column-1 { width: 32.52%; margin-right: 0.61%; } @media screen and (max-width: 45em) { #NEStwoColBigRight .nwe-column-1, #NEStwoColBigRight .nwe-column-2 { width: 100%; margin: 0 0 1.22%; } } @media screen and (min-width: 45em) and (max-width: 60em) { #NEStwoColBigRight .nwe-column-1 { width: 49.39%; margin-right: 0.61%; } #NEStwoColBigRight .nwe-column-2 { width: 49.39%; margin-left: 0.61%; } } .nwe-3-column { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 1800px) { .nwe-3-column { max-width: 1440px !important; margin: 0 !important; } } .nwe-2-column, .nwe-3-column, .nwe-4-column, .nwe-5-column { display: -webkit-box; display: -ms-flexbox; } .nwe-2-column .card .contentwrapper .content, .nwe-2-column .card .contentwrapper a, .nwe-3-column .card .contentwrapper .content, .nwe-3-column .card .contentwrapper a, .nwe-4-column .card .contentwrapper .content, .nwe-4-column .card .contentwrapper a, .nwe-5-column .card .contentwrapper .content, .nwe-5-column .card .contentwrapper a { font-size: 16px; line-height: 24px; text-decoration: none; } .nwe-3-column { max-width: 80%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nwe-3-column .nwe-column-1, .nwe-3-column .nwe-column-2, .nwe-3-column .nwe-column-3 { width: 32.52%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 1.22%; } .nwe-4-column, .nwe-5-column { margin: 0 auto; -webkit-flex-wrap: wrap; max-width: 80%; } .nwe-3-column .nwe-column-1 .nwe-widget-content.cf, .nwe-3-column .nwe-column-2 .nwe-widget-content.cf, .nwe-3-column .nwe-column-3 .nwe-widget-content.cf { height: auto; } .nwe-3-column .nwe-column-1, .nwe-3-column .nwe-column-2 { margin-right: 0.61%; } .nwe-3-column .nwe-column-2, .nwe-3-column .nwe-column-3 { margin-left: 0.61%; } .nwe-row .nwe-3-column { width: 100%; } .nwe-4-column { display: -webkit-box; display: -ms-flexbox; display: flex; } .nwe-4-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #subCol .nwe-column.nwe-column-1, #subCol .nwe-column.nwe-column-1 .nwe-widget-content, .nwe-5-column { display: -webkit-box; display: -ms-flexbox; } .nwe-row .nwe-4-column { width: 100%; } @media screen and (max-width: 30em) { .nwe-3-column .nwe-column-1, .nwe-3-column .nwe-column-2, .nwe-3-column .nwe-column-3 { width: 100%; margin: 0 0 1.22%; } .nwe-4-column .nwe-column-1, .nwe-4-column .nwe-column-2, .nwe-4-column .nwe-column-3, .nwe-4-column .nwe-column-4 { width: 100%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 30em) and (max-width: 60em) { .nwe-3-column .nwe-column-1, .nwe-3-column .nwe-column-2, .nwe-3-column .nwe-column-3 { width: 100%; margin: 0 0 1.22%; } .nwe-4-column .nwe-column-1, .nwe-4-column .nwe-column-2, .nwe-4-column .nwe-column-3, .nwe-4-column .nwe-column-4 { width: 49.39%; float: left; display: block; } .nwe-4-column .nwe-column-1, .nwe-4-column .nwe-column-3 { margin-left: 0; margin-right: 0.61%; } .nwe-4-column .nwe-column-2, .nwe-4-column .nwe-column-4 { margin-left: 0.61%; margin-right: 0; } } @media screen and (min-width: 60em) { .nwe-4-column .nwe-column-1, .nwe-4-column .nwe-column-2, .nwe-4-column .nwe-column-3, .nwe-4-column .nwe-column-4 { width: 24.085%; float: left; display: block; } .nwe-4-column .nwe-column-1, .nwe-4-column .nwe-column-2, .nwe-4-column .nwe-column-3 { margin-left: 0; margin-right: 0.61%; } .nwe-4-column .nwe-column-2, .nwe-4-column .nwe-column-3, .nwe-4-column .nwe-column-4 { margin-left: 0.61%; } } .nwe-5-column { display: block; } .nwe-5-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nwe-row .nwe-5-column { width: 100%; margin: 0 0 1.22%; } .nwe-5-column .nwe-column-1, .nwe-5-column .nwe-column-2, .nwe-5-column .nwe-column-3, .nwe-5-column .nwe-column-4 { margin-left: 0; margin-right: 0; } @media screen and (min-width: 30em) { .nwe-row .nwe-5-column { margin: 0 0 1.22%; } } @media screen and (max-width: 30em) { .nwe-5-column .nwe-column-1, .nwe-5-column .nwe-column-2, .nwe-5-column .nwe-column-3, .nwe-5-column .nwe-column-4, .nwe-5-column .nwe-column-5 { width: 100%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 30em) and (max-width: 45em) { .nwe-5-column .nwe-column-1, .nwe-5-column .nwe-column-2, .nwe-5-column .nwe-column-3, .nwe-5-column .nwe-column-4, .nwe-5-column .nwe-column-5 { width: 49.39%; float: left; display: block; } .nwe-5-column .nwe-column-1, .nwe-5-column .nwe-column-3, .nwe-5-column .nwe-column-5 { margin-left: 0; margin-right: 0.61%; } .nwe-5-column .nwe-column-2, .nwe-5-column .nwe-column-4 { margin-left: 0.61%; } } @media screen and (min-width: 45em) and (max-width: 80em) { .nwe-5-column .nwe-column-1, .nwe-5-column .nwe-column-2, .nwe-5-column .nwe-column-3, .nwe-5-column .nwe-column-4, .nwe-5-column .nwe-column-5 { width: 32.52%; float: left; display: block; } .nwe-5-column .nwe-column-1, .nwe-5-column .nwe-column-2, .nwe-5-column .nwe-column-4 { margin-right: 0.61%; } .nwe-5-column .nwe-column-2, .nwe-5-column .nwe-column-3, .nwe-5-column .nwe-column-5 { margin-left: 0.61%; } .nwe-5-column .nwe-column-3 { margin-right: 0; } } @media screen and (min-width: 80em) { .nwe-5-column .nwe-column-1, .nwe-5-column .nwe-column-2, .nwe-5-column .nwe-column-3, .nwe-5-column .nwe-column-4, .nwe-5-column .nwe-column-5 { width: 19.024%; float: left; } .nwe-5-column .nwe-column-1 { margin-right: 0.61%; } .nwe-5-column .nwe-column-5 { margin-left: 0.61%; } .nwe-5-column .nwe-column-2, .nwe-5-column .nwe-column-3, .nwe-5-column .nwe-column-4 { margin-left: 0.61%; margin-right: 0.61%; } } .csv-download-icon { position: relative; } .csv-download-icon::after { content: ""; width: 35px; height: 35px; position: absolute; right: 20px; bottom: 20px; z-index: 1; background-image: url(./icon-download-white.png); background-repeat: no-repeat; background-size: cover; } .pager li > a, .pager li > span { border: none; border-radius: none; } .accordeon { background-color: #f4f4f5; } .accordeon .opener h3 { color: #6c707a; } .accordeon .opener.open h3, .ShellAccordeonContainer .opener.open:hover a { color: #ffffff; } .opener:hover { background-color: transparent; border-left: 0; border-right: 0; margin-left: 0; } .ShellAccordeonContainer .opener { padding: 0.25em; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #d3d4d5; width: calc(100% - 0.5em); } .ShellAccordeonContainer .accordeon { background-color: #ffffff; } .ShellAccordeonContainer .accordeon { padding-bottom: 0.4em; } .ShellAccordeonContainer .opener a, .ShellAccordeonContainer .opener:hover a, .ShellAccordeonContainer .opener a:hover, .opener a.opener-content:hover, .ShellAccordeonContainer .opener.open:hover a { border-bottom: 0px; } .accordeon .opener.open, .opener.open, .rigthSideAccordion .opener.open { background-color: #494950; } .opener.open { background-color: #f0eeed; } .accordeon .content, .rigthSideAccordion .content { padding: 2em; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; } .accordeon .details { font-size: 0.9em; } .accordeon .opener.open a.opener-content:hover { text-decoration: none !important; border-bottom: 0px; } .ShellAccordeonContainer .opener a { color: #494950; } .ShellAccordeonContainer .opener.open:hover a, .accordeon .opener.open a.opener-content:hover h3 { color: #ffffff; } .accordeon .details p.col1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .accordeon .details p.col2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .accordeon .details p.col3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ShellAccordeonContainer .opener a span, .accordeon .opener a span.arrow { display: block; margin: 6px 0 0 10px; background: none; } .ShellAccordeonContainer .opener a span:after { display: block; float: right; content: "+"; font-size: 1.5em; line-height: 1; color: #494950; margin: -0.15em 0 0em; width: 0.9em; height: 0.9em; padding: 0.05em 0.125em 0 0; text-align: center; -webkit-transition: -webkit-transform 200ms linear; transition: -webkit-transform 200ms linear; transition: transform 200ms linear; transition: transform 200ms linear, -webkit-transform 200ms linear; z-index: 0; color: #494950; background-image: none; } .ShellAccordeonContainer .opener:hover a span, .ShellAccordeonContainer .opener.open a span { background: none; } .accordeon .opener .opener-content:after { display: block; float: left; content: "+"; font-size: 1.5em; line-height: 1; color: #ffffff; margin: -0.5em 0 0em; width: 0.9em; height: 0.9em; padding: 0.05em 0.125em 0 0; text-align: center; -webkit-transition: -webkit-transform 200ms linear; transition: -webkit-transform 200ms linear; transition: transform 200ms linear; transition: transform 200ms linear, -webkit-transform 200ms linear; z-index: 0; color: #494950; background-image: none; } .ShellAccordeonContainer .opener.open a span:after, .accordeon .opener.open .opener-content:after { content: "-"; color: #ffffff; } @media screen and (max-width: 960px) { .accordeon .details p.col1, .accordeon .details p.col2, .accordeon .details p.col3 { width: 50%; } .accordeon .details p.col1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .accordeon .details p.col2 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .accordeon .details p.col3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media screen and (max-width: 480px) { .accordeon .details p.col1, .accordeon .details p.col2, .accordeon .details p.col3 { width: 100%; } .accordeon .details p.col1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .accordeon .details p.col2 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .accordeon .details p.col3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .ShellAccordeonContainer .opener.open a span, .opener.open a span { color: #ffffff; } li { line-height: 1.4em; padding-bottom: 0; } #KPIList ul, #KPIList ul li { list-style: none; padding-left: 0; width: 100%; } section.mediaContact { width: 100%; } #KPIList .hidden { visibility: visible; } ul.ShellAccordeonContainer li, section[class^="SocialTools"] ul li { list-style-image: none !important; list-style-type: none; } #KPIList ul, #KPIList ul li, #faqSearchSection li, .contentSearchContainer li, .expandingList li, .river-of-news li, ul.ShellAccordeonContainer li { list-style: none; border-bottom: 2px solid #ffffff; line-height: 1.4em; margin-bottom: 0.4em; } .TintedText, .black-box .black-box-text { padding: 2em; } blockquote:hover .bg-oak-5 .no-effect { background-color: #f4f4f5; } blockquote:hover .bg-oak-15 .no-effect { background-color: #e8e8e9; } blockquote:hover .bg-oak-30 .no-effect { background-color: #d3d4d5; } blockquote:hover .bg-oak-45 .no-effect { background-color: #bfc0c5; } blockquote:hover .bg-oak-60 .no-effect { background-color: #a7a8af; } blockquote:hover .bg-oak-80 .no-effect { background-color: #8c8c97; } blockquote:hover .bg-oak .no-effect { background-color: #6c707a; } #FlickrSearchSection ul.btn.faq, .accordeon, blockquote:hover .bg-oak-light .no-effect { background-color: #f4f4f5; } blockquote:hover .bg-oak-dark .no-effect { background-color: #494950; } blockquote:hover .bg-coffee .no-effect { background-color: #ad7c59; } blockquote:hover .bg-coffee-light .no-effect { background-color: #d3bba8; } blockquote:hover .bg-coffee-dark .no-effect { background-color: #774212; } blockquote:hover .bg-apricot .no-effect { background-color: #ff9e1b; } blockquote:hover .bg-apricot-light .no-effect { background-color: #fdd086; } blockquote:hover .bg-apricot-dark .no-effect { background-color: #d57800; } blockquote:hover .bg-mustard .no-effect { background-color: #ffd100; } blockquote:hover .bg-mustard-light .no-effect { background-color: #f9e547; } blockquote:hover .bg-mustard-dark .no-effect { background-color: #eaaa00; } blockquote:hover .bg-olive .no-effect { background-color: #c4d600; } blockquote:hover .bg-olive-light .no-effect { background-color: #e2e868; } blockquote:hover .bg-olive-dark .no-effect { background-color: #949300; } blockquote:hover .bg-green .no-effect { background-color: #73a039; } blockquote:hover .bg-green-light .no-effect { background-color: #bce194; } blockquote:hover .bg-green-dark .no-effect { background-color: #2e8025; } blockquote:hover .bg-aqua .no-effect { background-color: #00b2a9; } blockquote:hover .bg-aqua-light .no-effect { background-color: #9cdbd9; } blockquote:hover .bg-aqua-dark .no-effect { background-color: #007681; } blockquote:hover .bg-blue .no-effect { background-color: #007cba; } blockquote:hover .bg-blue-light .no-effect { background-color: #9bcbeb; } blockquote:hover .bg-blue-dark .no-effect { background-color: #00629b; } blockquote:hover .bg-blueberry .no-effect { background-color: #485cc7; } blockquote:hover .bg-blueberry-light .no-effect { background-color: #b8ccea; } blockquote:hover .bg-blueberry-dark .no-effect { background-color: #171c8f; } blockquote:hover .bg-aubergine .no-effect { background-color: #ac4fc6; } blockquote:hover .bg-aubergine-light .no-effect { background-color: #caa2dd; } blockquote:hover .bg-aubergine-dark .no-effect { background-color: #6d2077; } blockquote:hover .bg-pink .no-effect { background-color: #c6007e; } blockquote:hover .bg-pink-light .no-effect { background-color: #e59bdc; } blockquote:hover .bg-pink-dark .no-effect { background-color: #890c58; } blockquote:hover .bg-cherry .no-effect { background-color: #ce0037; } blockquote:hover .bg-cherry-light .no-effect { background-color: #ffb3ab; } blockquote:hover .bg-cherry-dark .no-effect { background-color: #a50034; } blockquote:hover .bg-orange .no-effect { background-color: #d64123; } blockquote:hover .bg-orange-light .no-effect { background-color: #ffb990; } blockquote:hover .bg-orange-dark .no-effect { background-color: #a9431e; } blockquote:hover .bg-gainsboro .no-effect { background-color: #dcdcdc; } blockquote:hover .bg-lightgray .no-effect { background-color: #d3d3d3; } blockquote:hover .bg-silver .no-effect { background-color: silver; } blockquote:hover .bg-darkgray .no-effect { background-color: #a9a9a9; } blockquote:hover .bg-gray .no-effect { background-color: grey; } blockquote:hover .bg-dimgray .no-effect { background-color: #696969; } blockquote:hover .bg-slategray .no-effect { background-color: #708090; } blockquote:hover .bg-darkslategray .no-effect { background-color: #2f4f4f; } blockquote:hover .bg-white .no-effect { background-color: #fff; } blockquote:hover .bg-black .no-effect { background-color: #000; } blockquote { position: relative; color: #6c707a; padding: 0; margin: 0 0 2rem 0; border-radius: 0 1em 1em 0; background: #f4f4f5 url(./quote-open-white.png) no-repeat 2em 1.5em; background-size: 2em; padding: 1.5em 5em; max-width: initial; width: auto; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 4.5em; border: 0; } @media screen and (max-width: 627px) { blockquote { padding: 30px 60px 40px; font-size: 1.1em; } blockquote q { display: block; padding-top: 50px; } } blockquote:after { content: ""; display: table; } .blockquote-background, .blockquote-background .card-bottom-text { background-image: url(./quote-closed.png); background-position-x: right; background-position-y: bottom; background-repeat: no-repeat; } .blockquote { position: relative; padding: 0; font-size: 1.5em; background: url(./quote-open-white.png) no-repeat 0.5em 1.4em; background-size: 2em; padding: 1.5em 1em 1.5em 3em; } blockquote.no-quote-graphic { background: none; } blockquote cite, blockquote .cite { color: #6c707a; display: block; margin: 0.5em 0 0; font-size: 0.75em; } blockquote p:only-child { margin-bottom: 0; } @media screen and (max-width: 960px) { blockquote.medium, blockquote.small, blockquote.tiny { width: 100% !important; } } blockquote .cite, blockquote cite { font-style: italic; color: #6c707a; display: block; margin: 0.5em 0 0; font-size: 0.75em; } @media screen and (min-width: 45em) { blockquote { font-size: 1.5em; } } blockquote p { margin: 0 0 0.5em; } blockquote.size-big { font-size: 1.5em; } @media screen and (min-width: 45em) { blockquote.size-big { font-size: 1.85em; } } blockquote.hanging { margin-left: -10%; } @media screen and (max-width: 600px) { blockquote.hanging { margin-left: 0; } } .blockquote, blockquote { position: relative; } .inPageSearchBar ul.btn li { list-style-type: none; } .inPageSearchBar ul.btn { padding-left: 0; margin-left: 0; } .Default-Nestle-Table, .paragraph--type--c-text:not(.clean-table) table, article:not(.clean-table) table, .tableContainer table, .flickrTable { border-collapse: collapse; } .tableScroll { overflow-x: auto; } .Default-Nestle-Table a:hover, .investorDetail .info h2 a, .top-box .box .title { text-decoration: none !important; } .Default-Nestle-Table, .paragraph--type--c-text:not(.clean-table) table, article:not(.clean-table) table, .tableContainer table { text-align: left; border-spacing: 0; border: none; width: 100%; } .paragraph--type--c-text:not(.clean-table) th, article:not(.clean-table) th, .Default-Nestle-Table tr.Default-Nestle-TableTableHeaderRow, .paragraph--type--c-text:not(.clean-table) thead tr, article:not(.clean-table) thead tr { background: #63513d; color: #ffffff; font-weight: 700; font-size: 1em; } .grid-list li.even, .grid-list li.odd, .Default-Nestle-Table tr, .paragraph--type--c-text:not(.clean-table) tr, article:not(.clean-table) tr, .tableContainer table tr { border: none; border-top: 1px solid #fff; vertical-align: middle; } .view-display-id-block_press_releases .view-content .table tbody tr:nth-of-type(odd), .Default-Nestle-Table tr.Default-Nestle-TableTableEvenRow, .paragraph--type--c-text:not(.clean-table) tbody tr:not([class*="Default-Nestle-Table"]):nth-child(even), article:not(.clean-table) tbody tr:not([class*="Default-Nestle-Table"]):nth-child(even), .tableContainer table tr.rowEven { background-color: #ffffff; } .view-display-id-block_press_releases .view-content .table tbody tr:nth-of-type(even), .Default-Nestle-Table tr.Default-Nestle-TableTableOddRow, .Default-Nestle-Table tr.Default-Nestle-TableTableoddRow, .paragraph--type--c-text:not(.clean-table) tbody tr:not([class*="Default-Nestle-Table"]):nth-child(odd), article:not(.clean-table) tbody tr:not([class*="Default-Nestle-Table"]):nth-child(odd), .tableContainer table tr.rowOdd { background-color: #f6f5f4; } .view-display-id-block_press_releases .view-content .table tbody tr:nth-of-type(even) a, .Default-Nestle-Table tr.Default-Nestle-TableTableOddRow a, .Default-Nestle-Table tr.Default-Nestle-TableTableoddRow a, .paragraph--type--c-text:not(.clean-table) tbody tr:not([class*="Default-Nestle-Table"]):nth-child(odd) a, article:not(.clean-table) tbody tr:not([class*="Default-Nestle-Table"]):nth-child(odd) a, .tableContainer table tr.rowOdd a { color: rgb(0, 117.2, 175.8); } .Default-Nestle-Table tr.Default-Nestle-TableTableHeaderRow, .paragraph--type--c-text:not(.clean-table) thead tr, article:not(.clean-table) thead tr { border: none; } .Default-Nestle-Table tr.Default-Nestle-TableTableHeaderRow a, .paragraph--type--c-text:not(.clean-table) thead tr a, article:not(.clean-table) thead tr a { color: inherit; text-decoration: underline; } .Default-Nestle-Table tr.Default-Nestle-TableTableFooterRow, .paragraph--type--c-text:not(.clean-table) tfoot tr, article:not(.clean-table) tfoot tr { background: #e8e5e2; border: none; font-weight: 700; } .Default-Nestle-Table td, .paragraph--type--c-text:not(.clean-table) td, article:not(.clean-table) td, .paragraph--type--c-text:not(.clean-table) th, article:not(.clean-table) th, .tableContainer table td { border: 0; border-left: 1px solid #fff; padding: 0.75rem 0.625rem; } .Default-Nestle-Table td span { padding: 5px; } .grid-list li.even, ul#documentsListView li:nth-child(odd) { background-color: #e8e8e9 !important; } .tableContainer table td { padding: 0.7em !important; } dt { color: #6c707a; font-size: 1.1em; font-weight: 400; margin-bottom: 0.25em; } dt a:link, dt dt a:hover, dt dt a:visited { color: #6c707a; font-size: 1.1em; text-decoration: none; } .grid-list .list-title { background-color: #63513d !important; } .border-oak-5 { border: 1px solid #f4f4f5; padding: 1em; } .border-oak-5 h4 span { color: #f4f4f5; } .border-oak-15 { border: 1px solid #e8e8e9; padding: 1em; } .border-oak-15 h4 span { color: #e8e8e9; } .border-oak-30 { border: 1px solid #d3d4d5; padding: 1em; } .border-oak-30 h4 span { color: #d3d4d5; } .border-oak-45 { border: 1px solid #bfc0c5; padding: 1em; } .border-oak-45 h4 span { color: #bfc0c5; } .border-oak-60 { border: 1px solid #a7a8af; padding: 1em; } .border-oak-60 h4 span { color: #a7a8af; } .border-oak-80 { border: 1px solid #8c8c97; padding: 1em; } .border-oak-80 h4 span { color: #8c8c97; } .border-oak { border: 1px solid #6c707a; padding: 1em; } .border-oak h4 span { color: #6c707a; } .border-oak-light { border: 1px solid #f4f4f5; padding: 1em; } .border-oak-light h4 span { color: #f4f4f5; } .border-oak-dark { border: 1px solid #494950; padding: 1em; } .border-oak-dark h4 span { color: #494950; } .border-coffee { border: 1px solid #ad7c59; padding: 1em; } .border-coffee h4 span { color: #ad7c59; } .border-coffee-light { border: 1px solid #d3bba8; padding: 1em; } .border-coffee-light h4 span { color: #d3bba8; } .border-coffee-dark { border: 1px solid #774212; padding: 1em; } .border-coffee-dark h4 span { color: #774212; } .border-apricot { border: 1px solid #ff9e1b; padding: 1em; } .border-apricot h4 span { color: #ff9e1b; } .border-apricot-light { border: 1px solid #fdd086; padding: 1em; } .border-apricot-light h4 span { color: #fdd086; } .border-apricot-dark { border: 1px solid #d57800; padding: 1em; } .border-apricot-dark h4 span { color: #d57800; } .border-mustard { border: 1px solid #ffd100; padding: 1em; } .border-mustard h4 span { color: #ffd100; } .border-mustard-light { border: 1px solid #f9e547; padding: 1em; } .border-mustard-light h4 span { color: #f9e547; } .border-mustard-dark { border: 1px solid #eaaa00; padding: 1em; } .border-mustard-dark h4 span { color: #eaaa00; } .border-olive { border: 1px solid #c4d600; padding: 1em; } .border-olive h4 span { color: #c4d600; } .border-olive-light { border: 1px solid #e2e868; padding: 1em; } .border-olive-light h4 span { color: #e2e868; } .border-olive-dark { border: 1px solid #949300; padding: 1em; } .border-olive-dark h4 span { color: #949300; } .border-green { border: 1px solid #73a039; padding: 1em; } .border-green h4 span { color: #73a039; } .border-green-light { border: 1px solid #bce194; padding: 1em; } .border-green-light h4 span { color: #bce194; } .border-green-dark { border: 1px solid #2e8025; padding: 1em; } .border-green-dark h4 span { color: #2e8025; } .border-aqua { border: 1px solid #00b2a9; padding: 1em; } .border-aqua h4 span { color: #00b2a9; } .border-aqua-light { border: 1px solid #9cdbd9; padding: 1em; } .border-aqua-light h4 span { color: #9cdbd9; } .border-aqua-dark { border: 1px solid #007681; padding: 1em; } .border-aqua-dark h4 span { color: #007681; } .border-blue { border: 1px solid #007cba; padding: 1em; } .border-blue h4 span { color: #007cba; } .border-blue-light { border: 1px solid #9bcbeb; padding: 1em; } .border-blue-light h4 span { color: #9bcbeb; } .border-blue-light { border: 1px solid #9bcbeb; padding: 1em; } .border-blue-light h4 span { color: #9bcbeb; } .border-blue-dark { border: 1px solid #00629b; padding: 1em; } .border-blue-dark h4 span { color: #00629b; } .border-blueberry { border: 1px solid #485cc7; padding: 1em; } .border-blueberry h4 span { color: #485cc7; } .border-blueberry-light { border: 1px solid #b8ccea; padding: 1em; } .border-blueberry-light h4 span { color: #b8ccea; } .border-blueberry-dark { border: 1px solid #171c8f; padding: 1em; } .border-blueberry-dark h4 span { color: #171c8f; } .border-aubergine { border: 1px solid #ac4fc6; padding: 1em; } .border-aubergine h4 span { color: #ac4fc6; } .border-aubergine-light { border: 1px solid #caa2dd; padding: 1em; } .border-aubergine-light h4 span { color: #caa2dd; } .border-pink { border: 1px solid #c6007e; padding: 1em; } .border-pink h4 span { color: #c6007e; } .border-pink-light { border: 1px solid #e59bdc; padding: 1em; } .border-pink-light h4 span { color: #e59bdc; } .border-pink-dark { border: 1px solid #890c58; padding: 1em; } .border-pink-dark h4 span { color: #890c58; } .border-cherry { border: 1px solid #ce0037; padding: 1em; } .border-cherry h4 span { color: #ce0037; } .border-cherry-light { border: 1px solid #ffb3ab; padding: 1em; } .border-cherry-light h4 span { color: #ffb3ab; } .border-cherry-dark { border: 1px solid #a50034; padding: 1em; } .border-cherry-dark h4 span { color: #a50034; } .border-orange { border: 1px solid #d64123; padding: 1em; } .border-orange h4 span { color: #d64123; } .border-orange-light { border: 1px solid #ffb990; padding: 1em; } .border-orange-light h4 span { color: #ffb990; } .border-orange-dark { border: 1px solid #a9431e; padding: 1em; } .border-orange-dark h4 span { color: #a9431e; } .border-gainsboro { border: 1px solid #dcdcdc; padding: 1em; } .border-gainsboro h4 span { color: #dcdcdc; } .border-lightgray { border: 1px solid #d3d3d3; padding: 1em; } .border-lightgray h4 span { color: #d3d3d3; } .border-silver { border: 1px solid #c0c0c0; padding: 1em; } .border-silver h4 span { color: #c0c0c0; } .border-darkgray { border: 1px solid #a9a9a9; padding: 1em; } .border-darkgray h4 span { color: #a9a9a9; } .border-gray { border: 1px solid #808080; padding: 1em; } .border-gray h4 span { color: #808080; } .border-dimgray { border: 1px solid #696969; padding: 1em; } .border-dimgray h4 span { color: #696969; } .border-slategray { border: 1px solid #708090; padding: 1em; } .border-slategray h4 span { color: #708090; } .border-darkslategray { border: 1px solid #2f4f4f; padding: 1em; } .border-darkslategray h4 span { color: #2f4f4f; } .border-white { border: 1px solid #fff; padding: 1em; } .border-white h4 span { color: #fff; } .border-black { border: 1px solid #000; padding: 1em; } .border-black h4 span { color: #000; } .oak-5 h2.box-title { background-color: #f4f4f5; } .oak-15 h2.box-title { background-color: #e8e8e9; } button.oak-5 { background-color: #f4f4f5; color: #494950; } .oak-15 h2.box-title { background-color: #e8e8e9; } .oak-30 h2.box-title { background-color: #d3d4d5; } .oak-45 h2.box-title { background-color: #bfc0c5; } .oak-60 h2.box-title { background-color: #a7a8af; } .oak-80 h2.box-title { background-color: #8c8c97; } .oak h2.box-title { background-color: #6c707a; } .oak-light h2.box-title { background-color: #f4f4f5; } .oak-dark h2.box-title { background-color: #494950; } .coffee h2.box-title { background-color: #ad7c59; } .coffee-light h2.box-title { background-color: #d3bba8; } .coffee-dark h2.box-title { background-color: #774212; } .apricot h2.box-title { background-color: #ff9e1b; } .apricot-light h2.box-title { background-color: #fdd086; } .apricot-dark h2.box-title { background-color: #d57800; } .mustard h2.box-title { background-color: #ffd100; } .mustard-light h2.box-title { background-color: #f9e547; } .mustard-dark h2.box-title { background-color: #eaaa00; } .olive h2.box-title { background-color: #c4d600; } .olive-light h2.box-title { background-color: #e2e868; } .olive-dark h2.box-title { background-color: #949300; } .green h2.box-title { background-color: #73a039; } .green-light h2.box-title { background-color: #bce194; } .green-dark h2.box-title { background-color: #2e8025; } .aqua h2.box-title { background-color: #00b2a9; } .aqua-light h2.box-title { background-color: #9cdbd9; } .aqua-dark h2.box-title { background-color: #007681; } .blue h2.box-title { background-color: #007cba; } .blue-light h2.box-title { background-color: #9bcbeb; } .blue-dark h2.box-title { background-color: #00629b; } .blueberry h2.box-title { background-color: #485cc7; } .blueberry-light h2.box-title { background-color: #b8ccea; } .blueberry-dark h2.box-title { background-color: #171c8f; } .aubergine h2.box-title { background-color: #ac4fc6; } .aubergine-light h2.box-title { background-color: #caa2dd; } .aubergine-dark h2.box-title { background-color: #6d2077; } .pink h2.box-title { background-color: #c6007e; } .pink-light h2.box-title { background-color: #e59bdc; } .pink-dark h2.box-title { background-color: #890c58; } .cherry h2.box-title { background-color: #ce0037; } .cherry-light h2.box-title { background-color: #ffb3ab; } .cherry-dark h2.box-title { background-color: #a50034; } .orange h2.box-title { background-color: #d64123; } .orange-light h2.box-title { background-color: #ffb990; } .orange-dark h2.box-title { background-color: #a9431e; } .gainsboro h2.box-title { background-color: #dcdcdc; } a.bg-gainsboro { background-color: #dcdcdc; color: #000 !important; } a.bg-gainsboro:link { color: #000 !important; } a.bg-gainsboro:visited { color: #000 !important; } a.bg-gainsboro:hover { background-color: #cfcfcf; } .bg-gainsboro { background-color: #dcdcdc; color: #000; } .bg-gainsboro:hover { background-color: #cfcfcf; } .bg-gainsboro:hover.no-effect { background-color: #dcdcdc; } .bg-gainsboro a, .bg-gainsboro a:visited { color: #000; } .bg-gainsboro h2.box-title span { color: #000; } .bg-section-gainsboro { background-color: #dcdcdc; padding-top: 1.22%; } .bg-panel-gainsboro { background-color: #dcdcdc; padding-top: 1.22%; } section[class^="PrivacyWidget"] .bg-gainsboro { background-color: #dcdcdc; color: #000; } .text-gainsboro { color: #dcdcdc; } .text-gainsboro a, .text-gainsboro a:visited { color: #dcdcdc; } .lightgray h2.box-title { background-color: #d3d3d3; } .silver h2.box-title { background-color: #c0c0c0; } .darkgray h2.box-title { background-color: #a9a9a9; } .dimgray h2.box-title { background-color: #696969; } .slategray h2.box-title { background-color: #708090; } a.bg-slategray { background-color: #708090; color: #fff !important; } a.bg-slategray:link { color: #fff !important; } a.bg-slategray:visited { color: #fff !important; } a.bg-slategray:hover { background-color: #657382; } .bg-slategray { background-color: #708090; color: #fff; } .bg-slategray:hover { background-color: #657382; } .bg-slategray:hover.no-effect { background-color: #708090; } .bg-slategray a, .bg-slategray a:visited { color: #fff; } .bg-slategray h2.box-title span { color: #fff; } .border-slategray { border: 1px solid #708090; padding: 1em; } .border-slategray h4 span { color: #708090; } .bg-section-slategray { background-color: #708090; padding-top: 1.22%; } .bg-panel-slategray { background-color: #708090; padding-top: 1.22%; } section[class^="PrivacyWidget"] .bg-slategray { background-color: #708090; color: #fff; } .darkslategray h2.box-title { background-color: #2f4f4f; } a.bg-darkslategray { background-color: #2f4f4f; color: #fff !important; } a.bg-darkslategray:link { color: #fff !important; } a.bg-darkslategray:visited { color: #fff !important; } a.bg-darkslategray:hover { background-color: #395f5f; } .bg-darkslategray { background-color: #2f4f4f; color: #fff; } .bg-darkslategray:hover { background-color: #395f5f; } .bg-darkslategray:hover.no-effect { background-color: #2f4f4f; } .bg-darkslategray a, .bg-darkslategray a:visited { color: #fff; } .bg-darkslategray h2.box-title span { color: #fff; } .bg-section-darkslategray { background-color: #2f4f4f; padding-top: 1.22%; } .bg-panel-darkslategray { background-color: #2f4f4f; padding-top: 1.22%; } section[class^="PrivacyWidget"] .bg-darkslategray { background-color: #2f4f4f; color: #fff; } .white h2.box-title { background-color: #fff; } a.white { color: #fff; } .black h2.box-title { background-color: #000; } a.black { color: #000; } a.bg-black { background-color: #000; color: #fff !important; } a.bg-black:link { color: #fff !important; } a.bg-black:visited { color: #fff !important; } a.bg-black:hover { background-color: #0d0d0d; } .bg-black { background-color: #000; color: #fff; } .bg-black:hover { background-color: #0d0d0d; } .bg-black:hover.no-effect { background-color: #000; } .bg-black a, .bg-black a:visited { color: #fff; } .bg-black h2.box-title span { color: #fff; } .bg-section-black { background-color: #000; padding-top: 1.22%; } .bg-panel-black { background-color: #000; padding-top: 1.22%; } section[class^="PrivacyWidget"] .bg-black { background-color: #000; color: #fff; } .StoryTextHighlight.turquoise { border-color: #31ae94; color: #31ae94; } .ColoredBox.turquoise { background-color: #31ae94; color: #fff; } .turquoise { background: #31ae94; color: #fff; } .snippetBox.highLight.turquoise:hover { background: #059d7d; } .turquoise h2.box-title { background-color: #31ae94; } .turquoise h2.box-title span { color: #fff; } .highLight.turquoise h2.box-title:hover { background-color: #059d7d; } .turquoise .tl { background-position: -48px -410px; } .turquoise .tc { background-position: 0 -630px; } .turquoise .tb { background-position: -54px -410px; } .t-hover.turquoise .tl { background-position: -48px -410px; } .t-hover.turquoise .tc { background-position: 0 -630px; } .t-hover.turquoise .tb { background-position: -54px -410px; } .turquoise .black-box-text { background-color: #31ae94; color: #fff; } .turquoisePlus.black-box.rollOver .black-box-text .black-box-title-arrow { color: #31ae94; } .turquoise .black-box-text-title { color: #fff; } .highLight.turquoise .black-box-text:hover { background-color: #059d7d; } .card-image-left, ul.cols5-view.imagewrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .box-custom-flex .box-image-container, .card-image-left .contentwrapper, .card-image-left .imagewrapper a, .card-image-right .contentwrapper, .card-image-right .imagewrapper a { -webkit-box-orient: vertical; -webkit-box-direction: normal; } .card-image-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 1.22%; } .card-image-left .imagewrapper, .card-image-left img, .card-image-right, .card-image-right img { display: flexbox; } .card-image-right, .card-image-left { clear: both; } .card-image-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .card-image-left .contentwrapper, .card-image-right .contentwrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2em; min-width: 60%; } .card-image-left img, .card-image-right img { width: 100%; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 100%; } .card-image-left .imagewrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 0; max-width: 40%; -ms-flex-negative: 0; flex-shrink: 0; } .boxContent img, .card-image-left .imagewrapper a, .card-image-right .imagewrapper, .card-image-right .imagewrapper a { display: -webkit-box; display: -ms-flexbox; display: flex; } .card-image-right .imagewrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 40%; } .card-image-left .imagewrapper a, .card-image-right .imagewrapper a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 60em) { .card-image-left, .card-image-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-image-left .imagewrapper, .card-image-right .imagewrapper { width: 100% !important; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 60em) and (max-width: 1023px) { .card-image-left .imagewrapper, .card-image-right .imagewrapper { max-width: 100%; } } .margin-bottom-big { margin-bottom: 4em; } .margin-top-big { margin-top: 4em; } @media (max-width: 767px) { .freestyle.left, .freestyle.right { padding: 2em 0 1em 0; width: 100%; clear: both; } } .border-b { border-bottom: 1px solid #000000; padding-bottom: 10px; } .border-l { border-left: 1px solid #000000; padding-left: 10px; } .font-1 { font-size: 14px; line-height: 19px; font-weight: 700; } .font-2 { font-family: "Nestle-Text-Bold-Condensed"; font-size: 60px; line-height: 60px; font-weight: 700; } .footer-wrapper .container, .header-wrapper .container { padding-left: 0; padding-right: 0; } @media (max-width: 1023px) { .header-wrapper .container { width: 90%; position: relative; } .header-wrapper .container .region-header::after { content: ""; position: absolute; bottom: 0; left: -100vw; right: -100vw; height: 2px; background: #e8e5e2; } } @media (max-width: 1023px) { .header-wrapper .header-locations-wrapper .container { border-bottom: none; margin-bottom: 0; } } @media (min-width: 1024px) { .main-wrapper .container { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .main-wrapper .container { width: 100%; } } @media (min-width: 768px) { .main-wrapper .container { width: 100%; } } @media (max-width: 767px) { .main-wrapper .container { width: 100%; } } .main-wrapper .full-width .component-paragraph-field { width: 80%; } .main-wrapper .entitycycle-display-image .component-paragraph-field { width: 80%; } .main-wrapper .component-paragraph-field { width: 80%; margin-left: auto; margin-right: auto; position: relative; height: 100%; clear: both; } .main-wrapper .component-paragraph-field .component-paragraph-field, .main-wrapper .component-paragraph-field .content-moderation-entity-moderation-form { width: 100%; } .main-wrapper .component-paragraph-field .col-md-12 { padding: 0; } .main-wrapper .fw .component-paragraph-field { width: 100%; } @media (max-width: 1023px) { .main-wrapper .fw .component-paragraph-field { width: 80%; } } .main-wrapper .field--name-field-ln-n-components .teasercycle-style-general, .main-wrapper .field--name-field-ln-n-components .entityslider-banner { width: 100%; } .main-wrapper .field--name-field-ln-n-components .teasercycle-style-general .component-paragraph-field, .main-wrapper .field--name-field-ln-n-components .entityslider-banner .component-paragraph-field { width: 100%; } .main-wrapper .field--name-field-ln-n-components .block-views { width: 100%; } .main-wrapper .field--name-field-ln-n-components .field--item > .paragraph.tw { width: 80%; max-width: 80%; margin-left: auto; margin-right: auto; } .main-wrapper .field--name-field-ln-n-components .field--item > .paragraph.tw .component-paragraph-field { margin-left: 0; margin-right: 0; width: 100%; } .main-wrapper .field--name-field-ln-n-components .field--item > .paragraph.tw .component-paragraph-field p { width: 70%; } @media (max-width: 1023px) { .main-wrapper .field--name-field-ln-n-components .field--item > .paragraph.tw .component-paragraph-field p { width: 100%; } } .main-wrapper .field--name-field-ln-n-components .field--item > .paragraph.tw .component-paragraph-field p img { width: 100%; } .main-wrapper .field--name-field-ln-n-components .field--item > .paragraph.tw .component-paragraph-field p.right, .main-wrapper .field--name-field-ln-n-components .field--item > .paragraph.tw .component-paragraph-field p.left { width: auto; } .main-wrapper .field--name-field-ln-n-components .field--item > .paragraph.tw .component-paragraph-field table p { width: 100%; } .main-wrapper .field--name-field-ln-n-components .webform-submission-form { width: 100%; } .search-container-wrapper, .system-block-content { width: 80%; margin-left: auto; margin-right: auto; } body[class*="page-node-type"] article { width: 80%; max-width: 80%; margin-left: auto; margin-right: auto; } body[class*="page-node-type"] article.embedded-entity { width: 100%; max-width: 100%; } body[class*="page-node-type"] article.embedded-entity.align-left, body[class*="page-node-type"] article.embedded-entity.align-right, body[class*="page-node-type"] article.embedded-entity.align-center { width: auto; } body[class*="page-node-type"] article.embedded-entity.align-left { margin-right: 15px; } body[class*="page-node-type"] article.embedded-entity.align-right { margin-left: 15px; } body[class*="page-node-type"] .paragraph--type--ln-c-card-item .component-paragraph-field article { width: 100%; max-width: 100%; } body[class*="path-taxonomy"] .page-title { width: 80%; margin-left: auto; margin-right: auto; } @media (min-width: 1024px) { body[class*="path-taxonomy"] .page-title div { width: 84%; } } body[class*="path-taxonomy"] .entityslider-banner .component-paragraph-field, body[class*="path-taxonomy"] .teasercycle-style-general .component-paragraph-field { width: 100%; } @media (max-width: 1023px) { body[class*="path-taxonomy"] .entityslider-banner .component-paragraph-field, body[class*="path-taxonomy"] .teasercycle-style-general .component-paragraph-field { width: 80%; margin-left: auto; margin-right: auto; } } body[class*="path-taxonomy"] .block-views { width: 100%; } body[class*="page-node-type-dsu-component-page"] article { width: 100%; max-width: 100%; } .block-views, .webform-submission-form, .user-login-form, .tfa-entry-form, #tfa-base-overview, .tfa-setup, .user-pass, .content-moderation-entity-moderation-form { width: 80%; margin-left: auto; margin-right: auto; } .block-views.webform-actions, .webform-submission-form.webform-actions, .user-login-form.webform-actions, .tfa-entry-form.webform-actions, #tfa-base-overview.webform-actions, .tfa-setup.webform-actions, .user-pass.webform-actions, .content-moderation-entity-moderation-form.webform-actions { width: 100%; } .webform-submission-form .page-header { margin-left: 0; width: 100%; } @media (min-width: 1024px) { .banner-section .container { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .banner-section .container { width: 100%; } } @media (min-width: 768px) { .banner-section .container { width: 100%; } } @media (max-width: 767px) { .banner-section .container { width: 100%; } } @media (min-width: 1024px) { .container { width: 80%; } } @media (min-width: 768px) and (max-width: 1023px) { .container { width: 80%; } } @media (min-width: 768px) { .container { width: 80%; } } @media (max-width: 767px) { .container { width: 80%; } } .container .container { max-width: 100%; padding-left: 0; padding-right: 0; } html, body { height: auto; } body { min-height: 100%; } .page-wrapper { max-width: 1920px; margin-left: auto; margin-right: auto; background: #ffffff; } @media screen and (min-width: 1801px) { .page-wrapper { -webkit-box-shadow: 0 0 2px #cecece; box-shadow: 0 0 2px #cecece; } } @media screen and (min-width: 1801px) { body { background: #fafafa; } } .container-fluid { padding-left: 0; padding-right: 0; } @media screen and (min-width: 1801px) { .container-fluid { -webkit-box-shadow: inset 0 0 4px #cecece; box-shadow: inset 0 0 4px #cecece; } } @media (min-width: 768px) { .col-md-3 { float: left; width: 25%; } } @media (min-width: 768px) { .col-md-9 { float: left; width: 75%; } } .footer-below { background: #ffffff; padding: 12px 0 13px 0; } @media (min-width: 768px) and (max-width: 1023px) { .footer-below { padding: 25px 0; } } @media (max-width: 767px) { .footer-below { padding: 28px 0; } } .footer-below ul[class*="menu--sub-footer-menu"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-below ul[class*="menu--sub-footer-menu"] li { display: inherit; } .footer-below ul[class*="menu--sub-footer-menu"] li:last-child { border-right: none; } .footer-below ul[class*="menu--sub-footer-menu"] li:last-child a:after { content: none; } .footer-below ul[class*="menu--sub-footer-menu"] li:first-child a { padding-left: 0; } @media (min-width: 768px) and (max-width: 1023px) { .footer-below ul[class*="menu--sub-footer-menu"] li:nth-last-child(2) { border-bottom: 1px solid #d0cbc5; } } .footer-below ul[class*="menu--sub-footer-menu"] li a { color: #63513d; display: block; padding: 0 19px 0 0; font-size: 13px; line-height: 17px; } .footer-below ul[class*="menu--sub-footer-menu"] li a:after { content: "|"; padding-left: 19px; color: #d0cbc5; } .footer-below ul[class*="menu--sub-footer-menu"] li a:hover { background: transparent; } .footer-below ul[class*="menu--sub-footer-menu"] li a[data-icon="tick-cross"] { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .footer-below ul[class*="menu--sub-footer-menu"] li { text-align: center; border-top: 1px solid #d0cbc5; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-below ul[class*="menu--sub-footer-menu"] li a { padding: 6px 0; } .footer-below ul[class*="menu--sub-footer-menu"] li a:after { content: " "; display: none; } .footer-below ul[class*="menu--sub-footer-menu"] li:last-child { border-bottom: 1px solid #d0cbc5; border-top: 1px solid #d0cbc5; } } @media (max-width: 767px) { .footer-below ul[class*="menu--sub-footer-menu"] li { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-below ul[class*="menu--sub-footer-menu"] li { width: 46%; margin-right: 16px; } } @media (max-width: 767px) { .footer-below ul[class*="menu--sub-footer-menu"] { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .footer-below ul[class*="menu--sub-footer-menu"] { width: 90%; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-below ul[class*="menu--sub-footer-menu"] { width: 100%; } } @media (max-width: 767px) { .footer-below { padding: 28px 0; } } @media (max-width: 767px) { .pre-content-section .container { padding: 0 5px; } } .footer-bottom { background-color: #f2f2f2; } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; margin: 0; padding: 12px 0 12px; } @media (max-width: 1023px) { .breadcrumb { margin: 0; padding: 14px 10px 14px; } } @media (max-width: 767px) { .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-y: hidden; overflow-x: scroll; width: 100vw; margin-left: -10%; padding-left: 10%; } .breadcrumb.mask-right::after { content: ""; pointer-events: none; position: absolute; width: 100px; height: 100%; top: 0; right: -20px; background-image: -webkit-gradient( linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)) ); background-image: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)); } .breadcrumb.mask-left::before { content: ""; pointer-events: none; position: absolute; z-index: 2; width: 100px; height: 100%; top: 0; left: -20px; background-image: -webkit-gradient( linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)) ); background-image: linear-gradient( to right, #ffffff, rgba(255, 255, 255, 0) ); } } .breadcrumb li { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; color: #30261d; font-weight: 400; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 0; padding-bottom: 2px; } @media (max-width: 767px) { .breadcrumb li:last-child { padding-right: 65px; } } .breadcrumb li * { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; color: #30261d; font-weight: 400; } @media (max-width: 767px) { .breadcrumb li { white-space: nowrap; } } .breadcrumb > li + li::before { content: ""; width: 16px; height: 16px; background: url(./oak-right-arrow.png) 0 0/16px 16px no-repeat; background-repeat: no-repeat; background-size: contain; padding: 0; margin: 0 10px; } .breadcrumb li:not(.active) a:hover { color: #000000; } .breadcrumb .active { color: #30261d; } .breadcrumb .active .text { position: relative; } .breadcrumb .active .text::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #00807a; } .vertical-position-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .vertical-position-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vertical-position-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .paragraph.paragraph--type--layout-columns-1.tw { max-width: 100%; width: 100%; } .paragraph.paragraph--type--layout-columns-1.tw .col-md-12 { width: 70%; } @media (max-width: 767px) { .paragraph.paragraph--type--layout-columns-1.tw .col-md-12 { width: 100%; } } .paragraph.paragraph--type--layout-columns-1 .component-paragraph-field { display: block; } .field--name-field-terms-components > .field--item > .paragraph.tw { width: 80%; max-width: 80%; margin-left: auto; margin-right: auto; } .field--name-field-terms-components > .field--item > .paragraph.tw .component-paragraph-field { margin-left: 0; margin-right: 0; width: 100%; } .field--name-field-terms-components > .field--item > .paragraph.tw .component-paragraph-field p { width: 70%; } @media (max-width: 1023px) { .field--name-field-terms-components > .field--item > .paragraph.tw .component-paragraph-field p { width: 100%; } } .field--name-field-terms-components > .field--item > .paragraph.tw .component-paragraph-field p img { width: 100%; } .field--name-field-terms-components > .field--item > .paragraph.tw .component-paragraph-field p.right, .field--name-field-terms-components > .field--item > .paragraph.tw .component-paragraph-field p.left { width: auto; } .field--name-field-terms-components > .field--item > .paragraph.tw .component-paragraph-field table p { width: 100%; } .field--item > .paragraph--type--c-share-buttons { width: 80%; margin: 0 auto; } #block-relatedinformation { width: 80%; margin: 0 auto; } .paragraph--type--c-image.fw-img .component-paragraph-field { width: 100%; } .page-progress-indicator { position: fixed; top: 0; left: 0; width: 100%; right: 0; height: 0.25rem; background: transparent; z-index: 9999; overflow: hidden; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } @supports ( (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) ) { .page-progress-indicator { background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(10px) saturate(120%); backdrop-filter: blur(10px) saturate(120%); } } .page-progress-indicator:not(.page-progress-indicator--scrolled) { opacity: 0; } .page-progress-indicator__bar { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; -webkit-transform-origin: left center; transform-origin: left center; background: #00818f; will-change: transform; } .contact-usconfirmation .field--item > .paragraph--type--c-text { margin-bottom: 0; } .contact-usconfirmation .messages__wrapper { width: 80%; margin-left: auto; margin-right: auto; } .contact-usconfirmation .messages__wrapper .alert-success { color: inherit; border: none; background-color: transparent; padding: 10px 0; } .contact-usconfirmation .alert-success button { display: none; } .ckeditor-col-container.clearfix::before, .ckeditor-col-container.clearfix::after { display: none; } body { min-height: 100%; } body.disable-scroll { overflow: hidden; } @media (max-width: 767px) { #blocktabs-search_results_tabs .ui-tabs-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-y: hidden; overflow-x: scroll; width: 100vw; } #blocktabs-search_results_tabs .ui-tabs-nav.mask-right::after { content: ""; pointer-events: none; position: absolute; width: 100px; height: 100%; z-index: 1; top: 0; right: -20px; background-image: -webkit-gradient( linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)) ); background-image: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)); } #blocktabs-search_results_tabs .ui-tabs-nav.mask-left::before { content: ""; pointer-events: none; position: absolute; width: 100px; height: 100%; z-index: 3; top: 0; left: -20px; background-image: -webkit-gradient( linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)) ); background-image: linear-gradient( to right, #ffffff, rgba(255, 255, 255, 0) ); } } .icon-tick-cross { background-image: url(./tick-cross.svg); background-repeat: no-repeat; background-size: 2.5em; background-position: 0.25em; display: inline-block; width: 2.8em; } #block-nestle-globalmenu { position: relative; z-index: 22; } @media (max-width: 1023px) { #block-nestle-globalmenu .navbar-toggle { display: none; } } @media (max-width: 1023px) { #block-nestle-globalmenu .container-fluid { padding: 0; } } @media (max-width: 1023px) { .navbar { min-height: 0; } } @media (max-width: 1023px) { .main-wrapper { margin-top: -2px; } } #block-exposedformglobal-searchglobal-search-results-header-block { bottom: 11%; position: absolute; right: -12px; z-index: 23; } @media (max-width: 1023px) { #block-exposedformglobal-searchglobal-search-results-header-block { bottom: 2%; margin-left: 50px; right: 0; } } #block-exposedformglobal-searchglobal-search-results-header-block .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #block-exposedformglobal-searchglobal-search-results-header-block .form-type-textfield { margin-bottom: 0; } #block-exposedformglobal-searchglobal-search-results-header-block .form-type-textfield input { display: none; color: #796e65; font-size: 15px; outline: 0; border-radius: 0; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: none; box-shadow: none; padding: 0 18px 0 20px; -webkit-transition: border-color 0.25s ease-in-out; transition: border-color 0.25s ease-in-out; } @media (max-width: 1023px) { #block-exposedformglobal-searchglobal-search-results-header-block .form-type-textfield input { border: none; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); } } #block-exposedformglobal-searchglobal-search-results-header-block .form-type-textfield input::-webkit-input-placeholder { color: #796e65; } #block-exposedformglobal-searchglobal-search-results-header-block .form-type-textfield input::-moz-placeholder { color: #796e65; } #block-exposedformglobal-searchglobal-search-results-header-block .form-type-textfield input:-ms-input-placeholder { color: #796e65; } #block-exposedformglobal-searchglobal-search-results-header-block .form-type-textfield input::-ms-input-placeholder { color: #796e65; } #block-exposedformglobal-searchglobal-search-results-header-block .form-type-textfield input::placeholder { color: #796e65; } #block-exposedformglobal-searchglobal-search-results-header-block .form-actions { cursor: pointer; } #block-exposedformglobal-searchglobal-search-results-header-block .form-actions button { padding: 0; font-size: 0; background: transparent; color: #8a8a8a; border: 0; pointer-events: none; } @media (max-width: 1023px) { #block-exposedformglobal-searchglobal-search-results-header-block .form-actions button { margin: 0; } } #block-exposedformglobal-searchglobal-search-results-header-block .form-actions button:after { font-size: 1.222rem; content: "\e900"; font-family: "icomoon"; line-height: 1; margin-left: 5px; cursor: pointer; padding: 9px 5px 5px 0; display: inline-block; height: 35px; width: 35px; } @media (max-width: 1023px) { #block-exposedformglobal-searchglobal-search-results-header-block .form-actions button:after { color: #ffffff; height: 33px; line-height: 1.3; margin: 0; padding: 0 5px 5px 4px; } } #block-exposedformglobal-searchglobal-search-results-header-block .form-actions button:active { -webkit-box-shadow: none; box-shadow: none; } #block-exposedformglobal-searchglobal-search-results-header-block .form-actions button:focus { outline: 0; } .path-searchresults .page-header { color: #2d2b29; } .path-searchresults .exposed-filter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .path-searchresults .exposed-filter-wrapper .form-actions { position: relative; } .path-searchresults .exposed-filter-wrapper .form-actions button { position: relative; padding: 0; font-size: 0; background: transparent; color: #8a8a8a; border: 0; } .path-searchresults .exposed-filter-wrapper .form-actions button:after { position: absolute; top: -8px; right: 12px; font-family: "fontawesome"; content: "\f002"; font-size: 20px; margin-left: 5px; cursor: pointer; color: #cccccc; } .path-searchresults .exposed-filter-wrapper .form-actions button:focus { outline: 0; } .path-searchresults .exposed-filter-wrapper .view-header { padding: 30px 0; color: #555555; } .path-searchresults .exposed-filter-wrapper .js-form-type-textfield input[type="text"] { border-radius: 0; border-color: #cccccc; } .path-searchresults .view-global-search .view-content .views-row { border-top: 1px solid #cccccc; margin: 10px 0; padding-top: 15px; padding-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .path-searchresults .view-global-search .view-content .views-row .title { padding: 10px 0; } .path-searchresults .view-global-search .view-content .views-row .title a { color: #3561a0; } .path-searchresults .view-global-search .view-content .views-row .title a:hover { color: #03346a; } .path-searchresults .view-global-search .view-content .views-row .description { color: #2d2b29; } .path-searchresults .view-global-search .view-content .views-row .description strong { font-weight: normal; } .path-searchresults .view-global-search .pager a { background-color: #00629b; color: #ffffff; border-radius: 0; } .path-searchresults .view-global-search .views-exposed-form { margin-top: 20px; } .path-searchresults .view-global-search .views-exposed-form > .form-inline { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .path-searchresults .view-global-search .views-exposed-form > .form-inline .form-type-textfield { width: 100%; } } @media (max-width: 1023px) { .header-below-wrapper .field--name-field-inside { display: none; } } .header-below-wrapper .field--name-field-inside nav { max-width: 80%; width: 100%; margin: 0 auto; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .field--name-field-inside, .header-below-wrapper #block-da-vinci-code-secondarymenu .field--name-field-inside, .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu { background: #ffffff; color: #796e65; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .field--name-field-inside .menu-level-0, .header-below-wrapper #block-da-vinci-code-secondarymenu .field--name-field-inside .menu-level-0, .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .menu-level-0 { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .field--name-field-inside .menu-item, .header-below-wrapper #block-da-vinci-code-secondarymenu .field--name-field-inside .menu-item, .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .menu-item { margin-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-bottom: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .field--name-field-inside .menu-item a, .header-below-wrapper #block-da-vinci-code-secondarymenu .field--name-field-inside .menu-item a, .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .menu-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #6c707a; font-family: "Nestle-Text-Book"; line-height: 16px; border: 0; } @media (min-width: 1024px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .field--name-field-inside .menu-item a, .header-below-wrapper #block-da-vinci-code-secondarymenu .field--name-field-inside .menu-item a, .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .menu-item a { padding: 22px 1em; } } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .field--name-field-inside .menu-item a:hover, .header-below-wrapper #block-da-vinci-code-secondarymenu .field--name-field-inside .menu-item a:hover, .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .menu-item a:hover { background: transparent; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .field--name-field-inside .inside-menu-title, .header-below-wrapper #block-da-vinci-code-secondarymenu .field--name-field-inside .inside-menu-title, .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .inside-menu-title { white-space: nowrap; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .field--name-field-inside .menu_link_content, .header-below-wrapper #block-da-vinci-code-secondarymenu .field--name-field-inside .menu_link_content, .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .menu_link_content { position: static; background: none; color: inherit; padding: 0; margin-right: 10px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .field--name-field-inside .menu_link_content img, .header-below-wrapper #block-da-vinci-code-secondarymenu .field--name-field-inside .menu_link_content img, .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .menu_link_content img { height: 1.5em; } .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu { padding: 32px 0; } @media (min-width: 1024px) { .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu { display: none; } } .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .menu-item { margin: 0; } .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .menu-dropdown { display: block !important; } .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu a { width: 100%; border-bottom: 1px solid #d1cbc5 !important; } .header-below-wrapper #block-da-vinci-code-headerpersistentsubmenu .menu_link_content { margin-right: 15px; } @media (max-width: 1023px) { .language-popup { position: fixed; border: none; border-radius: 0; top: 0; left: 0; right: 0; margin: 0; display: none; min-height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch; padding: 2rem 1.5rem 1.5rem; } .language-popup__close { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; font-size: 2rem; } .language-popup__label { padding-bottom: 2.125rem; margin-bottom: 2.125rem; border-bottom: 1px solid #e8e5e2; } .language-popup__nav { text-align: right; margin-bottom: 0.75rem; } .language-popup .dropdown-menu { display: block; position: static; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; margin: 0; padding: 0; font-size: 1.2em; width: auto; float: none; text-align: inherit; } .language-popup .dropdown-menu .hidden { display: block !important; } .language-popup .dropdown-menu li { margin-bottom: 0.75rem; } .language-popup .dropdown-menu li > a { padding: 0; } .language-popup .dropdown-menu .active-language { color: #00818f; } } @media (min-width: 1024px) { .language-popup__close, .language-popup__label { display: none; } .language-popup__list { display: -webkit-box; display: -ms-flexbox; display: flex; } } body.global-locations-active { overflow: hidden !important; } body.global-locations-active .header-locations-wrapper { position: fixed; width: 100%; height: 100vh; z-index: 999; left: 50%; margin-left: -50%; } body.global-locations-active #block-da-vinci-code-globalmenu { display: block; opacity: 1; height: auto; visibility: visible; position: relative; } body.global-locations-active .gl-menu-section-wrapper { display: block; } @media screen and (min-width: 1440px) { body.global-locations-active .gl-menu-section-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .header-locations-wrapper { background: #007cba; position: fixed; width: 100%; height: 0; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; z-index: 999; } .header-locations-wrapper .container { position: relative; margin-left: auto; width: 88%; margin-right: 40px; } @media screen and (min-width: 1366px) { .header-locations-wrapper .container { width: 88%; margin-right: 60px; } } @media screen and (min-width: 1440px) { .header-locations-wrapper .container { width: 90%; margin-right: 80px; } } @media (max-width: 767px) { .header-locations-wrapper .container { width: 90%; margin: 0 auto; } } .header-locations-wrapper h2 { font-family: "Nestle-Text-Light"; font-size: 36px; line-height: 38px; letter-spacing: 0; color: #ffffff; margin: 0 0 62px 0; } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper h2 { font-size: 30px; line-height: 32px; margin: 0 0 30px 0; } } @media (max-width: 767px) { .header-locations-wrapper h2 { font-size: 26px; line-height: 32px; margin: 0 0 14px 0; } } .header-locations-wrapper .gl-menu-section-wrapper { position: relative; overflow-y: auto; display: none; height: 100vh; } .header-locations-wrapper .gl-menu-section-wrapper .mCSB_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1366px) { .header-locations-wrapper .gl-menu-section-wrapper .mCSB_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1440px) { .header-locations-wrapper .gl-menu-section-wrapper .mCSB_container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 1023px) { .header-locations-wrapper .gl-menu-section-wrapper .mCSB_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .header-locations-wrapper .gl-menu-section-wrapper .gl-menu-left-section { width: 100%; margin: 0 auto; } @media screen and (min-width: 1366px) { .header-locations-wrapper .gl-menu-section-wrapper .gl-menu-left-section { width: 100%; padding-left: 0; margin: 0 0 90px 0; } } @media screen and (min-width: 1440px) { .header-locations-wrapper .gl-menu-section-wrapper .gl-menu-left-section { margin: 0 120px 0 0; width: 20%; padding-left: 51px; } } @media (max-width: 1023px) { .header-locations-wrapper .gl-menu-section-wrapper .gl-menu-left-section { width: 100%; padding-left: 0; } } @media (min-width: 1024px) { .header-locations-wrapper .gl-menu-section-wrapper .gl-menu-left-section { margin: 0 0 90px 0; } } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper .gl-menu-section-wrapper .gl-menu-left-section { margin: 0 0 40px 0; } } @media (max-width: 767px) { .header-locations-wrapper .gl-menu-section-wrapper .gl-menu-left-section { margin: 0 0 40px 0; } } @media (max-width: 767px) { .header-locations-wrapper .gl-menu-left-section { padding-top: 60px; } } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper .gl-menu-left-section { padding-top: 90px; } } @media (min-width: 1024px) { .header-locations-wrapper .gl-menu-left-section { padding-top: 100px; } } @media (max-width: 767px) { .header-locations-wrapper .gl-menu-right-section { padding-bottom: 120px; } } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper .gl-menu-right-section { padding-bottom: 90px; } } @media (min-width: 1024px) { .header-locations-wrapper .gl-menu-right-section { padding-bottom: 100px; } } @media screen and (min-width: 1440px) { .header-locations-wrapper .gl-menu-left-section, .header-locations-wrapper .gl-menu-right-section { padding: 150px 0; } } .header-locations-wrapper .gl-menu-left-section .globe-icon { color: #ffffff; font-size: 49px; margin-bottom: 30px; } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper .gl-menu-left-section .globe-icon { font-size: 40px; margin-bottom: 25px; } } @media (max-width: 767px) { .header-locations-wrapper .gl-menu-left-section .globe-icon { font-size: 30px; margin-bottom: 15px; } } .header-locations-wrapper .gl-menu-left-section span { font-family: "Nestle-Text-Book"; font-size: 26px; line-height: 34px; color: #ffffff; padding-right: 28px; display: block; } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper .gl-menu-left-section span { font-size: 20px; line-height: 22px; } } @media (max-width: 767px) { .header-locations-wrapper .gl-menu-left-section span { font-size: 16px; line-height: 22px; } } .header-locations-wrapper .gl-menu-left-section span span, .header-locations-wrapper .gl-menu-left-section span strong { font-weight: bolder; } .header-locations-wrapper ul.global-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -25px; } .header-locations-wrapper ul.global-menu > li { padding-left: 25px; } .header-locations-wrapper ul.global-menu li:not(.global-submenu) { width: 50%; margin-bottom: 16px; } @media (min-width: 1024px) { .header-locations-wrapper ul.global-menu li:not(.global-submenu) { width: 33.33333%; } } @media (min-width: 1280px) { .header-locations-wrapper ul.global-menu li:not(.global-submenu) { width: 25%; } } @media (max-width: 1023px) { .header-locations-wrapper li.global-submenu:not(.show-global-menu):not(.first) ul.global-menu { display: none; } } .header-locations-wrapper .global-submenu { width: 100%; } @media (min-width: 1024px) { .header-locations-wrapper .global-submenu:not(.first) { margin-top: 44px; } } @media (max-width: 1023px) { .header-locations-wrapper li.global-submenu.show-global-menu + .global-submenu, .header-locations-wrapper li.first + .global-submenu { margin-top: 32px; } } .header-locations-wrapper .close-button { position: absolute; top: 0; right: 0; z-index: 99; margin-right: -17px; } @media (min-width: 1024px) { .header-locations-wrapper .close-button { margin-top: 100px; } } @media screen and (min-width: 1440px) { .header-locations-wrapper .close-button { margin-top: 57px; } } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper .close-button { margin-top: 90px; } } @media (max-width: 767px) { .header-locations-wrapper .close-button { margin-top: 60px; margin-right: -8px; } } .header-locations-wrapper .close-location-region { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 0; width: 49px; height: 49px; background: transparent; border-radius: 50%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 767px) { .header-locations-wrapper .close-location-region { width: 33px; height: 33px; } } .header-locations-wrapper .close-location-region:hover { background: transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .header-locations-wrapper .close-location-region img { width: 100%; } .header-locations-wrapper #block-da-vinci-code-globalmenu { height: 0; opacity: 0; visibility: hidden; padding: 0; margin: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header-locations-wrapper #block-da-vinci-code-globalmenu a { color: #ffffff; } .header-locations-wrapper #block-da-vinci-code-globalmenu a:hover { font-family: "Nestle-Text-Bold"; letter-spacing: -0.022em; } .header-locations-wrapper #block-da-vinci-code-globalmenu a:active { font-family: inherit; letter-spacing: inherit; opacity: 0.4; } .header-locations-wrapper #block-da-vinci-code-globalmenu h3 { color: #ffffff; } .header-locations-wrapper #block-da-vinci-code-globalmenu button.menu-continent-names { background: transparent; text-transform: uppercase; font-size: 20px; padding: 12px 0 0; border: 0; } .header-locations-wrapper #block-da-vinci-code-globalmenu .continent-name { text-transform: uppercase; font-size: 20px; padding: 12px 0 0; margin-bottom: 30px; border-top: 1px solid rgba(255, 255, 255, 0.3); display: block; } @media (max-width: 1023px) { .header-locations-wrapper #block-da-vinci-code-globalmenu .continent-name { position: relative; z-index: 6; } } @media (min-width: 1024px) { .header-locations-wrapper #block-da-vinci-code-globalmenu .continent-name { cursor: default; } } .header-locations-wrapper #block-da-vinci-code-globalmenu .continent-name, .header-locations-wrapper #block-da-vinci-code-globalmenu .continent-name:hover, .header-locations-wrapper #block-da-vinci-code-globalmenu .continent-name:active, .header-locations-wrapper #block-da-vinci-code-globalmenu .continent-name:focus { background: transparent; font-weight: inherit; font-family: inherit; letter-spacing: 0.05em; opacity: 1; } @media (min-width: 1024px) { .header-locations-wrapper #block-da-vinci-code-globalmenu li.global-submenu.first > .continent-name { width: 30%; } } .header-locations-wrapper li.global-submenu { display: block; position: relative; } .header-locations-wrapper li.global-submenu .expand-global-menu { display: none; } @media (max-width: 1023px) { .header-locations-wrapper li.global-submenu .expand-global-menu { display: block; background: url(./Accordion-plus-expand-white.svg) no-repeat; width: 23px; position: absolute; height: 22px; vertical-align: bottom; right: 0; top: 13px; z-index: 5; } } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper li.global-submenu .expand-global-menu { left: 96%; top: 14px; } } .header-locations-wrapper li.global-submenu .dropdown-toggle .caret { display: none; } .header-locations-wrapper .gl-menu-right-section { width: 100%; margin: 0 0 0 auto; } @media screen and (min-width: 1366px) { .header-locations-wrapper .gl-menu-right-section { width: 100%; } } @media screen and (min-width: 1440px) { .header-locations-wrapper .gl-menu-right-section { width: 70%; } } @media (max-width: 1023px) { .header-locations-wrapper .gl-menu-right-section { width: 100%; } } .header-locations-wrapper .gl-menu-right-section .global-submenu.first.last > ul { text-align: left; } @media (max-width: 767px) { .header-locations-wrapper .mCSB_scrollTools_vertical { top: 120px; bottom: 60px; } } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper .mCSB_scrollTools_vertical { top: 190px; bottom: 90px; } } @media (min-width: 1024px) { .header-locations-wrapper .mCSB_scrollTools_vertical { top: 190px; bottom: 100px; } } @media screen and (min-width: 1440px) { .header-locations-wrapper .mCSB_scrollTools_vertical { top: 150px; bottom: 150px; } } .header-locations-wrapper .mCustomScrollBox .mCSB_scrollTools { opacity: 1 !important; } .header-locations-wrapper .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #ffffff; width: 6px; } @media (max-width: 767px) { .header-locations-wrapper .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; } } .header-locations-wrapper .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255, 255, 255, 0.4); } @media (max-width: 767px) { .header-locations-wrapper .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail { width: 1px; } } @media (max-width: 767px) { .header-locations-wrapper .mCustomScrollBox.mCSB_inside > .mCSB_container { margin-right: 40px; } } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper .mCustomScrollBox.mCSB_inside > .mCSB_container { margin-right: 50px; } } @media (min-width: 1024px) { .header-locations-wrapper .mCustomScrollBox.mCSB_inside > .mCSB_container { margin-right: 60px; } } @media screen and (min-width: 1440px) { .header-locations-wrapper .mCustomScrollBox.mCSB_inside > .mCSB_container { margin-right: 80px; } } .header-locations-wrapper ul.global-menu li.show-global-menu { position: relative; } @media (max-width: 1023px) { .header-locations-wrapper ul.global-menu li.show-global-menu span.expand-global-menu { display: block; background: url(./Accordion-minus-collapsewhite.svg) no-repeat; width: 23px; position: absolute; height: 22px; vertical-align: bottom; right: 0; top: 13px; z-index: 5; } } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper ul.global-menu li.show-global-menu span.expand-global-menu { left: 96%; top: 14px; } } .header-locations-wrapper ul.menu--global-menu li.global-submenu { position: relative; } @media (max-width: 1023px) { .header-locations-wrapper ul.menu--global-menu li.global-submenu span.global-menu-link { display: block; background: url(./CTA-arrow-white.svg) no-repeat; width: 23px; position: absolute; height: 22px; vertical-align: bottom; right: 0; top: 10px; z-index: 5; } } @media (min-width: 768px) and (max-width: 1023px) { .header-locations-wrapper ul.menu--global-menu li.global-submenu span.global-menu-link { left: 96%; top: 14px; } } .main-menu-content { width: 100%; } .main-menu-content::before, .main-menu-content::after { content: " "; display: table; clear: both; } @media (min-width: 1024px) { .main-menu-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 32px; } } .main-menu-content__image { margin-bottom: 32px; position: relative; overflow: hidden; } @media (max-width: 1023px) { .main-menu-content__image { margin-top: 16px; } } @media (min-width: 1024px) { .main-menu-content__image { width: 33.3333%; margin-right: 44px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .main-menu-content__image img { display: block; width: 100%; height: auto; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .main-menu-content__image img { height: 100%; top: 0; left: 0; -webkit-transform: none; transform: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } } .main-menu-content__image .field--label { display: none; } .main-menu-content__body { padding-right: 64px; margin-bottom: 32px; } @media (max-width: 1023px) { .main-menu-content__body { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } } @media (min-width: 1024px) { .main-menu-content__body { width: 66.66667%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } } .main-menu-content__body p:last-child { padding-bottom: 0; } .header-below-wrapper { background: #f6f5f4; position: relative; } .header-below-wrapper .region-header-below > nav > h2 { display: none; } @media (max-width: 1023px) { .header-below-wrapper { display: none; } .header-below-wrapper.menu-mobile-wrap { display: block; position: relative; z-index: 11; } .header-below-wrapper.search-mobile-wrap { display: block; } .header-below-wrapper.search-mobile-wrap .block-views { width: 100%; position: absolute; top: 0; left: 0; right: 0; background: white; z-index: 101; } } .header-below-wrapper a { display: block; color: #30261d; padding: 0 10px; line-height: 3; -webkit-transition: 0.3s ease; transition: 0.3s ease; } @media (min-width: 1024px) { .header-below-wrapper a:hover { background: #d1cbc5; color: #30261d; -webkit-transition: 0.3s ease; transition: 0.3s ease; } } @media (max-width: 1023px) { .header-below-wrapper a { padding: 12px 35px 12px 12px; line-height: 22px; color: #63513d; } } @media (max-width: 767px) { .header-below-wrapper a { padding: 12px 35px 12px 8px; } } .header-below-wrapper .region-header-below { width: 100%; margin-right: auto; margin-left: auto; max-width: 80%; } .header-below-wrapper .region-header-below [id*="edit-sort-by--"] { display: none; } @media (max-width: 1023px) { .header-below-wrapper .region-header-below { max-width: none; padding-left: 5%; padding-right: 5%; } } @media (min-width: 768px) and (max-width: 1023px) { .header-below-wrapper .region-header-below { padding-right: 33.3333%; } } @media (min-width: 1024px) { .header-below-wrapper .region-header-below > div:last-of-type { display: none; } } .header-below-wrapper .mega-menu-wrap { -webkit-transition: height 0.3s; transition: height 0.3s; } @media (min-width: 1024px) { .header-below-wrapper .mega-menu-wrap { position: relative; } } .header-below-wrapper .mega-menu-wrap .field--name-field-inside { display: none; } @media (max-width: 1023px) { .header-below-wrapper .menu-dropdown { display: none; } } .header-below-wrapper .menu-dropdown-0 { z-index: 999; } @media (min-width: 1024px) { .header-below-wrapper .menu-dropdown-0 { left: 0; position: absolute; text-align: left; width: 100%; margin-left: auto; margin-top: -1px; padding: 40px 0 0; display: none; } } @media (min-width: 1024px) { .header-below-wrapper .menu-dropdown-0 .mega-menu-wrap { margin-bottom: 35px; } } @media (min-width: 1024px) { .header-below-wrapper .menu-dropdown-0 .active-menu { background: #dfe0e1; color: #63513d; } } @media (min-width: 1024px) { .header-below-wrapper .menu-dropdown-0 .active-menu:hover { background: #dfe0e1; } } @media (min-width: 1024px) { .header-below-wrapper .menu-dropdown-0 .field--name-field-goto-link { width: 33.3333%; } } .header-below-wrapper .menu-dropdown-0 .field--name-field-goto-link a { padding-top: 21px; padding-bottom: 21px; margin-bottom: 32px; border-bottom: 2px solid currentcolor; -webkit-transition: 0.3s ease; transition: 0.3s ease; padding-right: 52px; } @media (min-width: 1024px) { .header-below-wrapper .menu-dropdown-0 .field--name-field-goto-link a { margin-right: 18.6px; } } .header-below-wrapper .menu-dropdown-0 .field--name-field-goto-link a::after { content: ""; display: block; width: 12px; height: 14px; background: url(./arrow-right--white.svg) no-repeat center center; top: 50%; right: 20px; margin-top: -7px; position: absolute; } @media (min-width: 1024px) { .header-below-wrapper .menu-dropdown-0 .field--name-field-goto-link a:hover { background: unset; -webkit-transition: 0.3s ease; transition: 0.3s ease; } } @media (min-width: 1024px) { .header-below-wrapper .menu-level-0 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1024px) { .header-below-wrapper .menu-level-0 li > a { font-size: 14.4px; padding: 0 7px; } } @media (min-width: 1200px) { .header-below-wrapper .menu-level-0 > li > a { font-size: 16px; padding: 0 10px; } } .header-below-wrapper .menu-level-0 > .menu-item--expanded > a { position: relative; } @media (min-width: 1024px) { .header-below-wrapper .menu-level-0 > .menu-item--expanded > a { line-height: 48px; } } @media (min-width: 1024px) { .header-below-wrapper .menu-level-0 > .menu-item--expanded > a:after { display: none; } } @media (min-width: 1024px) { .header-below-wrapper #block-da-vinci-code-secondarymenu > .menu-level-0 > li > a { font-size: 16px; font-family: "Nestle-Text-Bold"; line-height: 22px; padding: 13px 10px; } } @media (min-width: 1024px) { .header-below-wrapper .field--name-field-goto-link, .header-below-wrapper .menu-level-1 { position: relative; } } @media (min-width: 1024px) { .header-below-wrapper .menu-level-1 { width: 33.33333%; padding-right: 18.8px; } } .header-below-wrapper .menu-level-2, .header-below-wrapper .menu-level-3 { width: 100%; } @media (min-width: 1024px) { .header-below-wrapper .menu-level-1 li > a, .header-below-wrapper .menu-level-2 li > a, .header-below-wrapper .menu-level-3 li > a { font-size: 16px; padding: 6px 29px; white-space: normal; -ms-hyphens: auto; hyphens: auto; } } .header-below-wrapper .menu-dropdown-1, .header-below-wrapper .menu-dropdown-2 { width: 100%; } @media (min-width: 1024px) { .header-below-wrapper .menu-dropdown-1, .header-below-wrapper .menu-dropdown-2 { position: absolute; } } .header-below-wrapper .menu-dropdown-1 .field--name-field-goto-link, .header-below-wrapper .menu-dropdown-2 .field--name-field-goto-link { width: 100%; } .header-below-wrapper .menu-dropdown-1 .field--name-field-goto-link a, .header-below-wrapper .menu-dropdown-2 .field--name-field-goto-link a { margin-right: 0; } @media (min-width: 1024px) { .header-below-wrapper .menu-dropdown-1 { left: 100%; top: -98px; padding: 0 9.3px; } } @media (min-width: 1024px) { .header-below-wrapper .menu-dropdown-2 { left: 100%; top: 0; padding-left: 18.6px; } } .header-below-wrapper .field--name-field-goto-link { -webkit-transition: 0.3s ease; transition: 0.3s ease; } @media (min-width: 1024px) { .header-below-wrapper .field--name-field-goto-link a:hover { background: #dfe0e1; } } .header-below-wrapper .field--name-field-goto-link a strong { font-family: "Nestle-Text-Bold"; font-size: 1.3em; margin-left: 0.1em; letter-spacing: -0.021em; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container { width: 100%; max-width: 80%; margin: 0 auto; } @media (max-width: 1023px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container { max-width: 100%; padding: 0; } } @media (min-width: 1024px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container { position: relative; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container.mega-menu-container--no-content, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container.mega-menu-container--no-content { padding-top: 50px; } } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container a, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container a { padding: 6px 13px; line-height: 22px; } @media (max-width: 1023px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container a, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container a { padding: 12px 35px 12px 12px; line-height: 22px; } } @media (max-width: 767px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container a, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container a { padding: 12px 35px 12px 8px; } } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container .close-menu-tab, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container .close-menu-tab { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50px; height: 50px; border-radius: 50%; padding: 0; background: transparent; border: 4px solid #ffffff; -webkit-transition: opacity 0.16667s ease; transition: opacity 0.16667s ease; z-index: 10; position: absolute; top: 0; right: 0; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container .close-menu-tab:hover, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container .close-menu-tab:hover { opacity: 0.75; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container .close-menu-tab:focus, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container .close-menu-tab:focus { outline-offset: 2px; } @media (max-width: 1023px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container .close-menu-tab--desktop, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container .close-menu-tab--desktop { display: none; } } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container .close-menu-tab--mobile, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container .close-menu-tab--mobile { position: static; float: none; border: none; width: auto; border-radius: 0; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container .close-menu-tab--mobile::before, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container .close-menu-tab--mobile::before { content: ""; display: block; width: 12px; height: 14px; background: url(./arrow-left--white.svg) no-repeat center center; margin-right: 0.5em; } @media (min-width: 1024px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container .close-menu-tab--mobile, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container .close-menu-tab--mobile { display: none; } } @media (max-width: 1023px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container .close-menu-tab + p, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container .close-menu-tab + p { display: none; } } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container a.externalLink, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container a.externalLink { background-image: none; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .mega-menu-container a.externalLink::after, .header-below-wrapper #block-da-vinci-code-secondarymenu .mega-menu-container a.externalLink::after { content: ""; background: url(./icon-external--white.svg) no-repeat 7px 5px; background-size: 50%; display: inline-block; height: 18px; width: 26px; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .menu-item--expanded > a, .header-below-wrapper #block-da-vinci-code-secondarymenu .menu-item--expanded > a { position: relative; padding-right: 48px; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .menu-item--expanded > a::after, .header-below-wrapper #block-da-vinci-code-secondarymenu .menu-item--expanded > a::after { content: ""; position: absolute; width: 8px; height: 12px; right: 20px; background: url(./chevron-right--white.svg) no-repeat; top: 50%; margin-top: -6px; } @media (min-width: 1024px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .menu-level-0 > .menu-item--active-trail:not(:first-child) > a, .header-below-wrapper #block-da-vinci-code-secondarymenu .menu-level-0 > .menu-item--active-trail:not(:first-child) > a { background-color: #e8e5e2; color: #30261d; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .menu-level-0 > .menu-item--active-trail:not(:first-child) > a:hover, .header-below-wrapper #block-da-vinci-code-secondarymenu .menu-level-0 > .menu-item--active-trail:not(:first-child) > a:hover { background-color: #d1cbc5; } } @media (max-width: 1023px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .menu-level-0 > .menu-item--expanded > a::after, .header-below-wrapper #block-da-vinci-code-secondarymenu .menu-level-0 > .menu-item--expanded > a::after { background-image: url(./chevron-right--oak.svg); } } @media (min-width: 1024px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .menu-level-0 > .menu-item--expanded > a, .header-below-wrapper #block-da-vinci-code-secondarymenu .menu-level-0 > .menu-item--expanded > a { padding-right: 10px; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .menu-level-0 > .menu-item--expanded > a::after, .header-below-wrapper #block-da-vinci-code-secondarymenu .menu-level-0 > .menu-item--expanded > a::after { content: none; } } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 .field.field--name-field-inside .menu-dropdown-0 { min-height: auto; } @media (min-width: 1024px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 > .menu-level-0 > li:first-child { margin-right: 16px; } } @media (max-width: 1023px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 > .menu-level-0 > li:first-child { display: none; } } @media (min-width: 1024px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 > .menu-level-0 > li:first-child a { font-size: 0; width: 20px; height: 20px; background-image: url(./home-icon-dark.svg); background-color: transparent; background-position: unset; background-size: contain; } } @media (min-width: 1024px) { .header-below-wrapper #block-da-vinci-code-mainnavigation-2 > .menu-level-0 > li:first-child a .is-active { background-color: #e4e4e7; color: #ffffff; } } .header-below-wrapper .menu-item > .menu-dropdown { display: none; } @media (max-width: 1023px) { .header-below-wrapper .menu-item > .menu-dropdown { position: absolute; top: -14px; left: 0; right: 0; padding: 32px 5% 48px; min-height: 100%; min-height: calc(100% + 32px); z-index: 9999; width: auto; } .header-below-wrapper .menu-item > .menu-dropdown .menu-dropdown { top: 0; min-height: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .header-below-wrapper .menu-item > .menu-dropdown { padding-right: 33.33333%; } } @media (max-width: 1023px) { .header-below-wrapper .menu-item.selected > .menu-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .header-below-wrapper .menu-item.selected > .menu-dropdown { display: block; } } .header-below-wrapper .menu-item.selected > .menu-dropdown .field--name-field-menu { display: block; } .header-below-wrapper .menu-item.selected > .menu-dropdown .field--type-string { display: none; } .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form { width: 90%; margin-left: auto; margin-right: auto; } .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form input[type="text"] { border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 1023px) { .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper { background-color: #ffffff; padding: 33px 0 0 0; } .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper .form-type-textfield { width: 100%; position: relative; } .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper .form-item-keyword { width: 100%; } .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper .form-item-keyword .control-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper .form-item-keyword:after { content: none; } } @media (min-width: 768px) and (max-width: 1023px) { .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper { margin-bottom: 61px; } } @media (max-width: 767px) { .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper { padding: 0; margin: 30px 0; } } .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper .form-actions { position: relative; } @media (max-width: 1023px) { .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper .form-actions [id*="edit-submit-global-search"] { margin-top: 0; position: absolute; width: 27px; height: 28px; border: 0; background: url(./Search-Icon.svg) no-repeat; background-color: #ffffff; font-size: 0; padding-bottom: 30px; border-bottom: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; outline: none; color: #ffffff; top: 10px; text-align: center; text-transform: capitalize; padding: 0.9em 0.7em; display: inline-block; cursor: pointer; margin-left: -5px; } .search-mobile-wrap #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper .form-actions [id*="edit-submit-global-search"]:active { background: url(./Search-Icon-green.svg) no-repeat; } } @media (max-width: 1023px) { .header-below-wrapper { background-color: #ffffff; } } #block-da-vinci-code-mainnavigation-2 .menu-dropdown, #block-da-vinci-code-mainnavigation-2 .menu-level-0 > li.selected > a, #block-da-vinci-code-mainnavigation-2 .menu-level-0 > li.nav-current > a { background-color: #007cba; color: #ffffff; } #block-da-vinci-code-secondarymenu .menu-dropdown, #block-da-vinci-code-secondarymenu .menu-level-0 > li.selected > a, #block-da-vinci-code-secondarymenu .menu-level-0 > li.nav-current > a { background-color: #00818f; color: #ffffff; } @media (min-width: 1024px) { #block-da-vinci-code-mainnavigation-2 .menu-level-0 > .menu-item--active-trail.selected > a { background: #007cba; color: #ffffff; } } @media (min-width: 1024px) { #block-da-vinci-code-secondarymenu .menu-level-0 > .menu-item--active-trail.selected > a { background: #00818f; color: #ffffff; } } #block-da-vinci-code-mainnavigation-2.contextual-region, #block-da-vinci-code-secondarymenu.contextual-region { position: initial; } @media (max-width: 1023px) { #block-da-vinci-code-mainnavigation-2, #block-da-vinci-code-secondarymenu { margin-top: 32px; } #block-da-vinci-code-mainnavigation-2 .mega-menu-container, #block-da-vinci-code-secondarymenu .mega-menu-container { display: -webkit-box; display: -ms-flexbox; display: flex; } #block-da-vinci-code-mainnavigation-2 .mega-menu-container, #block-da-vinci-code-mainnavigation-2 .menu-dropdown, #block-da-vinci-code-secondarymenu .mega-menu-container, #block-da-vinci-code-secondarymenu .menu-dropdown { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #block-da-vinci-code-mainnavigation-2 .mega-menu-container > *, #block-da-vinci-code-mainnavigation-2 .menu-dropdown > *, #block-da-vinci-code-secondarymenu .mega-menu-container > *, #block-da-vinci-code-secondarymenu .menu-dropdown > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #block-da-vinci-code-mainnavigation-2 .menu > li, #block-da-vinci-code-secondarymenu .menu > li { border-bottom: 1px solid #d1cbc5; } #block-da-vinci-code-mainnavigation-2 .close-menu-tab, #block-da-vinci-code-secondarymenu .close-menu-tab { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } #block-da-vinci-code-mainnavigation-2 .menu-level-1 .field--name-field-menu, #block-da-vinci-code-mainnavigation-2 .menu-level-1 .field--name-field-menu-featured-image, #block-da-vinci-code-mainnavigation-2 .menu-level-1 .main-menu-content, #block-da-vinci-code-secondarymenu .menu-level-1 .field--name-field-menu, #block-da-vinci-code-secondarymenu .menu-level-1 .field--name-field-menu-featured-image, #block-da-vinci-code-secondarymenu .menu-level-1 .main-menu-content { display: none; } #block-da-vinci-code-mainnavigation-2 .mega-menu-container .field--name-field-goto-link a, #block-da-vinci-code-secondarymenu .mega-menu-container .field--name-field-goto-link a { padding-top: 21px; padding-bottom: 21px; padding-right: 52px; } #block-da-vinci-code-mainnavigation-2 .menu-dropdown a, #block-da-vinci-code-secondarymenu .menu-dropdown a { color: inherit; } #block-da-vinci-code-mainnavigation-2 .menu-dropdown a:hover, #block-da-vinci-code-secondarymenu .menu-dropdown a:hover { background: rgba(0, 0, 0, 0.15); } #block-da-vinci-code-mainnavigation-2 .menu-dropdown li, #block-da-vinci-code-secondarymenu .menu-dropdown li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } #block-da-vinci-code-mainnavigation-2 .menu-dropdown li.selected > a, #block-da-vinci-code-mainnavigation-2 .menu-dropdown li.nav-current > a, #block-da-vinci-code-secondarymenu .menu-dropdown li.selected > a, #block-da-vinci-code-secondarymenu .menu-dropdown li.nav-current > a { background: rgba(0, 0, 0, 0.3); } #block-da-vinci-code-mainnavigation-2 .is-active, #block-da-vinci-code-secondarymenu .is-active { background-color: #d1cbc5; } .header-below-wrapper #block-da-vinci-code-mainnavigation-2 ul.menu-level-1 a.is-active, .header-below-wrapper #block-da-vinci-code-secondarymenu ul.menu-level-1 a.is-active { background: rgba(0, 0, 0, 0.3); } @media (max-width: 767px) { .main-menu-content .main-menu-content__image { display: none; } } .header-wrapper #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form.search-in-focus .search-keyword-wrapper { border: 0; } .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all { width: auto; margin-top: 39px; } @media (max-width: 1023px) { .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all { display: none; margin-top: 0; } } .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all.search-in-focus .search-keyword-wrapper { -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); border-top-right-radius: 4px; border-top-left-radius: 4px; } @media (max-width: 1023px) { .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all.search-in-focus .search-keyword-wrapper { -webkit-box-shadow: none; box-shadow: none; } } .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all.search-in-focus .search-keyword-wrapper::after { content: ""; border-bottom: 2px solid #00818f !important; position: absolute; width: calc(100% - 14px); padding: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all.search-in-focus .search-keyword-wrapper .form-item-keyword input[type="text"] { background: url(./union-search.svg) no-repeat center; background-size: 14px 14px; background-position: 15px center; padding-left: 45px; } @media (max-width: 1023px) { .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all.search-in-focus.search-term .search-keyword-wrapper { border-bottom: none !important; position: relative; } } .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all.search-in-focus.search-term .search-keyword-wrapper .form-wrapper { position: relative; } .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all .search-keyword-wrapper { position: relative; } .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all .search-keyword-wrapper:hover { border-bottom: 0 !important; } .header-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all .search-keyword-wrapper:hover::after { content: ""; border-bottom: 2px solid #00818f !important; position: absolute; width: calc(100% - 14px); padding: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .header-wrapper .search-keyword-wrapper { width: 100%; } @media (max-width: 1023px) { .header-wrapper .search-keyword-wrapper { margin: 10px auto; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #63513d; } } .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"] { font-size: 16px; padding: 11px 33px 11px 10px; color: #30261d; height: auto; border-radius: 0; font-family: "Nestle-Text-Light"; line-height: 21px; width: 320px; -webkit-transition: 0.3s; transition: 0.3s; background: transparent; } @media (max-width: 1024px) { .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"] { width: 195px; } } @media (max-width: 1023px) { .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"] { width: 100%; } } @media (min-width: 1024px) { .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"]:focus { width: 380px; } } @media screen and (min-width: 1280px) { .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"]:focus { width: 500px; } } @media (max-width: 1023px) { .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"] { line-height: normal; min-width: auto; } } .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"]::-webkit-input-placeholder { color: #30261d; } .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"]::-moz-placeholder { color: #30261d; } .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"]:-ms-input-placeholder { color: #30261d; } .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"]::-ms-input-placeholder { color: #30261d; } .header-wrapper .search-keyword-wrapper .form-item-keyword input[type="text"]::placeholder { color: #30261d; } .header-wrapper .search-keyword-wrapper .form-item .input-group .cross-btn { position: absolute; top: 0; right: 0; z-index: 9; margin-top: 0; background-size: 42px 20px; background-position: center 11px; } .header-wrapper .search-keyword-wrapper .form-item .input-group .cross-btn::after { content: ""; background: url(./pipe-icon.svg) no-repeat center; background-size: 11px 24px; background-position: right center; padding-left: 45px; padding-bottom: 5px; } @media (max-width: 1024px) { .header-wrapper .search-keyword-wrapper .form-item .input-group .cross-btn::after { padding-left: 42px; } } @media (max-width: 1023px) { .header-wrapper .search-keyword-wrapper .form-item .input-group .cross-btn { right: 2.25rem; } } .header-wrapper .search-keyword-wrapper .form-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-wrapper .search-keyword-wrapper .form-actions button { width: 27px; height: 33px; background: url(./sprite-image.png) no-repeat; background-position: -648px 1px; background-size: 900px; background-color: #ffffff; font-size: 0; padding-bottom: 30px; border-bottom: 1px solid #f4f4f5; border-radius: 0; outline: none; } .header-wrapper .search-keyword-wrapper .form-actions button:hover, .header-wrapper .search-keyword-wrapper .form-actions button:active, .header-wrapper .search-keyword-wrapper .form-actions button:focus { background: url(./sprite-image.png) no-repeat; background-position: -648px 1px; background-size: 900px; background-color: #ffffff; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 1023px) { .header-wrapper .search-keyword-wrapper .form-actions button { margin-top: 0; background-color: #ffffff; background-position: -824px 3px; background-size: auto; border-radius: 0 3px 3px 0; height: 31px; } .header-wrapper .search-keyword-wrapper .form-actions button:hover, .header-wrapper .search-keyword-wrapper .form-actions button:active, .header-wrapper .search-keyword-wrapper .form-actions button:focus { background: url(./sprite-image.png) no-repeat; background-position: -824px 3px; background-size: auto; background-color: #ffffff; } } .header-wrapper .search-keyword-wrapper .search-api-autocomplete-search { border: 0; border-top-left-radius: 0; border-top-right-radius: 0; width: 100% !important; font-family: "Nestle-Text-Book"; } @media (min-width: 1024px) { .header-wrapper .search-keyword-wrapper .search-api-autocomplete-search { width: 430px !important; } } @media screen and (min-width: 1280px) { .header-wrapper .search-keyword-wrapper .search-api-autocomplete-search { width: 550px !important; } } .header-wrapper .show-recent-search { top: 43px !important; } .region-header-below > #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 { display: none; } @media (max-width: 1023px) { .region-header-below > #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 { display: block; } } .region-header-below .form-group { margin-bottom: 0; } .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-type-textfield { margin-bottom: 0; border-bottom: 0; width: 100%; max-width: 100%; } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper .form-item-keyword:after { height: 23px; top: 45%; } .header-top-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .header-top-wrapper { padding-bottom: 2rem; width: 100%; position: relative; margin-right: auto; margin-left: auto; } } @media (min-width: 768px) { .header-top-wrapper { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 768px) and (max-width: 1023px) { .header-top-wrapper { margin: 0 5%; } } @media (min-width: 1024px) { .header-top-wrapper { margin: 0 10%; } } .region-header-top #block-da-vinci-code-globalmenu { display: none; } .region-header-top #block-da-vinci-code-globalmenu .globe-icon, .region-header-top #block-da-vinci-code-globalmenu .select-arrow { display: inline; } .global-menu .global-submenu .global-menu li { display: inline-block; } .global-links img.globe-icon.b-lazy.b-loaded, .global-links img.select-arrow.b-lazy.b-loaded { display: inline; } .region-header-top { background: #f6f5f4; color: #34220d; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.2em; font-size: 14px; } .region-header-top > * { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16); } .region-header-top > *:not(:last-child) { border-right: 2px solid #e8e5e2; } @media (min-width: 768px) { .region-header-top { border-radius: 0 0 4px 4px; } } .region-header-top .rotate-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .region-header-top .menu--contact-menu::before, .region-header-top .menu--contact-menu::after { content: none; } .region-header-top .menu--contact-menu, .region-header-top .menu--contact-menu li, .region-header-top .menu--contact-menu a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .region-header-top .menu--contact-menu a { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .region-header-top .menu--contact-menu a:focus { color: #ffffff; background-color: rgb(0, 99.2, 148.8); border-color: rgb(0, 99.2, 148.8); } @media (max-width: 767px) { .region-header-top .menu--contact-menu a { background-image: url(./email.png); background-repeat: no-repeat; background-size: auto 1.3125rem; background-position: center center; min-width: 3.5rem; overflow: hidden; font-size: 0; } .region-header-top .menu--contact-menu a, .region-header-top .menu--contact-menu a:hover, .region-header-top .menu--contact-menu a:focus { color: transparent; } } @media (min-width: 768px) { .region-header-top .menu--contact-menu li.last a { border-bottom-right-radius: 4px; } } .region-header-top .block-dropdown-language::before, .region-header-top .block-dropdown-language::after { content: none; } .region-header-top .block-dropdown-language, .region-header-top .block-dropdown-language .custom-language-switcher { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media (max-width: 1023px) { .region-header-top .block-dropdown-language .button.language-link { background: none; color: inherit; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none; width: 100%; -webkit-box-shadow: inset 0 -3px 0 #00818f; box-shadow: inset 0 -3px 0 #00818f; color: #00818f; } .region-header-top .block-dropdown-language .button.language-link::after { content: ""; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5em; margin-top: -0.125em; margin-left: 0.5rem; background: url(./icon-downarrow.png) no-repeat center center/100% 100%; -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } .region-header-top .block-dropdown-language .dropdown-toggle { position: absolute; z-index: 2; border: none; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; margin: 0; } .region-header-top .block-dropdown-language .dropdown-toggle, .region-header-top .block-dropdown-language .dropdown-toggle:active, .region-header-top .block-dropdown-language .dropdown-toggle:hover, .region-header-top .block-dropdown-language .dropdown-toggle:focus { background: none; -webkit-box-shadow: none; box-shadow: none; } .region-header-top .block-dropdown-language .dropdown-toggle .caret { display: none; } .region-header-top .block-dropdown-language .dropdown.open > .dropdown-toggle { background: none; -webkit-box-shadow: none; box-shadow: none; } .region-header-top .block-dropdown-language .dropdown.open > .button.language-link::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @media (min-width: 1024px) { .region-header-top .block-dropdown-language .button.language-link, .region-header-top .block-dropdown-language .dropdown-toggle { display: none; } .region-header-top .block-dropdown-language .dropdown-menu { width: 100%; position: static; margin: 0; background: none; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; font-size: 1em; z-index: 0; } .region-header-top .block-dropdown-language .dropdown-menu, .region-header-top .block-dropdown-language .dropdown-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .region-header-top .block-dropdown-language .dropdown-menu li:not(:last-child) { border-right: 1px solid #e8e5e2; } .region-header-top .block-dropdown-language .language-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 7px 1.2857142857em 7px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: inherit; -webkit-box-shadow: inset 0 0 0 #00818f; box-shadow: inset 0 0 0 #00818f; font-size: 13px; text-alin: center; -webkit-transition: background 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background 0.1s ease, box-shadow 0.1s ease; transition: background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } .region-header-top .block-dropdown-language .language-link.active-language, .region-header-top .block-dropdown-language .language-link:hover { -webkit-box-shadow: inset 0 -3px 0 #00818f; box-shadow: inset 0 -3px 0 #00818f; } .region-header-top .block-dropdown-language .dropdown-menu .language-link.active-language { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .region-header-top .block-block-content::before, .region-header-top .block-block-content::after { content: none; } .region-header-top .block-block-content, .region-header-top .block-block-content .field { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .region-header-top .global-links, .region-header-top .global-links .country, .region-header-top .global-links .language-select { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; color: inherit; } .region-header-top .global-links .language-select .language-select-text { color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 7px 1.2857142857em 7px; line-height: 1.2em; font-size: 0.875rem; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } @media (min-width: 768px) { .region-header-top .global-links .language-select .language-select-text { border-bottom-left-radius: 4px; } } .region-header-top .global-links .language-select .language-select-text:hover { background: rgb(233.7, 232.75, 231.8); } .region-header-top .global-links .globe-icon, .region-header-top .global-links .select-arrow { -ms-flex-negative: 0; flex-shrink: 0; } .region-header-top .global-links .globe-icon { width: 1.25em; height: auto; margin-right: 0.8em; } .region-header-top .global-links .select-arrow { width: 1.5em; height: auto; margin-left: 0.8em; } @media (max-width: 767px) { .region-header-top { width: 100%; } .region-header-top .globaltext { display: none; } .region-header-top .global-links .language-select .language-select-text { padding: 7px 0.5em; width: 4em; margin: 0 auto; } .region-header-top .global-links .globe-icon { width: 1.25em; margin-right: 0.4em; } .region-header-top .global-links .select-arrow { width: 1.5em; height: auto; margin-left: 0; } .region-header-top .block-dropdown-language .button.language-link { padding: 0.5em; } } .region-header { padding-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 32px; } @media (max-width: 1023px) { .region-header { display: block; margin-bottom: 0; } } @media (max-width: 767px) { .region-header { padding-top: 0; } } .region-header .logo { max-width: 363px; margin: 0; position: relative; z-index: 1; line-height: 0; outline: none; } .region-header .logo:focus-visible { outline: 2px solid #30261d; outline-offset: 2px; border-radius: 2px; } .region-header .logo img { -ms-interpolation-mode: bicubic; fill: #63513d; } @media (min-width: 1024px) { .region-header .logo img { max-width: 363px; } } @media (max-width: 767px) { .region-header .logo img { height: auto; } } @media (max-width: 767px) { .region-header .logo { max-width: 200px; } } @media screen and (max-width: 575px) { .region-header .logo { max-width: 60%; } } @media (min-width: 768px) and (max-width: 1023px) { .region-header .logo { margin-bottom: 29px; } } @media (max-width: 767px) { .region-header .logo { margin-bottom: 22px; } } .region-header [id*="edit-sort-by--"] { display: none; } .region-header .search-keyword-wrapper { margin-bottom: 0; } .region-header .search-keyword-wrapper .form-item-keyword label.control-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .hamburger-menu { position: relative; display: none; width: 2rem; height: 2rem; padding: 0.1875rem 0; margin-top: 44px; border: 0.125rem solid transparent; float: right; cursor: pointer; background: transparent; -webkit-transition: border-color 0.16667s ease, border-radius 0.166667s ease; transition: border-color 0.16667s ease, border-radius 0.166667s ease; } @media (min-width: 1024px) { .hamburger-menu { display: none; } } @media (max-width: 1023px) { .hamburger-menu { display: inline-block; } } @media (max-width: 767px) { .hamburger-menu { margin-top: 20px; } } .hamburger-menu::before, .hamburger-menu::after { content: ""; width: 100%; -webkit-transform-origin: center center; transform-origin: center center; } .hamburger-menu::before, .hamburger-menu::after, .hamburger-menu span { display: block; height: 0.125rem; background: #30261d; -webkit-transition: opacity 0.16667s ease, width 0.16667s ease, background 0.16667s ease, -webkit-transform 0.166667s ease; transition: opacity 0.16667s ease, width 0.16667s ease, background 0.16667s ease, -webkit-transform 0.166667s ease; transition: opacity 0.16667s ease, transform 0.166667s ease, width 0.16667s ease, background 0.16667s ease; transition: opacity 0.16667s ease, transform 0.166667s ease, width 0.16667s ease, background 0.16667s ease, -webkit-transform 0.166667s ease; } .hamburger-menu::before, .hamburger-menu span { margin-bottom: 0.5rem; } .hamburger-menu span { width: 70%; margin-left: auto; margin-right: auto; } .hamburger-menu--active { border-radius: 50%; border-color: #007cba; } .hamburger-menu--active span { opacity: 0; } .hamburger-menu--active::before, .hamburger-menu--active::after { background: #007cba; } .hamburger-menu--active::before { -webkit-transform: translateY(0.625rem) rotate(45deg) scale(0.5714285714, 1); transform: translateY(0.625rem) rotate(45deg) scale(0.5714285714, 1); } .hamburger-menu--active::after { -webkit-transform: translateY(-0.625rem) rotate(-45deg) scale(0.5714285714, 1); transform: translateY(-0.625rem) rotate(-45deg) scale(0.5714285714, 1); } .search-icon { display: none; position: relative; width: 34px; height: 32px; margin-top: 45px; float: right; margin-right: 29px; cursor: pointer; background: transparent; border: 0; } @media (max-width: 1023px) { .search-icon { display: inline-block; } } @media (max-width: 767px) { .search-icon { margin-top: 17px; margin-right: 6px; width: 44px; } } .search-icon span { display: none; } @media (max-width: 1023px) { .search-icon span { display: block; width: 34px; height: 32px; border: 0; background: url(./Search-Icon.svg) no-repeat; position: absolute; right: 0; bottom: 0; } } @media (max-width: 767px) { .search-icon span { right: 18px; top: 4px; } } .cross-search-btn { position: relative; } .cross-search-btn span { display: none; } @media (max-width: 1023px) { .cross-search-btn span { display: block; width: 34px; height: 32px; border: 0; top: 0; background: url(./Circular-Button-Close.svg) no-repeat; position: absolute; right: 0; } } @media (max-width: 767px) { .cross-search-btn span { right: 18px; top: 4px; } } @media (min-width: 1024px) { .region-header-below { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .region-header-below .block-we-megamenu li.we-mega-menu-li.dropdown-menu { position: static; } .region-header-below .block-we-megamenu li.we-mega-menu-li.dropdown-menu a:before { display: none; } .region-header-below ul.we-mega-menu-ul.nav-tabs { position: static; } @media (max-width: 1023px) { .region-header-below ul.we-mega-menu-ul.nav-tabs { background-color: #00629b; border: none; color: #ceedff; position: absolute; width: 100%; z-index: 3; } } .region-header-below ul.we-mega-menu-ul.nav-tabs .we-mega-menu-li { text-transform: none; background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; } .region-header-below ul.we-mega-menu-ul.nav-tabs .we-mega-menu-li:hover { background-color: transparent; } @media (min-width: 1024px) { .region-header-below ul.we-mega-menu-ul.nav-tabs .we-mega-menu-li:hover a { color: #00629b; } } .region-header-below ul.we-mega-menu-ul.nav-tabs .we-mega-menu-li a { font-size: 16px; font-weight: 400; color: #796e65; font-family: "Nestle-Text-Bold"; padding: 4px 14px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1023px) { .region-header-below ul.we-mega-menu-ul.nav-tabs .we-mega-menu-li a { color: #ffffff; line-height: normal; padding: 11.2px 16px; } } .region-header-below ul.we-mega-menu-ul.nav-tabs .we-mega-menu-li .back { color: red; } .region-header-below ul.we-mega-menu-ul.nav-tabs .we-mega-menu-li .back:before { display: block; width: 0; height: 0; border: inset 6px; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #ffffff transparent transparent; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; margin-bottom: 4px; border-left-width: 0; } @media (max-width: 1023px) { .region-header-below ul.we-mega-menu-ul.nav-tabs .we-mega-menu-li { padding-top: 0; padding-bottom: 0; width: 100%; } } @media (max-width: 1023px) { .region-header-below ul.we-mega-menu-ul.nav-tabs .we-mega-menu-li:nth-last-child(-n + 3) a { font-family: "Nestle-Text-Book"; } } .region-header-below .navbar-default { background-color: #ffffff; border: 0; } .region-header-below .we-mega-menu-submenu { width: 100%; min-height: 416px; background-color: #00629b; opacity: 0.98; border: 0 none; padding: 0; } @media (max-width: 1023px) { .region-header-below .we-mega-menu-submenu { opacity: 1; } } .region-header-below .we-mega-menu-submenu a { font-size: 16px; } .region-header-below .we-mega-menu-submenu a:hover { color: #00629b; background-color: #ceedff; } .region-header-below .we-mega-menu-submenu .we-mega-menu-col { margin-top: 0; margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul { min-height: 440px; border-right: 1px solid #ffffff; width: 100%; } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul li.we-mega-menu-li { background-color: #00629b; margin-top: 0; } @media (max-width: 1023px) { .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul li.we-mega-menu-li { background-color: #004f7d; } } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul li.we-mega-menu-li:hover { background-color: #00629b; } @media (max-width: 1023px) { .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul li.we-mega-menu-li:hover { background-color: #004f7d; } } @media (max-width: 1023px) { .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul li.we-mega-menu-li { padding: 0 0 0 16px; width: 100%; } } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul li.we-mega-menu-li a { font-family: "Nestle-Text-Book"; color: #ffffff; border-bottom: none; padding: 6px 22px 6px 16px; font-weight: normal; margin: 0; } @media (max-width: 1023px) { .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul li.we-mega-menu-li a { border-radius: 0; line-height: normal; padding: 11.2px 16px; } } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul li.we-mega-menu-li a:hover { color: #00629b; background-color: #ceedff; } @media (max-width: 1023px) { .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul li.we-mega-menu-li a:hover { color: #ffffff; background-color: #00629b; } } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul .we-mega-menu-submenu { right: 0; top: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul .we-mega-menu-submenu .we-mega-menu-col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul .we-mega-menu-submenu .we-mega-menu-col .we-mega-menu-li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 1023px) { .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul .we-mega-menu-submenu { margin-left: 0; } } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul .subul { max-width: 100%; border-bottom: 0; } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul .subul .we-mega-menu-li { margin-top: 0; } .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul .subul .we-mega-menu-li a { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; padding: 6px 8px; margin-top: 0; } @media (max-width: 1023px) { .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul .subul .we-mega-menu-li a { padding: 11.2px 16px; line-height: normal; } } @media (max-width: 1023px) { .region-header-below .we-mega-menu-submenu .we-mega-menu-col .subul { border: none; min-height: auto; white-space: nowrap; } } @media (max-width: 1023px) { .region-header-below .we-mega-menu-submenu { min-height: auto; white-space: nowrap; } } .region-header-below .mobiledropdown-menu-open .fa-chevron-down { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .region-header-below .mobiledropdown-menu-open .we-mega-menu-submenu.mobile-menu-li-open { display: block; } .region-header-below .mobiledropdown-menu-open .we-mega-menu-submenu.mobile-menu-li-open > div > div > div > ul > li { display: block; } .region-header-below .dropdown-menu .we-mega-menu-submenu li.we-mega-menu-li.dropdown-menu > a:after { background-image: none; font-family: "fontawesome"; content: "\f054"; font-size: 16px; color: #ffffff; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); top: 14px; right: 15px; } @media (max-width: 1023px) { .region-header-below .dropdown-menu .we-mega-menu-submenu li.we-mega-menu-li.dropdown-menu > a:after { display: none; } } .region-header-below .dropdown-menu .we-mega-menu-submenu li.we-mega-menu-li.dropdown-menu > a:hover:after { color: #00629b; } .region-header-below li.we-mega-menu-li .location { display: none; } .region-header-below li.we-mega-menu-li .fa-chevron-down { display: none; } .region-header-below .we-mega-menu-ul .dropdown-menu:hover > .we-mega-menu-submenu { width: 97.55%; margin-left: 15px; } .region-header-below .we-mega-menu-submenu .dropdown-menu:hover > .we-mega-menu-submenu { width: 100%; margin-left: 0; } .navbar-we-mega-menu .dropdown-menu { min-width: auto; } @media (max-width: 1023px) { #menu-toggle { position: absolute; top: -48px; z-index: 30; display: block; } } #menu-toggle .icon-bar { width: 28px; height: 3px; } #menu-toggle:hover .icon-bar { background: #ffffff; } @media (max-width: 1023px) { nav.main { display: none; } } @media (max-width: 1023px) { .region-header-below { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; margin-top: -20px; } .region-header-below .block-we-megamenu li.we-mega-menu-li { display: none; } .region-header-below .block-we-megamenu .first-ul > li.we-mega-menu-li { display: block; } .nav .open > a { background-color: inherit; } .nav .open > a:hover, .nav .open > a:focus { background-color: inherit; } } .region-footer-below .connect-wrapper { position: fixed; bottom: 50px; right: 20px; z-index: 11; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; background-color: #013365; -webkit-box-shadow: 2px 2px 8px #796e65; box-shadow: 2px 2px 8px #796e65; border-radius: 20px 0 0 20px; } .region-footer-below .connect-wrapper.open { border-radius: 3px 3px 33.5px 3px; padding-top: 18px; } .region-footer-below .float-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px 0 0 20px; } .region-footer-below .float-nav a.menu-btn { text-decoration: none; display: block; color: #ffffff; padding: 17px 17px 12px 17px; text-align: center; } .region-footer-below .float-nav a.menu-btn:focus { outline: 0; } .region-footer-below .float-nav a.menu-btn ul { list-style: none; padding: 0; margin: 10px 0 0 0; } .region-footer-below .float-nav a.menu-btn .line { border: 1px solid #ffffff; width: 100%; margin-bottom: 7px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; list-style: none; } .region-footer-below .float-nav a.menu-btn .menu-txt { margin-top: 0.5rem; width: 100%; text-align: center; font-size: 0.55rem; font-family: sans-serif; text-transform: uppercase; line-height: 1.1; } .region-footer-below .float-nav a.menu-btn .menu-txt span { font-size: 0.9rem; letter-spacing: 0.2rem; position: relative; left: 1px; display: block; } .region-footer-below .float-nav a.menu-btn.active { -webkit-transition: background-color 250ms linear; transition: background-color 250ms linear; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .region-footer-below .float-nav a.menu-btn.active > ul > li.line:nth-child(1) { border-width: 2px; -webkit-transform: rotate(45deg) translate(4px, 6px); transform: rotate(45deg) translate(4px, 6px); } .region-footer-below .float-nav a.menu-btn.active > ul > li.line:nth-child(2) { visibility: hidden; } .region-footer-below .float-nav a.menu-btn.active > ul > li.line:nth-child(3) { border-width: 2px; -webkit-transform: rotate(-45deg) translate(8px, -10px); transform: rotate(-45deg) translate(8px, -10px); } .region-footer-below .main-nav { display: none; opacity: 0; font-family: sans-serif; -webkit-transition: opacity 250ms; transition: opacity 250ms; z-index: 10; } .region-footer-below .main-nav.active { display: block; opacity: 1; -webkit-transition: opacity 250ms; transition: opacity 250ms; } .region-footer-below .main-nav ul { width: 100%; display: block; list-style: none; margin: 0; padding: 0; background-color: #013365; border-radius: 3px 3px 33.5px 3px; } .region-footer-below .main-nav ul li a { text-decoration: none; display: block; font-weight: 400; padding: 0 0 18px 18px; color: #ffffff; } .region-footer-below .main-nav.active { display: block; opacity: 1; -webkit-transition: opacity 250ms; transition: opacity 250ms; } .region-footer-below .contextual { top: -6px; } .region-footer-below .contextual.open .trigger { border-bottom-color: #cccccc; border-top-color: transparent; border-radius: 0 0 13px 13px; } .region-footer-below .contextual .contextual-links { top: -133px; border-radius: 4px 4px 0 4px; } .social-main-wrapper { padding-top: 14px; } .social-main-wrapper h2 { color: #63513d; font-size: 26px; line-height: 32px; margin-bottom: 19px; display: block; text-align: center; font-family: "NestleBrush"; } .social-links-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; margin-bottom: 53px; } @media (max-width: 1023px) { .social-links-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .social-links-wrapper.social-links-wrapper--active .social-icon { background-color: #8c8c97; } .social-links-wrapper .social-platform-wrapper { display: inline-block; position: relative; margin: 0 10px; cursor: default; } @media (max-width: 767px) { .social-links-wrapper .social-platform-wrapper { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; margin: 0 11px 20px; width: 44px; } } .social-links-wrapper .social-platform-wrapper .social-platforms { outline: 0; } .social-links-wrapper .social-platform-wrapper .social-links { opacity: 0; visibility: hidden; font-size: 14px; line-height: 21px; text-align: center; bottom: 100%; margin-bottom: 24px; position: absolute; left: 50%; height: auto; background-color: #007cba; border-radius: 10px; width: 220px; -webkit-transform: translateX(-50%) translateY(32px); transform: translateX(-50%) translateY(32px); -webkit-transition: opacity 0.1s ease, visibility 0.1s ease, -webkit-transform 0.1s ease; transition: opacity 0.1s ease, visibility 0.1s ease, -webkit-transform 0.1s ease; transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.1s ease; transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease; } @media (max-width: 767px) { .social-links-wrapper .social-platform-wrapper .social-links { display: none; position: relative; bottom: auto; top: auto; left: auto; -webkit-transform: translateY(32px); transform: translateY(32px); width: 100vw; margin-top: 24px; margin-bottom: 0; border-radius: 0; } } .social-links-wrapper .social-platform-wrapper .social-links::after { content: ""; position: absolute; z-index: 4; left: 50%; top: 100%; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #007cba; clear: both; margin-left: -16px; margin-top: -1px; } @media (max-width: 767px) { .social-links-wrapper .social-platform-wrapper .social-links::after { content: none; } } .social-links-wrapper .social-platform-wrapper .social-links ul { font-weight: 400; color: #006492; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 25px; } @media (max-width: 767px) { .social-links-wrapper .social-platform-wrapper .social-links ul { padding: 0 38px; } } .social-links-wrapper .social-platform-wrapper .social-links ul li:not(:last-child) { border-bottom: 1px solid #ffffff; } .social-links-wrapper .social-platform-wrapper .social-links ul li a { color: #ffffff; font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; text-decoration: none; display: block; padding: 12px 25px; margin: 0 -25px; } @media (max-width: 767px) { .social-links-wrapper .social-platform-wrapper .social-links ul li a { margin: 0 -38px; padding-left: 38px; padding-right: 38px; } } .social-links-wrapper .social-platform-wrapper .social-links ul li a:hover { text-decoration: unset; background: rgba(0, 0, 0, 0.2); } .social-links-wrapper .social-platform-wrapper .social-links ul li:first-child a { border-top-left-radius: 10px; border-top-right-radius: 10px; } .social-links-wrapper .social-platform-wrapper .social-links ul li:last-child a { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .social-links-wrapper .social-platform-wrapper--active .social-links { opacity: 1; visibility: visible; z-index: 4; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { .social-links-wrapper .social-platform-wrapper--active .social-links { display: block; -webkit-transform: none; transform: none; height: auto; } } .social-links-wrapper .social-platform-wrapper--active::before { content: ""; width: 44px; position: absolute; height: 52px; bottom: 50%; left: 50%; margin-left: -22px; } @media (max-width: 767px) { .social-links-wrapper .social-platform-wrapper--active .social-platforms { position: relative; } .social-links-wrapper .social-platform-wrapper--active .social-platforms::after { content: ""; position: absolute; z-index: 4; left: 50%; top: 100%; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #007cba; clear: both; margin-left: -16px; margin-top: 8px; } } .social-links-wrapper .social-icon { display: block; height: 44px; width: 44px; background-repeat: no-repeat; position: relative; z-index: 1; border-radius: 50%; background-color: #007cba; color: #fff; overflow: hidden; -webkit-transition: background-color 0.1s ease; transition: background-color 0.1s ease; } @media (max-width: 767px) { .social-links-wrapper .social-icon:hover { background-color: rgb(0, 99.2, 148.8); } } .social-links-wrapper .social-icon .da-vinci-code-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 24px; } @media (min-width: 768px) { .social-links-wrapper:hover .social-icon { background-color: #8c8c97; } .social-links-wrapper:focus-within .social-icon { background-color: #8c8c97; } .social-links-wrapper .social-icon:hover, .social-links-wrapper .social-icon:focus, .social-links-wrapper .social-platform-wrapper:hover .social-icon, .social-links-wrapper .social-platform-wrapper:focus .social-icon { background-color: #007cba; } } .social-links-wrapper a { position: relative; line-height: 1.4; color: #63513d; } .social-links-wrapper a:hover { text-decoration: underline; } .social-links-wrapper .twitter .social-icon { background-position: -1935px -2px; } .social-links-wrapper .facebook .social-icon { background-position: -6px -3px; } .social-links-wrapper .linkedin .social-icon { background-position: -3895px -1px; background-size: 410px; } .social-links-wrapper .flickr { background: transparent; } .social-links-wrapper .flickr .social-icon { background-position: -85px -79px; } .social-links-wrapper .youtube .social-icon { background-position: -172px -73px; } .social-links-wrapper .instagram .social-icon { background-position: -1732px 0; background-size: 400px; } .social-links-wrapper .tumblr .social-icon { background-position: -3180px -1px; background-size: 415px; } .social-links-wrapper .pinterest .social-icon { background-position: -6px -87px; } .social-links-wrapper .rss-feeds .social-icon { background-position: 1761px -78px; background-size: 550px 860px; } .social-links-wrapper .xing .social-icon { background-position: -900px -72px; background-size: 548px 800px; } .social-links-wrapper .google .social-icon { background-position: -82px 10px; } .social-links-wrapper .vk-social .social-icon { background-position: -604px -210px; background-size: 1156px 1786px; } .social-links-wrapper .wechat .social-icon { background-position: -82px -168px; } .social-links-wrapper .weibo .social-icon { background-position: 8px -170px; } .social-links-wrapper .tencent-video .social-icon { background-position: -185px -170px; } .footer-wrapper { margin-top: 4rem; } @media screen and (max-width: 1199px) { .footer-wrapper { margin-top: 0; } } .footer-wrapper span.ext { display: none; } @media screen and (max-width: 1199px) { .footer-nav nav h2 button span { position: absolute; font-size: 24px; line-height: 1; width: 0.9em; height: 0.9em; padding: 0.05em 0.125em 0 0; text-align: center; z-index: 0; color: #30261d; background-image: none; display: block; top: inherit; margin-top: -4%; right: 0%; font-family: "Nestle-Text-Book"; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-nav nav h2 button span { margin-top: -5%; } } @media (max-width: 767px) { .footer-nav nav h2 button span { margin-top: -32px; } } @media screen and (min-width: 1200px) { .footer-nav nav h2 button span { display: none; } } div[class*="region-footer-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media screen and (max-width: 1199px) { div[class*="region-footer-"] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } div[class*="region-footer-"] h2 { color: #63513d; text-transform: uppercase; font-size: 16px; font-family: "Nestle-Text-Light"; line-height: 2.03; margin: 7px 0 8px 0; border-top: 1px solid #8a7969; padding-top: 5px; width: 85%; } @media screen and (max-width: 1199px) { div[class*="region-footer-"] h2 { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { div[class*="region-footer-"] h2 { margin: 0; } } div[class*="region-footer-"] [id^="block-da-vinci-code-sharepriceblock"] h2::after { content: none; } div[class*="region-footer-"] [id^="block-da-vinci-code-sharepriceblock"] .dsu-c-shareprice--block.stockquotes { float: none; } @media (max-width: 767px) { div[class*="region-footer-"].region-footer-below { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } #block-da-vinci-code-nestle h2 { border-top-color: transparent; } .region-footer-col4 .block-view-container { width: 100%; } @media (min-width: 768px) and (max-width: 1023px) { .region-footer-col4 .block-view-container { padding-top: 30px; } } .footer-top { background-color: #f2f2f2; padding: 38px 0 0 0; } @media screen and (max-width: 1199px) { .footer-top .footer-col1 .block-view-container, .footer-top .footer-col1 nav { width: 50%; } .footer-top .footer-col1 .block-view-container h2:after, .footer-top .footer-col1 nav h2:after { content: " "; } } @media (max-width: 767px) { .footer-top .footer-col1 .block-view-container, .footer-top .footer-col1 nav { width: 100%; } } .footer-top .footer-col1 div[class*="region-footer-col1"] { width: 100%; } @media (min-width: 768px) and (max-width: 1023px) { .footer-top .footer-col1 div[class*="region-footer-col1"] { padding-bottom: 41px; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 1024px) { .footer-top .footer-col1 div[class*="region-footer-col1"] { display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer-top .footer-col1 #block-nestle h2 { border-top: none; text-transform: initial; } @media (max-width: 1023px) { .footer-top .footer-col1 #block-nestle h2:after { content: " "; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-top .footer-col1 #block-nestle { padding-right: 80px; } } @media (max-width: 767px) { .footer-top .footer-col1 #block-nestle { margin-bottom: 40px; } } .footer-top div[class*="footer-col"] { padding-top: 8px; } @media (max-width: 1023px) { .footer-top div[class*="footer-col"] { padding-top: 0; } } @media (max-width: 767px) { .footer-top div[class*="footer-col"] [id^="block"] { padding-top: 10px; } } @media screen and (max-width: 1199px) { .footer-top div[class*="footer-col"] [id^="block"] { width: 100%; } } .footer-top div[class*="footer-col1"] nav { display: none; } @media screen and (max-width: 1199px) { .footer-top div[class*="footer-col1"] nav { display: block; } } .footer-top div[class*="footer-col1"] .block-title { font-size: 26px; text-transform: none; line-height: 1.2; } .footer-top div[class*="footer-col1"] .embedded-entity { display: none; } .site--nestle-waters .footer-top div[class*="footer-col1"] .embedded-entity { display: block; } .footer-top div[class*="footer-col1"] .footer-logo { width: 100%; max-width: 157px; margin-bottom: 2rem; } @media screen and (max-width: 1199px) { .footer-top div[class*="footer-col1"] .footer-logo { max-width: 92px; } } .site--nestle-waters .footer-top div[class*="footer-col1"] .footer-logo { display: none; } .footer-top div[class*="footer-col1"] .field--name-body { margin-top: 1.5rem; margin-bottom: 0; width: 75%; } .footer-top div[class*="footer-col1"] .field--name-body p:first-child { font-size: 24px; color: #30261d; } @media (max-width: 767px) { .footer-top div[class*="footer-col1"] .field--name-body p:first-child { font-size: 20px; } } @media screen and (max-width: 1199px) and (min-width: 768px) { .footer-top div[class*="footer-col1"] nav[id^="block"] { width: 50%; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-top div[class*="footer-col1"] #block-nestle { width: 100%; } } @media screen and (max-width: 1199px) { .footer-top #block-nestle-othernestlebusinesses { width: 100%; } } @media screen and (max-width: 1199px) { .footer-top #block-nestle-downloads { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-top { padding-top: 42px; } } @media (max-width: 767px) { .footer-top { padding-top: 16px; } } .footer-top div[class*="footer-col"] nav, .footer-top div[class*="footer-col"] section { padding-bottom: 20px; margin-top: 5px; } @media screen and (max-width: 1199px) { .footer-top div[class*="footer-col"] nav, .footer-top div[class*="footer-col"] section { padding-bottom: 0; margin-top: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-top div[class*="footer-col"] nav, .footer-top div[class*="footer-col"] section { padding-bottom: 0; margin-top: 18px; } } @media (max-width: 767px) { .footer-top div[class*="footer-col"] nav, .footer-top div[class*="footer-col"] section { padding-bottom: 0; } } .footer-top div[class*="footer-col"] nav li, .footer-top div[class*="footer-col"] section li { line-height: 20.16px; padding-bottom: 14px; } @media (max-width: 767px) { .footer-top div[class*="footer-col"] nav li, .footer-top div[class*="footer-col"] section li { padding: 3.6px; } } .footer-top div[class*="footer-col"] nav li a.externalLink, .footer-top div[class*="footer-col"] section li a.externalLink { padding-right: 20px; -webkit-filter: grayscale(1); filter: grayscale(1); } .footer-top div[class*="footer-col"] nav li a, .footer-top div[class*="footer-col"] section li a { display: inline-block; font-size: 0.875rem; font-weight: 400; padding: 0; border-bottom: none; line-height: 1.49; color: #30261d; -webkit-transition: color 0.1s ease, -webkit-transform 0.1s ease; transition: color 0.1s ease, -webkit-transform 0.1s ease; transition: transform 0.1s ease, color 0.1s ease; transition: transform 0.1s ease, color 0.1s ease, -webkit-transform 0.1s ease; } .footer-top div[class*="footer-col"] nav li a:hover, .footer-top div[class*="footer-col"] section li a:hover { color: #007cba; border-bottom: none; background-color: transparent; -webkit-transform: translateX(3px); transform: translateX(3px); -webkit-filter: none; filter: none; } .footer-top div[class*="footer-col"] nav li a:focus, .footer-top div[class*="footer-col"] section li a:focus { background-color: inherit; } .footer-top div[class*="footer-col"] nav li a:active, .footer-top div[class*="footer-col"] section li a:active { color: #00807a; border-bottom: none; } @media screen and (max-width: 1199px) { .footer-top #block-da-vinci-code-sharepriceblock { margin-bottom: 56px; width: 100%; } } .footer-top #block-da-vinci-code-sharepriceblock h2 { font-weight: 400; } @media screen and (max-width: 1199px) { .footer-top #block-da-vinci-code-sharepriceblock h2 { width: 100%; } } @media (max-width: 767px) { .footer-top #block-da-vinci-code-sharepriceblock h2 { padding-top: 10px; } } @media (max-width: 767px) { .footer-top #block-da-vinci-code-sharepriceblock { margin-top: 20px; } } .footer-top .block-dsu-c-shareprice .dsu-c-shareprice--block a { color: #63513d; } .footer-top .block-dsu-c-shareprice .dsu-c-shareprice--block a:hover { color: #63513d; text-decoration: underline; } .footer-top .block-dsu-c-shareprice .dsu-c-shareprice--block span { font-size: 0.875rem; line-height: 20px; color: #30261d; } .footer-top .block-dsu-c-shareprice .dsu-c-shareprice--block .stockPrice { padding: 4px 5px 2px 18px; } .footer-top .block-dsu-c-shareprice .dsu-c-shareprice--block .stockPrice.down { background-image: url(..png); background-size: 374px 635px; background-position: -358px -3px; } .footer-top .block-dsu-c-shareprice .dsu-c-shareprice--block .stockPrice.up { background-image: url(..png); background-size: 385px 490px; background-position: -367px -23px; } .footer-top .block-dsu-c-shareprice .dsu-c-sharelink--block a.externalLink { padding-right: 20px; -webkit-filter: grayscale(1); filter: grayscale(1); } .footer-top .block-dsu-c-shareprice .dsu-c-sharelink--block a { display: inline-block; font-size: 0.875rem; font-weight: 400; padding: 0; border-bottom: none; line-height: 1.49; color: #30261d; -webkit-transition: color 0.1s ease, -webkit-transform 0.1s ease; transition: color 0.1s ease, -webkit-transform 0.1s ease; transition: transform 0.1s ease, color 0.1s ease; transition: transform 0.1s ease, color 0.1s ease, -webkit-transform 0.1s ease; } .footer-top .block-dsu-c-shareprice .dsu-c-sharelink--block a:hover { color: #007cba; border-bottom: none; background-color: transparent; -webkit-transform: translateX(3px); transform: translateX(3px); -webkit-filter: none; filter: none; } .footer-top .block-dsu-c-shareprice .dsu-c-sharelink--block a:focus { background-color: inherit; } .footer-top .block-dsu-c-shareprice .dsu-c-sharelink--block a:active { color: #00807a; border-bottom: none; } .footer-top [id*="block-nestle"] .block-title { font-family: "Nestle-Text-Light"; font-size: 1.63rem; font-weight: normal; margin-bottom: 7.8px; line-height: 1.24; color: #63513d; } .footer-top [id*="block-nestle"] .field--name-body { font-size: 1.5rem; line-height: 34.56px; color: #30261d; margin-top: 20.8px; font-family: "Nestle-Text-Book"; } .footer-top [id*="block-nestle"] .field--name-body p { font-size: 1.5rem; line-height: 1.4; padding-bottom: 56px; margin-bottom: 0; font-size: 1.5rem; line-height: 1.4; } @media screen and (max-width: 1199px) { .footer-top [id*="block-nestle"] .field--name-body { margin-bottom: 0; } .footer-top [id*="block-nestle"] .field--name-body p { padding-bottom: 29px; font-size: 1.25rem; line-height: 1.3; margin-top: 28.08px; } } .footer-top .footer-nav nav h2 button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; width: 100%; text-align: inherit; cursor: text; outline: none; padding: 0; margin: 0; text-transform: inherit; } @media screen and (max-width: 1199px) { .footer-top .footer-nav nav h2 button:focus { outline: -webkit-focus-ring-color auto 2px; } } @media screen and (min-width: 1200px) { .footer-top .footer-nav nav h2 button span { display: none; } } @media screen and (max-width: 1199px) { .footer-top .footer-nav nav h2 { cursor: pointer; } } @media screen and (max-width: 1199px) { .footer-top .footer-nav nav:not(.show) ul { display: none; } } .footer-top .footer-nav nav.show h2 { position: relative; } @media (max-width: 767px) { .footer-top .footer-nav nav.show h2 button span { background-repeat: no-repeat; position: absolute; width: 3%; height: 3%; top: unset; background-size: 35px; display: block; z-index: 5; outline: 0; border: 0; font-size: 37px; margin-top: -12%; right: 3%; } } @media (min-width: 768px) { .footer-top .footer-nav nav.show h2 button span { background-repeat: no-repeat; position: absolute; width: 3%; height: 3%; top: unset; background-size: 35px; display: block; z-index: 5; outline: 0; border: 0; font-size: 37px; margin-top: -6%; } } @media screen and (max-width: 1199px) { .footer-top .footer-col2 .region-footer-col2 nav:first-child { display: none; } } .footer-mini { padding: 38px 0 16px 0; background-color: #007cba; } .footer-mini .region-footer-mini { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .footer-mini .region-footer-mini > .block-view-container { overflow: hidden; width: 100%; } .footer-mini .region-footer-mini .field--name-field-c-text { margin-bottom: 14px; border-bottom: none; } @media (max-width: 1023px) { .footer-mini .region-footer-mini .field--name-field-c-text { margin-bottom: 18px; } } .footer-mini .region-footer-mini .field--name-field-c-text p { max-width: 270px; } .footer-mini .region-footer-mini div[class*="col-md"] > .field { min-height: 1px; } .footer-mini .region-footer-mini div[class*="col-md"] > .field .field--item > .paragraph { min-height: 1px; } .footer-mini .region-footer-mini div[class*="paragraph--type--layout-"] .component-paragraph-field { min-height: 1px; } @media (min-width: 768px) and (max-width: 1023px) { .footer-mini { padding: 26px 0 24px 0; } } @media (max-width: 767px) { .footer-mini { padding: 0 0 15px 0; } } .footer-mini .component-paragraph-field { width: 100%; } .footer-mini .paragraph--type--layout-columns-4 .col-md-3 { padding: 1em; float: left; width: 25%; margin-left: 0; margin-right: 0; } @media (min-width: 768px) and (max-width: 1023px) { .footer-mini .paragraph--type--layout-columns-4 .col-md-3:nth-of-type(1n) { margin-right: 0; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-mini .paragraph--type--layout-columns-4 .col-md-3:nth-of-type(2n) { margin-right: 0; margin-left: 0; } } .footer-mini .paragraph--type--layout-columns-4 .col-md-3:first-child { padding-left: 0; } @media (max-width: 767px) { .footer-mini .paragraph--type--layout-columns-4 .col-md-3:first-child { padding-top: 32px; padding-bottom: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-mini .paragraph--type--layout-columns-4 .col-md-3:nth-child(3), .footer-mini .paragraph--type--layout-columns-4 .col-md-3:nth-child(4) { padding-top: 34px; } .footer-mini .paragraph--type--layout-columns-4 .col-md-3:nth-child(3) img, .footer-mini .paragraph--type--layout-columns-4 .col-md-3:nth-child(4) img { max-width: 218px; padding-left: 0; } } @media (max-width: 767px) { .footer-mini .paragraph--type--layout-columns-4 .col-md-3:nth-child(3), .footer-mini .paragraph--type--layout-columns-4 .col-md-3:nth-child(4) { padding-top: 24px; } } @media (min-width: 768px) and (max-width: 1023px) { .footer-mini .paragraph--type--layout-columns-4 .col-md-3:nth-child(3) { padding-left: 0; } } .footer-mini .paragraph--type--layout-columns-4 .col-md-3:last-child { padding-right: 0; } @media (min-width: 768px) and (max-width: 1023px) { .footer-mini .paragraph--type--layout-columns-4 .col-md-3 { width: 50%; } } @media (max-width: 767px) { .footer-mini .paragraph--type--layout-columns-4 .col-md-3 { width: 100%; padding-left: 0; padding-top: 59px; } } @media (max-width: 767px) and (orientation: landscape) { .footer-mini .paragraph--type--layout-columns-4 .col-md-3 { width: 50%; } } .footer-mini .paragraph--type--layout-columns-4 .paragraph--type--c-text { margin-bottom: 0; } .footer-mini .paragraph--type--layout-columns-4 .paragraph--type--c-text .field--name-field-c-text a { color: #ffffff; line-height: 1.5; border-bottom: none; } .footer-mini .paragraph--type--layout-columns-4 .paragraph--type--c-text .field--name-field-c-text p { padding-bottom: 0; margin-bottom: 0.5em; line-height: 1.5; } .footer-mini .paragraph--type--layout-columns-4 .paragraph--type--c-text .field--name-field-c-text h3 { margin-bottom: 21px; } .footer-mini .paragraph--type--layout-columns-4 .paragraph--type--c-text .field--name-field-c-text h3 a { font-family: "Nestle-Text-Light"; line-height: 29px; font-size: 22px; } .footer-mini .paragraph--type--dsu-c-cta-button { margin: 0; } .footer-mini .paragraph--type--dsu-c-cta-button .field--name-field-cta-button-url a { margin-bottom: 2em; } @media (max-width: 767px) { .footer-mini .paragraph--type--dsu-c-cta-button .field--name-field-cta-button-url a { margin-bottom: 0; } } .footer-mini .embedded-entity { padding: 0; } .footer-mini .embedded-entity > a { display: block; } .footer-mini img { opacity: 0.5; } .footer-mini img:hover { opacity: 1; } #block-da-vinci-code-minifooter .block-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .block-back-to-top { display: block; text-align: center; position: relative; width: 100vw; left: 50%; margin-left: -50vw; } .block-back-to-top a { height: 44px; display: block; background: #e8e5e2; padding: 0.7125em 0; color: #30261d; font-size: 1rem; line-height: 1.2; border-top-right-radius: 10px; border-top-left-radius: 10px; text-transform: uppercase; -webkit-transition: background-color 0.1s ease; transition: background-color 0.1s ease; } .block-back-to-top a:hover { background: rgb(220.7211538462, 216.25, 211.7788461538); } .block-back-to-top a::before { content: " "; color: #30261d; border: solid #30261d; border-width: 0 3px 3px 0; display: inline-block; padding: 4px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); vertical-align: middle; } .block-back-to-top a::before { margin-right: 16px; } @media (max-width: 767px) { .block-back-to-top a::before { margin-right: 16px; } } .block-back-to-top a::after { margin-left: 90px; } @media (max-width: 767px) { .block-back-to-top a::after { margin-left: 16px; } } @media (min-width: 768px) { .block-back-to-top { width: 46vw; margin-left: auto; margin-right: auto; left: 0; } } @media (min-width: 1024px) { .block-back-to-top { display: none; width: 40vw; margin-left: auto; margin-right: auto; left: 0; margin-top: 4rem; } } @media (min-width: 3830px) { .block-back-to-top { width: 50%; } } .block-back-to-top h2 { visibility: hidden; display: none; } .facets-widget-checkbox { margin-bottom: 1.78rem; display: inherit; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .facets-widget-checkbox input[type="checkbox"] { margin: 4px 0 0 1rem; } .facets-widget-checkbox ul li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; } .facets-widget-checkbox a { margin-top: auto; margin-left: 1rem; display: block; } .block-careerareas { display: inherit; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .block-location-facets-block h4 { color: #63513d; font-weight: 400; font-size: 16px; margin-bottom: 0.5rem; word-break: break-word; } .block-location-facets-block .location-facets-block { margin-bottom: 2.22rem; } .block-location-facets-block .location-facets-block-item { margin-bottom: 15px; } .block-location-facets-block .location-facets-block-item .facets-widget-dropdown { position: relative; } .block-location-facets-block .location-facets-block-item .facets-widget-dropdown select { height: 40px; width: 100%; border-color: #e5e5e5; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .block-location-facets-block .location-facets-block-item .facets-widget-dropdown select:focus { outline: none; } .block-location-facets-block label { color: #63513d; } .viewsreference--view-title { display: none; } #block-linktoexecutiveboardlisting p { margin: 0px; padding: 0px; } #block-linktoexecutiveboardlisting hr { height: 0; border-top: 1px solid #f4f4f5; } #block-linktoexecutiveboardlisting .field--name-body { margin-bottom: 0; } .paragraph--type--dsu-c-block { position: relative; z-index: 1; } .paragraph--type--dsu-c-block .block-dsu-c-shareprice h2 { font-size: 1.6rem; padding: 0 1.5em 1em 1em; margin-bottom: 0; color: #555555; } .paragraph--type--dsu-c-block .block-dsu-c-shareprice .stockquotes { float: none; margin-left: 5px; padding-left: 2em; margin: 0 0 2rem; } @media (min-width: 1024px) { .paragraph--type--dsu-c-block .block-social-media { float: right; } } #_evh-ric p { padding-bottom: 0; } .hide-default-heading .paragraph--type--dsu-c-block #block-socialsharingblock { padding: 0; float: right; } .block-feedback-form-modal-block .floating-feedback-button { position: fixed; top: 45vh; min-height: 85px; z-index: 99; right: 0; width: 27px; text-indent: -9999px; background: url(./sprite-image.png) no-repeat -239px 0; } .block-feedback-form-modal-block .floating-feedback-button:hover { opacity: 0.9; } .modal { top: 15%; } @media (min-width: 768px) and (max-width: 1023px) { .modal { top: 20%; } } @media (max-width: 767px) { .modal { top: 8%; } } @media (max-width: 767px) and (orientation: landscape) { .modal { top: 0; } } .modal.ip_locator_popup { top: 40%; } .modal.ip_locator_popup .ip_location_btn_yes { margin-right: 16px; } .modal.ip_locator_popup .ip_location_btn_no, .modal.ip_locator_popup .ip_location_btn_yes { font-size: 15.2px; font-family: "Nestle-Text-Bold"; background: #494950; color: #ffffff; text-align: center; text-transform: uppercase; padding: 11px 15px; margin-bottom: 30px; border: none; border-radius: 0; } .modal.ip_locator_popup .ip_location_btn_no:hover, .modal.ip_locator_popup .ip_location_btn_yes:hover { background: #0c0c0d; } .modal.ip_locator_popup .ip_location_btn_no:focus, .modal.ip_locator_popup .ip_location_btn_yes:focus { outline: 0; } .modal-dialog { background-color: #f4f4f5; text-align: center; padding: 1em; margin: 0 auto; } @media (min-width: 768px) { .modal-dialog { width: 500px; } } @media (max-width: 767px) { .modal-dialog { margin: 10px; } } .modal-dialog .modal-content { position: relative; max-width: 100%; -webkit-box-shadow: none; box-shadow: none; border: none; background: transparent; max-height: 100% !important; } .modal-dialog .modal-header, .modal-dialog .modal-footer { border: 0; padding: 0; } .modal-dialog .modal-header { position: absolute; right: 0; right: -8px; top: -7px; z-index: 2; } .modal-dialog .modal-body { padding: 32px 28px; } .modal-dialog .modal-header .close { position: relative; opacity: 0.9; height: 40px; width: 40px; } .modal-dialog .modal-header .close:after { content: ""; height: 44px; width: 44px; position: absolute; background: url(./sprite-image.png) no-repeat -146px 14px; background-size: 750px 950px; background-color: #848484; font-size: 0.9em; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; right: 1px; top: 0; } .modal-dialog .modal-header .close:hover { background-color: transparent; } .modal-dialog .modal-header .close:hover:after { background-color: rgb(106.5, 106.5, 106.5); } .modal-dialog .modal-header .close > span { font-size: 0; } .modal-dialog .modal-header .close:focus { outline: 0; } .modal-dialog .webform-submission-feedback-form-form { padding: 0; } .modal-dialog .webform-submission-feedback-form-form .form-item { display: block; } .modal-dialog .webform-submission-feedback-form-form h1 { font-size: 20.8px; padding: 0; margin-bottom: 30px; font-family: "Nestle-Text-Book"; line-height: 24px; max-width: 100%; } @media (min-width: 768px) and (max-width: 1023px) { .modal-dialog .webform-submission-feedback-form-form h1 { font-size: 17.6px; } } @media (max-width: 767px) { .modal-dialog .webform-submission-feedback-form-form h1 { font-size: 17.6px; } } .modal-dialog .webform-submission-feedback-form-form label { font-size: 16px; margin-bottom: 10px; line-height: 24px; color: #63513d; text-align: left; } .modal-dialog .webform-submission-feedback-form-form .option { margin-bottom: 10px; } .modal-dialog .webform-submission-feedback-form-form textarea { height: 81px; } .modal-dialog .modal-buttons { padding: 0 32px 32px 32px; } .modal-dialog .modal-buttons button { font-size: 15.2px; font-family: "Nestle-Text-Bold"; background: #494950; display: block; width: 100%; text-align: center; text-transform: uppercase; padding: 11px 15px; margin-bottom: 30px; border: none; border-radius: 0; } .modal-dialog .modal-buttons button:hover { background: #0c0c0d; } .modal-dialog .modal-buttons button span { display: none; } .modal-dialog .modal-body { padding-bottom: 0; } .modal-dialog .webform-options-display-two-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .modal-dialog .webform-options-display-two-columns .form-type-radio { width: 100%; text-align: left; margin-top: 10px; } .modal-dialog .webform-options-display-two-columns .form-type-radio input[type="radio"] { margin-top: 4px; } @media (max-width: 767px) and (orientation: landscape) { .modal-dialog { width: 70%; margin: 5px auto; } } .modal-backdrop.in { opacity: 0.8; } .webform-submission-feedback-form-form .recaptcha-processed { padding: 16px 0; } .paragraph--type--ln-c-maplocator .component-paragraph-field { width: 100%; height: auto; } .paragraph--type--ln-c-maplocator .view-map-locator { width: 80%; margin: 0 auto; } .paragraph--type--ln-c-maplocator .view-map-locator .view-map-locator { width: auto; } @media (max-width: 1023px) { .paragraph--type--ln-c-maplocator .view-map-locator .geolocation-map-wrapper { margin-left: -12.5%; margin-right: -12.5%; } } .paragraph--type--ln-c-maplocator .view-map-locator .view-filter-wrapper-title { font-family: "Nestle-Text-Book"; font-size: 20px; line-height: 26px; margin: 35px auto 30px auto; color: #30261d; } @media (max-width: 767px) { .paragraph--type--ln-c-maplocator .view-map-locator .view-filter-wrapper-title { margin: 40px auto 30px auto; } } .paragraph--type--ln-c-maplocator .view-map-locator .attachment .exposed-filter-wrapper .view-header { font-family: "Nestle-Text-Book"; font-size: 20px; line-height: 26px; margin: 0 0 60px 0; color: #30261d; } @media (max-width: 767px) { .paragraph--type--ln-c-maplocator .view-map-locator .attachment .exposed-filter-wrapper .view-header { margin: 0 0 40px 0; } } .paragraph--type--ln-c-maplocator .geolocation-map-wrapper .geolocation-map-container { height: 640px !important; } @media (max-width: 767px) { .paragraph--type--ln-c-maplocator .geolocation-map-wrapper .geolocation-map-container { height: 340px !important; } } @media (max-width: 767px) { .paragraph--type--ln-c-maplocator div[id^="edit-zone"], .paragraph--type--ln-c-maplocator div[id^="edit-char"] { display: none !important; } } .geolocation-map-container .map-locator-country { font-size: 18px; font-family: "Nestle-Text-Light"; margin-bottom: 0.75rem; } .geolocation-map-container .map-wrapper { max-width: 15rem; } .geolocation-map-container .label-value { font-size: 16px; font-weight: 700; display: inline-block; width: 100%; } .geolocation-map-container .map-left-content:not(:last-child) { margin-bottom: 0.75rem; } @media (max-width: 767px) { .paragraph--type--dsu-c-view:not(.da-vinci-code-background--white) .view-display-id-block_news_list-view-builder { margin-top: 3rem; margin-bottom: 3rem; padding: 3rem 0; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--dsu-c-view:not(.da-vinci-code-background--white) .view-display-id-block_news_list-view-builder { margin-top: 3.375rem; margin-bottom: 3.375rem; padding: 3.375rem 0; } } @media (min-width: 1024px) { .paragraph--type--dsu-c-view:not(.da-vinci-code-background--white) .view-display-id-block_news_list-view-builder { margin-top: 4.375rem; margin-bottom: 4.375rem; padding: 4.375rem 0; } } .view-id-article_list .pager:not(.pagerer-pager-standard) { margin-top: 24px; text-align: center; } @media (min-width: 1024px) { .view-id-article_list .pager:not(.pagerer-pager-standard) { margin-top: 60px; } } .view-id-article_list .pager:not(.pagerer-pager-standard) li { width: 100%; float: none; display: block; } .view-id-article_list .pager:not(.pagerer-pager-standard) li > a { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; border: 1px solid; text-align: center; font-family: "Nestle-Text-Book"; font-size: 14px; line-height: 20px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); border-radius: 2px; padding: 7px 1.2857142857em 7px; vertical-align: middle; text-decoration: none; -webkit-transition: background-color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; background-color: #007cba; border-color: #007cba; color: #ffffff; } .view-id-article_list .pager:not(.pagerer-pager-standard) li > a:active { outline: none; } .view-id-article_list .pager:not(.pagerer-pager-standard) li > a:hover, .view-id-article_list .pager:not(.pagerer-pager-standard) li > a:active, .view-id-article_list .pager:not(.pagerer-pager-standard) li > a:hover:active { color: #ffffff; background-color: rgb(0, 99.2, 148.8); border-color: rgb(0, 99.2, 148.8); } .view-id-article_list .pager:not(.pagerer-pager-standard) li > a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .view-id-article_list .pager:not(.pagerer-pager-standard) li > a span { display: inline-block; } @media (max-width: 767px) { .view-id-article_list .pager:not(.pagerer-pager-standard) li > a span { margin: 0 24px; } } @media (min-width: 768px) and (max-width: 1023px) { .view-id-article_list .pager:not(.pagerer-pager-standard) li > a span { margin: 0 32px; } } @media (min-width: 1024px) { .view-id-article_list .pager:not(.pagerer-pager-standard) li > a span { margin: 0 120px; } } .view-id-article_list .pager:not(.pagerer-pager-standard) li > a .da-vinci-code-icon { font-size: 1.5em; top: -0.025em; } @media (min-width: 768px) { .view-id-article_list .pager:not(.pagerer-pager-standard) { border-top: 1px solid #e8e5e2; padding-top: 32px; } } .view-id-article_list .pager.views-mini__pager li > a { width: auto; } @media (min-width: 1024px) { .view-id-article_list .pager.views-mini__pager li > a span { margin: 0; } } .view-display-id-block_news_list .view-content, .view-display-id-block_news_innovation .view-content, .view-display-id-block_rnd_innovation_list .view-content { margin-left: -1.25rem; margin-bottom: -1.25rem; } .view-display-id-block_news_list .view-content, .view-display-id-block_news_list .view-content > .views-infinite-scroll-content-wrapper, .view-display-id-block_news_innovation .view-content, .view-display-id-block_news_innovation .view-content > .views-infinite-scroll-content-wrapper, .view-display-id-block_rnd_innovation_list .view-content, .view-display-id-block_rnd_innovation_list .view-content > .views-infinite-scroll-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .view-display-id-block_news_list .views-row, .view-display-id-block_news_innovation .views-row, .view-display-id-block_rnd_innovation_list .views-row { padding-left: 1.25rem; margin-bottom: 1.25rem; } .view-display-id-block_news_list .views-row, .view-display-id-block_news_list .views-row .views-field, .view-display-id-block_news_list .views-row .field-content, .view-display-id-block_news_innovation .views-row, .view-display-id-block_news_innovation .views-row .views-field, .view-display-id-block_news_innovation .views-row .field-content, .view-display-id-block_rnd_innovation_list .views-row, .view-display-id-block_rnd_innovation_list .views-row .views-field, .view-display-id-block_rnd_innovation_list .views-row .field-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media (min-width: 768px) and (max-width: 1279px) { .view-display-id-block_news_list .views-row .card-item__image, .view-display-id-block_news_innovation .views-row .card-item__image, .view-display-id-block_rnd_innovation_list .views-row .card-item__image { width: 33.33333%; } } @media screen and (min-width: 1280px) { .view-display-id-block_news_list .views-row, .view-display-id-block_news_innovation .views-row, .view-display-id-block_rnd_innovation_list .views-row { width: 50%; } .view-display-id-block_news_list .views-row:nth-child(1), .view-display-id-block_news_list .views-row:nth-child(2), .view-display-id-block_news_list .views-row:nth-child(3), .view-display-id-block_news_innovation .views-row:nth-child(1), .view-display-id-block_news_innovation .views-row:nth-child(2), .view-display-id-block_news_innovation .views-row:nth-child(3), .view-display-id-block_rnd_innovation_list .views-row:nth-child(1), .view-display-id-block_rnd_innovation_list .views-row:nth-child(2), .view-display-id-block_rnd_innovation_list .views-row:nth-child(3) { width: 100%; } .view-display-id-block_news_list .views-row:nth-child(3) ~ .views-row .card-item__image, .view-display-id-block_news_innovation .views-row:nth-child(3) ~ .views-row .card-item__image, .view-display-id-block_rnd_innovation_list .views-row:nth-child(3) ~ .views-row .card-item__image { width: 33.33333%; } } .view-id-article_list.view-display-id-block_press_releases .view-content, .view-id-article_list.view-display-id-block_press_release_innovation .view-content { max-width: 70%; margin-bottom: 26px; color: #63513d; } @media (max-width: 1023px) { .view-id-article_list.view-display-id-block_press_releases .view-content, .view-id-article_list.view-display-id-block_press_release_innovation .view-content { max-width: inherit; } } .view-id-article_list.view-display-id-block_press_releases .view-content .views-row, .view-id-article_list.view-display-id-block_press_release_innovation .view-content .views-row { border-bottom: 1.4px solid #cccccc; margin-bottom: 12px; } .view-id-article_list.view-display-id-block_press_releases .view-content .views-row .views-field-published-at, .view-id-article_list.view-display-id-block_press_release_innovation .view-content .views-row .views-field-published-at { font-size: 14px; text-transform: uppercase; padding-top: 29px; color: #555555; } .view-id-article_list.view-display-id-block_press_releases .view-content .views-row .views-field-published-at, .view-id-article_list.view-display-id-block_press_release_innovation .view-content .views-row .views-field-published-at { color: #555555; line-height: 22px; } .view-id-article_list.view-display-id-block_press_releases .view-content .views-row .views-field-title, .view-id-article_list.view-display-id-block_press_release_innovation .view-content .views-row .views-field-title { margin-bottom: 10px; color: #63513d; } .view-id-article_list.view-display-id-block_press_releases .view-content .views-row .views-field-title a, .view-id-article_list.view-display-id-block_press_release_innovation .view-content .views-row .views-field-title a { font-family: "Nestle-Text-Light"; font-size: 35px; line-height: 44px; outline: none; } .view-id-article_list.view-display-id-block_press_releases .view-content .views-row .views-field-field-image, .view-id-article_list.view-display-id-block_press_release_innovation .view-content .views-row .views-field-field-image { padding-bottom: 16px; } .view-id-article_list.view-display-id-block_press_releases .view-content .views-row .views-field-field-image .field-content img, .view-id-article_list.view-display-id-block_press_release_innovation .view-content .views-row .views-field-field-image .field-content img { width: 100%; } .view-id-article_list.view-display-id-block_press_releases .view-content .views-row .views-field-body, .view-id-article_list.view-display-id-block_press_release_innovation .view-content .views-row .views-field-body { padding-bottom: 26px; font-size: 16px; } .view-id-article_list.view-display-id-block_press_releases .view-content .views-row .views-field-body img, .view-id-article_list.view-display-id-block_press_release_innovation .view-content .views-row .views-field-body img { width: 100%; } .view-id-article_list.view-display-id-block_press_releases .view-content .views-row .views-field-body .field-content p:last-child, .view-id-article_list.view-display-id-block_press_release_innovation .view-content .views-row .views-field-body .field-content p:last-child { padding-bottom: 0; } .view-id-article_list.view-display-id-block_press_releases .social-media-sharing, .view-id-article_list.view-display-id-block_press_release_innovation .social-media-sharing { text-align: left; padding-bottom: 15px; padding-top: 30px; } .view-id-article_list.view-display-id-block_press_releases .social-media-sharing .share-count, .view-id-article_list.view-display-id-block_press_release_innovation .social-media-sharing .share-count { font-size: 12.544px; padding-bottom: 6px; } .view-id-article_list.view-display-id-block_press_releases .social-media-sharing ul, .view-id-article_list.view-display-id-block_press_release_innovation .social-media-sharing ul { padding: 0; margin: 0; } .view-id-article_list.view-display-id-block_press_releases .social-media-sharing ul li, .view-id-article_list.view-display-id-block_press_release_innovation .social-media-sharing ul li { left: 0; } .view-id-article_list.view-display-id-block_press_releases .views-label-field-social-media, .view-id-article_list.view-display-id-block_press_release_innovation .views-label-field-social-media { font-family: "Nestle-Text-Light"; color: #63513d; line-height: 22.4px; } .page-node-type-article { margin-bottom: 0; } .page-node-type-article img { width: 100%; } .page-node-type-article #block-socialsharingblock .social-media-sharing { border-bottom: unset; } .page-node-type-article .article-type-news { font-size: 14.4px; line-height: 21.6px; color: #555555; text-transform: uppercase; margin-top: 28.8px; } .page-node-type-article .article-content-wrapper { margin-top: 0; color: #63513d; } @media screen and (max-width: 1199px) { .page-node-type-article .article-content-wrapper { margin-bottom: 35px; } } .page-node-type-article article { color: #63513d; width: 70%; } .page-node-type-article article .field--name-field-image { padding: 7px 0 18px 0; } .page-node-type-article article .field--name-field-image img { width: 100%; } .page-node-type-article article .field--name-field-subtitle { font-size: 25.84px; line-height: 32.3px; margin: 0 0 10px 0; padding-bottom: 0; font-family: "Nestle-Text-Light"; color: #6b6b6b; } .page-node-type-article article .field--name-field-subtitle p { padding-bottom: 0; } @media (max-width: 1023px) { .page-node-type-article article { width: 100%; max-width: 100%; } } .page-node-type-article article h1 { margin-top: 22px; margin-bottom: 33px; font-weight: 200; font-family: "Nestle-Text-Light"; } @media (max-width: 1023px) { .page-node-type-article article h1 { font-size: 29.6px; line-height: 37px; } } .page-node-type-article article h4 { font-family: "Nestle-Text-Book"; } .page-node-type-article article .published-date-location { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 24px 0; } .page-node-type-article article .field--name-field-event-location { float: left; color: #63513d; line-height: 24px; padding-right: 5px; } .page-node-type-article article .field--name-field-event-location:empty { padding-right: 0; } .page-node-type-article article .published-date { color: #494950; line-height: 24px; } .page-node-type-article article .field--name-body { margin: 0; } .page-node-type-article article .field--name-body img { padding-bottom: 10px; } .page-node-type-article article .backtoeventlist { width: 100%; display: block; float: left; border-top: 1px solid #63513d; border-bottom: 1px solid #63513d; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; } .page-node-type-article article hr { border-top: 1px solid #f4f4f5; } .page-node-type-article article .field--name-field-article-type { display: none; } .page-node-type-article article.tw .news .field--name-body img { width: 100%; } .page-node-type-article .news .published-date { font-size: 14.4px; margin-top: 28.8px; line-height: 21.6px; color: #555555; text-transform: uppercase; } .page-node-type-article .news .field--name-field-subtitle { font-size: 25.84px; line-height: 32.3px; color: #6b6b6b; } .page-node-type-article .news .field--name-body img { width: auto; } .page-node-type-article .news .field--name-body img.tw { width: 100%; max-width: 100%; } .page-node-type-article .news .field--name-body .field--name-field-media-video-embed-field img { width: 100%; margin-bottom: -0.4375em; } .page-node-type-article .news .embedded-entity.tw img { width: 100%; } .page-node-type-article .paragraph--type--ln-c-card .field--name-field-image { padding-bottom: 0; } article .press.release h1, article .news h1 { width: 75%; } @media (max-width: 1023px) { article .press.release h1, article .news h1 { width: 100%; } } article .press.release .article-content-wrapper, article .news .article-content-wrapper { width: 70%; } article .press.release .article-content-wrapper h1, article .news .article-content-wrapper h1 { width: 100%; } @media (max-width: 1023px) { article .press.release .article-content-wrapper, article .news .article-content-wrapper { width: 100%; } } .view-display-id-automatic_dated_list_block-view-builder.component-paragraph-field, .view-display-id-automatic_dated_list_other-view-builder.component-paragraph-field, .view-display-id-block_2-view-builder.component-paragraph-field { padding: 64px 0; } .view-display-id-automatic_dated_list_block-view-builder .exposed-filter-wrapper, .view-display-id-automatic_dated_list_other-view-builder .exposed-filter-wrapper, .view-display-id-block_2-view-builder .exposed-filter-wrapper { display: none; } @media (max-width: 767px) { .view-display-id-automatic_dated_list_block-view-builder, .view-display-id-automatic_dated_list_other-view-builder, .view-display-id-block_2-view-builder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .view-display-id-automatic_dated_list_block-view-builder > *, .view-display-id-automatic_dated_list_other-view-builder > *, .view-display-id-block_2-view-builder > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (min-width: 768px) { .view-display-id-automatic_dated_list_block-view-builder, .view-display-id-automatic_dated_list_other-view-builder, .view-display-id-block_2-view-builder { display: -ms-grid; display: grid; } } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-automatic_dated_list_block-view-builder, .view-display-id-automatic_dated_list_other-view-builder, .view-display-id-block_2-view-builder { -ms-grid-columns: 66.67% 1fr; grid-template-columns: 66.67% 1fr; -ms-grid-rows: (auto) [4]; grid-template-rows: repeat(4, auto); } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(1), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(1), .view-display-id-block_2-view-builder > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(2), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(2), .view-display-id-block_2-view-builder > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(3), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(3), .view-display-id-block_2-view-builder > *:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(4), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(4), .view-display-id-block_2-view-builder > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 2; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(5), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(5), .view-display-id-block_2-view-builder > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(6), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(6), .view-display-id-block_2-view-builder > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 2; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(7), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(7), .view-display-id-block_2-view-builder > *:nth-child(7) { -ms-grid-row: 4; -ms-grid-column: 1; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(8), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(8), .view-display-id-block_2-view-builder > *:nth-child(8) { -ms-grid-row: 4; -ms-grid-column: 2; } } @media (min-width: 1024px) { .view-display-id-automatic_dated_list_block-view-builder, .view-display-id-automatic_dated_list_other-view-builder, .view-display-id-block_2-view-builder { -ms-grid-columns: 25% 1fr; grid-template-columns: 25% 1fr; -ms-grid-rows: (auto) [4]; grid-template-rows: repeat(4, auto); } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(1), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(1), .view-display-id-block_2-view-builder > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(2), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(2), .view-display-id-block_2-view-builder > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(3), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(3), .view-display-id-block_2-view-builder > *:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(4), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(4), .view-display-id-block_2-view-builder > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 2; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(5), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(5), .view-display-id-block_2-view-builder > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(6), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(6), .view-display-id-block_2-view-builder > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 2; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(7), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(7), .view-display-id-block_2-view-builder > *:nth-child(7) { -ms-grid-row: 4; -ms-grid-column: 1; } .view-display-id-automatic_dated_list_block-view-builder > *:nth-child(8), .view-display-id-automatic_dated_list_other-view-builder > *:nth-child(8), .view-display-id-block_2-view-builder > *:nth-child(8) { -ms-grid-row: 4; -ms-grid-column: 2; } } .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title, .view-display-id-block_2-view-builder .field--name-field-title { line-height: 1.2; font-size: 36px; font-family: "Nestle-Text-Light"; margin-bottom: 32px; } .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title p, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title p, .view-display-id-block_2-view-builder .field--name-field-title p { line-height: inherit; } .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title p:last-child, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title p:last-child, .view-display-id-block_2-view-builder .field--name-field-title p:last-child { padding-bottom: 0; } @media (max-width: 767px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title, .view-display-id-block_2-view-builder .field--name-field-title { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 768px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title, .view-display-id-block_2-view-builder .field--name-field-title { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; } } @media (min-width: 1024px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title, .view-display-id-block_2-view-builder .field--name-field-title { padding-right: 24px; margin-top: -0.1em; } } .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title a, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title a, .view-display-id-block_2-view-builder .field--name-field-title a { font-family: inherit; font-size: inherit; border-bottom: none; } .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title a, .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title a:hover, .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title a:active, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title a, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title a:hover, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title a:active, .view-display-id-block_2-view-builder .field--name-field-title a, .view-display-id-block_2-view-builder .field--name-field-title a:hover, .view-display-id-block_2-view-builder .field--name-field-title a:active { color: inherit; background: none; } .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title .title-heading-h2, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title .title-heading-h2, .view-display-id-block_2-view-builder .field--name-field-title .title-heading-h2 { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 36px; line-height: 1.2; } @media (max-width: 767px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-c-text, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-c-text, .view-display-id-block_2-view-builder .field--name-field-c-text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (min-width: 768px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-c-text, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-c-text, .view-display-id-block_2-view-builder .field--name-field-c-text { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; grid-column: 1; } } .view-display-id-automatic_dated_list_block-view-builder .field--name-field-cta-button-item .field--label, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-cta-button-item .field--label, .view-display-id-block_2-view-builder .field--name-field-cta-button-item .field--label { display: none; } @media (max-width: 767px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-cta-button-item, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-cta-button-item, .view-display-id-block_2-view-builder .field--name-field-cta-button-item { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-flex-item-align: start; align-self: flex-start; margin-top: 24px; } } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-cta-button-item, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-cta-button-item, .view-display-id-block_2-view-builder .field--name-field-cta-button-item { -ms-grid-row: 1; -ms-grid-row-span: 4; grid-row: 1 / span 4; -ms-grid-column: 2; grid-column: 2; text-align: right; padding-left: 24px; } } @media (min-width: 1024px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-cta-button-item, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-cta-button-item, .view-display-id-block_2-view-builder .field--name-field-cta-button-item { -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; grid-column: 1; } } .view-display-id-automatic_dated_list_block-view-builder .paragraph--type--dsu-c-cta-button, .view-display-id-automatic_dated_list_other-view-builder .paragraph--type--dsu-c-cta-button, .view-display-id-block_2-view-builder .paragraph--type--dsu-c-cta-button { margin-top: 0; margin-bottom: 0; } .view-display-id-automatic_dated_list_block-view-builder .field--name-field-footer, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-footer, .view-display-id-block_2-view-builder .field--name-field-footer { margin-top: 24px; } @media (max-width: 767px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-footer, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-footer, .view-display-id-block_2-view-builder .field--name-field-footer { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-footer, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-footer, .view-display-id-block_2-view-builder .field--name-field-footer { -ms-grid-row: 4; grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; } } @media (min-width: 1024px) { .view-display-id-automatic_dated_list_block-view-builder .field--name-field-footer, .view-display-id-automatic_dated_list_other-view-builder .field--name-field-footer, .view-display-id-block_2-view-builder .field--name-field-footer { -ms-grid-row: 4; grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; } } @media (max-width: 767px) { .view-display-id-automatic_dated_list_block-view-builder .field--type-viewsreference, .view-display-id-automatic_dated_list_other-view-builder .field--type-viewsreference, .view-display-id-block_2-view-builder .field--type-viewsreference { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-automatic_dated_list_block-view-builder .field--type-viewsreference, .view-display-id-automatic_dated_list_other-view-builder .field--type-viewsreference, .view-display-id-block_2-view-builder .field--type-viewsreference { -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; grid-column: 1; } } @media (min-width: 1024px) { .view-display-id-automatic_dated_list_block-view-builder .field--type-viewsreference, .view-display-id-automatic_dated_list_other-view-builder .field--type-viewsreference, .view-display-id-block_2-view-builder .field--type-viewsreference { -ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / span 3; -ms-grid-column: 2; grid-column: 2; } } div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder { padding: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) and (max-width: 1023px) { div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder { padding: 32px; } } @media (min-width: 1024px) { div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder { padding: 40px; } } div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-title { margin-right: auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } @media (max-width: 1023px) { div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-title { width: 100%; } } @media (min-width: 1024px) { div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-title, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-title, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-title { padding-right: 24px; } } div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-cta-button-item, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-cta-button-item, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-cta-button-item { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0; padding-left: 0; } @media (max-width: 1023px) { div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-cta-button-item, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-cta-button-item, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-cta-button-item { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-top: 24px; } } @media (min-width: 1024px) { div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-cta-button-item, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-cta-button-item, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-cta-button-item { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-cta-button-item a, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-cta-button-item a, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-cta-button-item a { margin-bottom: 24px; } } div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-c-text, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-c-text, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-c-text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 26px; } div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-c-text, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-view-item, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-c-text, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-view-item, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-c-text, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-view-item { width: 100%; } div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-view-item, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-view-item, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-view-item { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .field--name-field-footer, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .field--name-field-footer, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .field--name-field-footer { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_block-view-builder .view-content, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-automatic_dated_list_other-view-builder .view-content, div[class*="paragraph--type--layout-"] .paragraph .view-display-id-block_2-view-builder .view-content { display: block; } @media (min-width: 1024px) { .paragraph--type--layout-50-25-25 .field--name-field-column-first .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_block-view-builder, .paragraph--type--layout-25-50-25 .field--name-field-column-second .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_block-view-builder, .paragraph--type--layout-25-25-50 .field--name-field-column-third .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_block-view-builder, .paragraph--type--layout-75-25 .field--name-field-column-first .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_block-view-builder, .paragraph--type--layout-25-75 .field--name-field-column-second .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_block-view-builder, .paragraph--type--layout-66-33 .field--name-field-column-first .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_block-view-builder, .paragraph--type--layout-33-66 .field--name-field-column-second .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_block-view-builder, .paragraph--type--layout-columns-2 .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_block-view-builder, .paragraph--type--layout-50-25-25 .field--name-field-column-first .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_other-view-builder, .paragraph--type--layout-25-50-25 .field--name-field-column-second .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_other-view-builder, .paragraph--type--layout-25-25-50 .field--name-field-column-third .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_other-view-builder, .paragraph--type--layout-75-25 .field--name-field-column-first .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_other-view-builder, .paragraph--type--layout-25-75 .field--name-field-column-second .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_other-view-builder, .paragraph--type--layout-66-33 .field--name-field-column-first .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_other-view-builder, .paragraph--type--layout-33-66 .field--name-field-column-second .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_other-view-builder, .paragraph--type--layout-columns-2 .paragraph:not(.da-vinci-code-background--white) .view-display-id-automatic_dated_list_other-view-builder, .paragraph--type--layout-50-25-25 .field--name-field-column-first .paragraph:not(.da-vinci-code-background--white) .view-display-id-block_2-view-builder, .paragraph--type--layout-25-50-25 .field--name-field-column-second .paragraph:not(.da-vinci-code-background--white) .view-display-id-block_2-view-builder, .paragraph--type--layout-25-25-50 .field--name-field-column-third .paragraph:not(.da-vinci-code-background--white) .view-display-id-block_2-view-builder, .paragraph--type--layout-75-25 .field--name-field-column-first .paragraph:not(.da-vinci-code-background--white) .view-display-id-block_2-view-builder, .paragraph--type--layout-25-75 .field--name-field-column-second .paragraph:not(.da-vinci-code-background--white) .view-display-id-block_2-view-builder, .paragraph--type--layout-66-33 .field--name-field-column-first .paragraph:not(.da-vinci-code-background--white) .view-display-id-block_2-view-builder, .paragraph--type--layout-33-66 .field--name-field-column-second .paragraph:not(.da-vinci-code-background--white) .view-display-id-block_2-view-builder, .paragraph--type--layout-columns-2 .paragraph:not(.da-vinci-code-background--white) .view-display-id-block_2-view-builder { padding: 60px; } } div[class*="paragraph--type--layout-"] .da-vinci-code-background--white .view-display-id-automatic_dated_list_block-view-builder, div[class*="paragraph--type--layout-"] .da-vinci-code-background--white .view-display-id-automatic_dated_list_other-view-builder, div[class*="paragraph--type--layout-"] .da-vinci-code-background--white .view-display-id-block_2-view-builder { padding: 0; } div[class*="paragraph--type--layout-"] .paragraph--type--dsu-c-view[class*="da-vinci-code-background--"] { border-radius: 10px; } .da-vinci-code-background--white .view-id-automatic_dated_list .views-field-published-at, .da-vinci-code-background--white .view-automatic-dated-list .views-field-published-at, .da-vinci-code-background--5-oak .view-id-automatic_dated_list .views-field-published-at, .da-vinci-code-background--5-oak .view-automatic-dated-list .views-field-published-at, .da-vinci-code-background--15-oak .view-id-automatic_dated_list .views-field-published-at, .da-vinci-code-background--15-oak .view-automatic-dated-list .views-field-published-at, .da-vinci-code-background--30-oak .view-id-automatic_dated_list .views-field-published-at, .da-vinci-code-background--30-oak .view-automatic-dated-list .views-field-published-at { color: #63513d; } .da-vinci-code-background--white .view-id-automatic_dated_list .views-field-title a, .da-vinci-code-background--white .view-automatic-dated-list .views-field-title a, .da-vinci-code-background--5-oak .view-id-automatic_dated_list .views-field-title a, .da-vinci-code-background--5-oak .view-automatic-dated-list .views-field-title a, .da-vinci-code-background--15-oak .view-id-automatic_dated_list .views-field-title a, .da-vinci-code-background--15-oak .view-automatic-dated-list .views-field-title a, .da-vinci-code-background--30-oak .view-id-automatic_dated_list .views-field-title a, .da-vinci-code-background--30-oak .view-automatic-dated-list .views-field-title a { color: #007cba; } .da-vinci-code-background--annual-purple .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--annual-purple .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--annual-brown .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--annual-brown .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--annual-yellow .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--annual-yellow .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--annual-teal .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--annual-teal .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--annual-pink .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--annual-pink .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--annual-red .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--annual-red .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--purple-alt .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--purple-alt .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--purple .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--purple .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--pink .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--pink .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--red .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--red .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--orange .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--orange .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--green .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--green .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--teal .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--teal .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--blue .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--blue .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--85-oak .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--85-oak .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--oak .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--oak .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--dark-oak .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--dark-oak .view-automatic-dated-list .views-field-title a::after { background: url(./arrow-right--white.svg) no-repeat 0 0; } .da-vinci-code-background--white .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--white .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--5-oak .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--5-oak .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--15-oak .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--15-oak .view-automatic-dated-list .views-field-title a::after, .da-vinci-code-background--30-oak .view-id-automatic_dated_list .views-field-title a::after, .da-vinci-code-background--30-oak .view-automatic-dated-list .views-field-title a::after { background: url(./arrow-right--blue.svg) no-repeat 0 0; } .view-id-automatic_dated_list .view-content, .view-automatic-dated-list .view-content { border-bottom: none; margin-bottom: -32px; } @media (min-width: 1024px) { .view-id-automatic_dated_list .view-content, .view-automatic-dated-list .view-content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -40px; } } @media screen and (min-width: 1366px) { .view-id-automatic_dated_list .view-content, .view-automatic-dated-list .view-content { margin-left: -80px; } } .view-id-automatic_dated_list .views-row, .view-automatic-dated-list .views-row { margin-bottom: 32px; } @media (min-width: 1024px) { .view-id-automatic_dated_list .views-row, .view-automatic-dated-list .views-row { padding-left: 40px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 1366px) { .view-id-automatic_dated_list .views-row, .view-automatic-dated-list .views-row { padding-left: 80px; } } .view-id-automatic_dated_list .views-field-published-at, .view-automatic-dated-list .views-field-published-at { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 13px; text-transform: uppercase; margin-bottom: 1em; } .view-id-automatic_dated_list .views-field-title, .view-automatic-dated-list .views-field-title { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .view-id-automatic_dated_list .views-field-title, .view-id-automatic_dated_list .views-field-title .field-content, .view-automatic-dated-list .views-field-title, .view-automatic-dated-list .views-field-title .field-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .view-id-automatic_dated_list .views-field-title a, .view-automatic-dated-list .views-field-title a { display: block; width: 100%; position: relative; border-bottom: 1px solid #d1cbc5; padding-bottom: 16px; color: inherit; } .da-vinci-code-background--30-oak .view-id-automatic_dated_list .views-field-title a, .da-vinci-code-background--30-oak .view-automatic-dated-list .views-field-title a { border-bottom-color: #63513d; } @media (max-width: 767px) { .view-id-automatic_dated_list .views-field-title a, .view-automatic-dated-list .views-field-title a { padding-right: 48px; } } @media (min-width: 768px) and (max-width: 1023px) { .view-id-automatic_dated_list .views-field-title a, .view-automatic-dated-list .views-field-title a { padding-right: 70px; } } @media (min-width: 1024px) { .view-id-automatic_dated_list .views-field-title a, .view-automatic-dated-list .views-field-title a { padding-right: 48px; } } @media screen and (min-width: 1366px) { .view-id-automatic_dated_list .views-field-title a, .view-automatic-dated-list .views-field-title a { padding-right: 70px; } } .view-id-automatic_dated_list .views-field-title a::after, .view-automatic-dated-list .views-field-title a::after { content: ""; display: block; width: 12px; height: 14px; right: 0; margin-bottom: 16px; position: absolute; } @media (max-width: 1023px) { .view-id-automatic_dated_list .views-field-title a::after, .view-automatic-dated-list .views-field-title a::after { top: 0.2em; } } @media (min-width: 1024px) { .view-id-automatic_dated_list .views-field-title a::after, .view-automatic-dated-list .views-field-title a::after { bottom: 0.2em; } } .page-node-type-basic-page { color: #2d2b29; } .page-node-type-basic-page #block-socialsharingblock .social-media-sharing { border-bottom: unset; } .page-node-type-basic-page p { margin: 0 0 15px; } .page-node-type-basic-page .field--name-body { margin-top: 0; } .page-node-type-basic-page .region-content { margin-top: 0; } blockquote.quote-template, .largeQuote { padding: 0; background: none; color: inherit; font-weight: 400; border-radius: 0; text-align: center; font-family: "Nestle-Text-Book"; line-height: 1.5; min-height: 0; border: none; } blockquote.quote-template q, .largeQuote q { padding-top: 1.5rem; } blockquote.quote-template q:first-child, .largeQuote q:first-child { padding-top: 0; } blockquote.quote-template acronym, blockquote.quote-template abbr, .largeQuote acronym, .largeQuote abbr { border-bottom-color: currentcolor; } blockquote.quote-template::before, .largeQuote::before { content: "“"; display: block; font-weight: 400; font-family: "NestleBrush"; font-size: 9.375rem; opacity: 0.25; margin-top: -0.16em; height: 0.4666666667em; line-height: 1em; } @media (min-width: 1024px) { blockquote.quote-template::before, .largeQuote::before { text-align: left; } } @media (max-width: 767px) { blockquote.quote-template, .largeQuote { font-size: 1rem; } } @media (min-width: 768px) and (max-width: 1023px) { blockquote.quote-template, .largeQuote { font-size: 1.5rem; } } @media (min-width: 1024px) { blockquote.quote-template, .largeQuote { font-size: 1.625rem; font-weight: 300; } } .content-type-story--communities blockquote.quote-template, .content-type-story--communities .largeQuote { color: #d64123; } .content-type-story--planet blockquote.quote-template, .content-type-story--planet .largeQuote { color: #2e8025; } .content-type-story--individuals-families blockquote.quote-template, .content-type-story--individuals-families .largeQuote { color: #007cba; } blockquote.quote-template cite, .largeQuote cite { color: inherit; font-style: normal; display: block; font-family: "NestleScript"; font-weight: 400; font-size: 1rem; margin-top: 0.75rem; line-break: 1.2; } @media (max-width: 1023px) { blockquote.quote-template cite, .largeQuote cite { font-size: 1.5625rem; } } @media (min-width: 1024px) { blockquote.quote-template cite, .largeQuote cite { font-size: 1.875rem; } } blockquote.quote-template cite small, blockquote.quote-template cite strong, blockquote.quote-template cite span, .largeQuote cite small, .largeQuote cite strong, .largeQuote cite span { display: block; font-family: "Nestle-Text-Book"; font-size: 1rem; font-weight: 400; } blockquote.quote-template cite::before, .largeQuote cite::before { content: ""; display: block; border-bottom: 2px solid currentcolor; opacity: 0.2; width: 80%; margin: 1.25rem auto; } .view-display-id-block_blog_posts-view-builder { width: 70%; } @media (max-width: 1023px) { .view-display-id-block_blog_posts-view-builder { width: 100%; } } .view-display-id-block_blog_posts { width: 70%; } @media (max-width: 1023px) { .view-display-id-block_blog_posts { width: 100%; } } .view-display-id-block_blog_posts .views-row { border-bottom: 1px solid #bfc0c5; margin-bottom: 40px; } .view-display-id-block_blog_posts .views-row .blog-title { margin-bottom: 10px; } .view-display-id-block_blog_posts .views-row .blog-title a { font-size: 35.2px; line-height: 44px; font-family: "Nestle-Text-Light"; } @media (max-width: 1023px) { .view-display-id-block_blog_posts .views-row .blog-title a { font-size: 29.7px; line-height: 37.12px; } } .view-display-id-block_blog_posts .views-row .blog-date { font-size: 14.4px; line-height: 22.4px; color: #555555; } .view-display-id-block_blog_posts .views-row .blog-teaser-image-wrap { margin-bottom: 10px; } .view-display-id-block_blog_posts .views-row .blog-teaser-image-wrap img { width: 100%; } .view-display-id-block_blog_posts .views-row .blog-teaser-body-wrap { color: #555555; padding-top: 10px; font-size: 14px; line-height: 22.4px; font-weight: 700; } .view-display-id-block_blog_posts .views-row .blog-teaser-body-wrap p { font-size: 16px; line-height: 25.6px; font-weight: normal; color: #63513d; padding-top: 5px; } .view-display-id-block_blog_posts .views-row .blog-teaser-body-wrap .summary { font-size: 16px; line-height: 22.4px; padding-bottom: 4px; padding-top: 20px; color: #63513d; font-weight: 400; } .view-display-id-block_blog_posts .views-row .blog-cta-comments-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; } .view-display-id-block_blog_posts .views-row .social-media-sharing { text-align: left; padding-top: 10px; padding-bottom: 16px; } .view-display-id-block_blog_posts .views-row .social-media-sharing .share-count { display: none; } .view-blog-posts .pager { padding-top: 5px; } .block-views-exposed-filter-blockblog-posts-block-blog-posts { min-height: 80px; position: relative; } .block-views-exposed-filter-blockblog-posts-block-blog-posts .bef-exposed-form .form--inline .form-item { width: auto; float: none; vertical-align: top; } @media (min-width: 1024px) { .block-views-exposed-filter-blockblog-posts-block-blog-posts .bef-exposed-form .form--inline .form-item { display: inline-block; } } .block-views-exposed-filter-blockblog-posts-block-blog-posts details { max-width: 100%; } .block-views-exposed-filter-blockblog-posts-block-blog-posts details .form-radios { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 60px; } @media screen and (max-width: 575px) { .block-views-exposed-filter-blockblog-posts-block-blog-posts details .form-radios { margin-top: 5px; } } @media screen and (max-width: 575px) { .block-views-exposed-filter-blockblog-posts-block-blog-posts details[open] { margin-bottom: 0; } } .block-views-exposed-filter-blockblog-posts-block-blog-posts details summary { position: relative; display: inline-block; color: #494950; padding-left: 35px; min-height: 34px; line-height: 30px; outline: 0; } @media (max-width: 1023px) { .block-views-exposed-filter-blockblog-posts-block-blog-posts details summary { padding-left: 30px; } } .block-views-exposed-filter-blockblog-posts-block-blog-posts details summary::-webkit-details-marker { display: none; } .block-views-exposed-filter-blockblog-posts-block-blog-posts details summary:before { content: " "; position: absolute; height: 32px; width: 32px; left: 0; background: url(..png) no-repeat; background-position: -84px -290px; background-size: 228px; } @media (max-width: 1023px) { .block-views-exposed-filter-blockblog-posts-block-blog-posts details summary:before { height: 26px; width: 30px; background-position: -70px -241px; background-size: 190px; } } .block-views-exposed-filter-blockblog-posts-block-blog-posts .form-type-select label { font-size: 16px; color: #494950; line-height: 30px; } .block-views-exposed-filter-blockblog-posts-block-blog-posts .form-item-year-month { position: absolute; top: 0; left: 190px; } @media screen and (max-width: 575px) { .block-views-exposed-filter-blockblog-posts-block-blog-posts .form-item-year-month { position: relative; left: 0; } } .block-views-exposed-filter-blockblog-posts-block-blog-posts .form-item-year-month .form-select { font-size: 16px; width: auto; position: relative; height: 40px; background: #ffffff; border: 1px solid #e5e5e5; margin-top: 5px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } .block-views-exposed-filter-blockblog-posts-block-blog-posts .form-item-year-month select::-ms-expand { display: block; } .block-views-exposed-filter-blockblog-posts-block-blog-posts .form-item-year-month .select-wrapper:after { display: none; } .block-views-exposed-filter-blockblog-posts-block-blog-posts .form-item-field-blog-tags-target-id label { font-size: 12.8px; background: #f4f4f5; padding: 6px; margin: 0 10px 10px 0; color: #6c707a; line-height: 19.2px; min-height: auto; } .block-views-exposed-filter-blockblog-posts-block-blog-posts .form-item-field-blog-tags-target-id label:hover { background: #6c707a; color: #ffffff; } .block-views-exposed-filter-blockblog-posts-block-blog-posts .form-item-field-blog-tags-target-id .form-radio { display: none; } .block-views-exposed-filter-blockblog-posts-block-blog-posts .radio + .radio, .block-views-exposed-filter-blockblog-posts-block-blog-posts .checkbox + .checkbox { margin-top: auto; margin-bottom: 0; } .block-views-exposed-filter-blockblog-posts-block-blog-posts .radio { margin-bottom: 0; margin-top: 0; } .view-id-profile_list { margin: 30px 0; position: relative; } .view-id-profile_list .view-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 50px; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-column-gap: 20px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (min-width: 768px) { .view-id-profile_list .view-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 1280px) { .view-id-profile_list .view-content { grid-column-gap: 27px; } } .view-id-profile_list .views-row { font-family: "Nestle-Text-Light"; margin: 1%; max-width: 22%; position: relative; padding: 0; margin: 0 0 60px 0; height: auto; overflow: hidden; padding-bottom: 215px; } @media (max-width: 767px) { .view-id-profile_list .views-row { max-width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .view-id-profile_list .views-row { max-width: 48.25%; } } @media (min-width: 1024px) { .view-id-profile_list .views-row { max-width: 23.165%; } } @media screen and (min-width: 1280px) { .view-id-profile_list .views-row { max-width: 22.125%; } } @media screen and (min-width: 1366px) { .view-id-profile_list .views-row { max-width: 23.125%; } } @media (min-width: 1801px) { .view-id-profile_list .views-row { max-width: 23.59%; } } .view-id-profile_list .views-row .board-collapsed.active { height: 100%; } .view-id-profile_list .views-row .board-collapsed.active #board-read { opacity: 1; } .view-id-profile_list .views-row .board-collapsed:not(.active) { display: none; } .view-id-profile_list .views-row .board-info { text-align: center; margin-top: 20px; left: 0; right: 0; bottom: 0; position: absolute; } .view-id-profile_list .views-row .board-info a { font-family: "Nestle-Text-Bold"; color: rgb(99, 81, 61); padding-bottom: 2px; font-size: 13px; border-bottom: 1px dotted currentcolor; } .view-id-profile_list .views-row .board-info a:before { content: " "; display: block; } .view-id-profile_list .views-row .board-info ul li { list-style-type: none; text-align: center; padding-bottom: 2px; font-size: 13px; line-height: 21px; color: rgb(99, 81, 61); border-bottom: 1px dotted currentcolor; display: inline; margin-top: 20px; } .view-id-profile_list .views-row .board-info ul li:before { content: " "; display: block; } @media (max-width: 767px) { .view-id-profile_list .views-row { max-width: 100%; } } .view-id-profile_list .views-row .board-member-avatar a { cursor: auto; pointer-events: none; } .view-id-profile_list .views-row .board-member-avatar a:hover img { opacity: 1; } .view-id-profile_list .views-row .board-member-avatar img { width: 100%; vertical-align: middle; max-width: 100%; aspect-ratio: 1/1; } @media (max-width: 767px) { .view-id-profile_list .views-row .board-member-avatar { text-align: center; } .view-id-profile_list .views-row .board-member-avatar img { width: 100%; height: auto; } } .view-id-profile_list .views-row .board-info.board-bg { background: #007cba; margin-top: 0; color: white; padding: 0 16px 16px 16px; position: absolute; bottom: 0; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; width: 100%; } .view-id-profile_list .views-row .board-info.board-bg .board-member-details { font-size: 16px; line-height: 17px; color: #ffffff; border-bottom: 0; font-family: "Nestle-Text-Bold"; text-align: left; padding-bottom: 0; -webkit-transition: display 0.3s ease-in; transition: display 0.3s ease-in; } .view-id-profile_list .views-row .board-info.board-bg .board-member-details a { cursor: auto; pointer-events: none; } .view-id-profile_list .views-row .board-info.board-bg .board-member-details * { font-size: 16px; color: white; border-bottom: 0; font-family: "Nestle-Text-Bold"; line-height: 14px; text-align: left; padding-bottom: 0; } @media (max-width: 767px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-details * { font-size: 13px; line-height: 18px; } } @media (min-width: 1024px) and (max-width: 1251px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-details * { font-size: 13px; } } .view-id-profile_list .views-row .board-info.board-bg .board-member-details ul { line-height: 17px; margin-bottom: 8px; padding-bottom: 8px; } @media (min-width: 1024px) and (max-width: 1251px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-details ul { max-height: 69px; overflow: hidden; } } .view-id-profile_list .views-row .board-info.board-bg .board-member-details li:nth-child(1) { margin-top: 0; } .view-id-profile_list .views-row .board-info.board-bg .board-member-details li:nth-child(n + 4) { display: none; } .view-id-profile_list .views-row .board-info.board-bg .board-member-details.collapsed { display: none; } @media (min-width: 1024px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-details.collapsed { display: block; } } @media screen and (min-width: 1801px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-details.collapsed { display: none; } } .view-id-profile_list .views-row .board-info.board-bg .board-member-details.expanded { display: block; } @media (min-width: 1024px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-details.expanded { display: none; } } @media screen and (min-width: 1801px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-details.expanded { display: block; } } .view-id-profile_list .views-row .board-info.board-bg .board-member { height: 120px; max-height: 160px; } .view-id-profile_list .views-row .board-info.board-bg .board-member-details-collapsed { font-size: 16px; max-height: 225px; word-wrap: break-word; text-align: left; padding-top: 31px; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 1024px) and (max-width: 1251px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-details-collapsed { max-height: 110px; font-size: 13px; } } @media (max-width: 767px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-details-collapsed { font-size: 14px; max-height: 180px; } } .view-id-profile_list .views-row .board-info.board-bg .board-member-details-collapsed * { padding: 0; } .view-id-profile_list .views-row .board-info.board-bg .board-member-name { padding: 0 10px 0 0; margin-bottom: 11px; text-align: left; color: white; border-bottom: 0; font-family: "Nestle-Text-Book"; font-size: 22px; } @media (min-width: 1024px) and (max-width: 1251px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-name { font-size: 16px; } } @media (max-width: 767px) { .view-id-profile_list .views-row .board-info.board-bg .board-member-name { font-size: 18px; line-height: 24px; } } .view-id-profile_list .views-row .board-info.board-bg.board-bg-active .board-expand i { background-image: url(./profile-collapse.svg); } @media (min-width: 1024px) { .view-id-profile_list .views-row .board-info.board-bg.board-bg-active .board-member-details.collapsed { display: none; } } .view-id-profile_list .views-row .board-info.board-bg.board-bg-active .board-member-details.expanded { border-bottom: 2px solid #ffffff; } @media (min-width: 1024px) { .view-id-profile_list .views-row .board-info.board-bg.board-bg-active .board-member-details.expanded { display: block; } } .view-id-profile_list .views-row .board-info.board-bg.board-bg-active .board-member-details p:last-child { margin-bottom: 16px; } .board-expand { background: #0067a0; margin: 0 -15px 23px -15px; height: 56px; opacity: 0.9; cursor: pointer; } .board-expand:hover { opacity: 1; } .board-expand i { -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; width: 20px; height: 20px; display: inline-block; margin-top: 18px; margin-bottom: 18px; background: url(./profile-expand.svg) center center/20px 20px no-repeat; } #board-read { text-align: left; padding: 10px 0 0; position: absolute; bottom: 15px; display: block; width: 100%; background: #007cba; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out 0.4s; transition: opacity 0.3s ease-in-out 0.4s; } #board-read:hover span { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; cursor: pointer; } @media (min-width: 1024px) and (max-width: 1251px) { #board-read { max-width: 80%; } } #board-read a { color: white; border-bottom: 0; font-family: "Nestle-Text-Light"; font-size: 13px; text-transform: uppercase; padding-bottom: 0; } @media (min-width: 1024px) and (max-width: 1251px) { #board-read a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 14px; line-height: 18px; } } #board-read span { width: 12px; height: 14px; display: inline-block; margin-left: 15px; background: url(./profile-arrow.svg) center center/12px 14px no-repeat; position: relative; top: 2px; } @media (min-width: 1024px) and (max-width: 1251px) { #board-read span { top: 12px; } } .page-node-type-brand .field-components-container .field--name-field-logo { display: block; } @media (max-width: 767px) { .page-node-type-brand .freestyle.left, .page-node-type-brand .freestyle.right { width: auto; } } .page-node-type-brand .freestyle.left { padding: 0 10px 0 0; } .page-node-type-brand .freestyle.right { padding: 0 0 0 10px; } .page-node-type-brand article .field--name-field-image img { width: auto; float: left; margin: 0 10px 12px 0; } @media (max-width: 767px) { .page-node-type-brand article .field--name-field-image img { float: none; width: 100%; margin: 0 auto 18px auto; } } .page-node-type-brand .field--name-field-logo { display: none; } @media (max-width: 767px) { .page-node-type-brand .header-top-wrapper .field--name-body { padding-right: 0; } } .page-node-type-brand .field--name-body { margin-top: 0; margin-bottom: 10px; } .page-node-type-brand .field--name-body p { max-width: 70%; } @media (max-width: 1023px) { .page-node-type-brand .field--name-body p { max-width: 100%; padding-bottom: 21.6px; } } @media (max-width: 767px) { .page-node-type-brand .field--name-body p { padding-bottom: 20.8px; } } .page-node-type-brand .field--name-field-ln-n-components { clear: both; overflow: hidden; } .view-display-id-block_brand_websites-view-builder { border-top: 1px solid #eeeeee; padding-top: 25.6px; } .view-display-id-block_brand_websites-view-builder .field--name-field-title { margin-bottom: 24px; } .view-display-id-block_brand_websites-view-builder .field--name-field-c-text, .view-display-id-block_brand_websites-view-builder .field--name-field-title { color: #63513d; } .view-display-id-block_brand_websites-view-builder .view-content { margin-bottom: 32px; } .view-display-id-block_brand_websites-view-builder select { background: transparent; width: 164px; height: 32px; color: #555555; border: 1px solid #e5e5e5; border-radius: 0; appearance: none; margin-bottom: 32px; display: block; padding-left: 5px; padding-right: 32px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: transparent url(..png) no-repeat 100% -177px; font-size: 16px; } .view-display-id-block_brand_websites-view-builder select option { cursor: pointer; } .view-display-id-block_brand_websites-view-builder select::-ms-expand { display: none; } .view-display-id-block_brand_websites-view-builder .views-row { position: relative; margin-left: 30px; line-height: 1.5; } .view-display-id-block_brand_websites-view-builder .views-row:before { content: ""; position: absolute; display: inline-block; width: 5px; height: 5px; background-color: #60646b; left: -20px; top: 33%; } .view-display-id-block_brand_websites-view-builder .field--name-field-title { margin-bottom: 13px; } .view-display-id-block_brand_websites-view-builder .field--name-field-title h2 { margin-bottom: 13px; font-weight: 200; } .view-display-id-block_brand_websites-view-builder p { line-height: 24px; } body[class*="marken"] .paragraph--type--c-text p { width: 70%; margin-bottom: 0; padding-bottom: 16px; } @media (max-width: 767px) { body[class*="marken"] .paragraph--type--c-text p { width: 100%; } } .a-z-listing-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px; border: 1px solid #ffffff; background-color: #8c8c97; color: #ffffff; font-family: "Nestle-Text-Bold"; line-height: 24px; } .a-z-listing-header .list-title { -ms-flex-preferred-size: 30%; flex-basis: 30%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } @media (max-width: 767px) { .a-z-listing-header .list-title { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .a-z-listing-header .list-description { padding: 10px 0 10px 20px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } @media (max-width: 767px) { .a-z-listing-header .list-description { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .field--name-field-title { font-size: 23.4px; font-family: "Nestle-Text-Book"; font-weight: 400; margin: 23.4px 0; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .field--name-field-title p { font-size: 23.4px; font-family: "Nestle-Text-Book"; padding: 0; line-height: 37px; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager { margin-top: 24px; text-align: center; } @media (min-width: 1024px) { .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager { margin-top: 60px; } } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li { width: 100%; float: none; display: block; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; border: 1px solid; text-align: center; font-family: "Nestle-Text-Book"; font-size: 14px; line-height: 20px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); border-radius: 2px; padding: 7px 1.2857142857em 7px; vertical-align: middle; text-decoration: none; -webkit-transition: background-color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; background-color: #007cba; border-color: #007cba; color: #ffffff; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a:active { outline: none; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a:hover, .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a:active, .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a:hover:active { color: #ffffff; background-color: rgb(0, 99.2, 148.8); border-color: rgb(0, 99.2, 148.8); } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a span { display: inline-block; } @media (max-width: 767px) { .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a span { margin: 0 24px; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a span { margin: 0 32px; } } @media (min-width: 1024px) { .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a span { margin: 0 120px; } } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager li > a .da-vinci-code-icon { font-size: 1.5em; top: -0.025em; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager.views-mini__pager li > a { width: auto; } @media (min-width: 1024px) { .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pager.views-mini__pager li > a span { margin: 0; } } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li { font-size: 16px; padding: 0 10px; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li a { color: #63513d; border-radius: 50%; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li a:visited { color: #30261d; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li.pager__item--first, .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li.pager__item--previous, .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li.pager__item--next, .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li.pager__item--last { color: #30261d; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li.pager__item--first a, .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li.pager__item--previous a, .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li.pager__item--next a, .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li.pager__item--last a { border-radius: 0; } .paragraph--type--dsu-c-view .view-display-id-block_brand_a_z-view-builder .pagination li.is-active a { color: #007a74; background-color: #f6f5f4; } .career_areaAdministrative .paragraph--type--c-text .field--name-field-c-title { margin-bottom: 48px; } .career_areaAdministrative .paragraph--type--c-externalvideo { margin-bottom: 0; margin-top: 60px; } .career_areaAdministrative .paragraph--type--dsu-c-hovercard { margin-bottom: 0; } .geolocation { display: none; } .view-id-map_locator { margin: 60px 0 0 0; } .view-id-map_locator.view-display-id-office_location_attachment .view-content { display: none; } .view-id-map_locator div[id*="edit-reset-filter-wrapper-"] { float: right; padding-top: 10px; } .view-id-map_locator div[id*="edit-reset-filter-wrapper-"] button { margin-right: 0; } .view-id-map_locator .views-row { padding: 1em; } @media (max-width: 767px) { .view-id-map_locator .views-row { padding: 0; } } .view-id-map_locator .views-row .case-studies-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 80%; flex-basis: 80%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } @media (max-width: 767px) { .view-id-map_locator .views-row .case-studies-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-top: 10px; } } @media (max-width: 736px) and (orientation: landscape) { .view-id-map_locator .views-row .case-studies-wrapper { -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -ms-flex-preferred-size: 80%; flex-basis: 80%; } } .view-id-map_locator .views-row .location-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .view-id-map_locator .views-row .location-link { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media (max-width: 736px) and (orientation: landscape) { .view-id-map_locator .views-row .location-link { -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; padding-bottom: 0; } } .view-id-map_locator .views-row .location-link:hover .title { color: rgb(0, 51, 102); } .view-id-map_locator .views-row .location-link:hover img { opacity: 0.9; } .view-id-map_locator .views-row .image-wrapper { padding-right: 10px; margin-top: 4px; min-width: 105px; } @media (max-width: 767px) { .view-id-map_locator .views-row .image-wrapper { padding-bottom: 10px; } } .view-id-map_locator .views-row .cs-description { width: 350px; font-family: "Nestle-Text-Book"; } @media (max-width: 767px) { .view-id-map_locator .views-row .cs-description { width: 100%; padding-bottom: 10px; } } @media (max-width: 736px) and (orientation: landscape) { .view-id-map_locator .views-row .cs-description { width: 350px; padding-bottom: 0; } } .view-id-map_locator .views-row .cs-description .title { font-weight: 700; color: #006492; line-height: 1.5; } .view-id-map_locator .views-row .cs-description .body { line-height: 1.5; color: #555555; } .view-id-map_locator .views-row .country { -ms-flex-preferred-size: 20%; flex-basis: 20%; text-align: right; color: #555555; line-height: 1.5; } @media (max-width: 767px) { .view-id-map_locator .views-row .country { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media (max-width: 736px) and (orientation: landscape) { .view-id-map_locator .views-row .country { -ms-flex-preferred-size: 20%; flex-basis: 20%; text-align: right; } } .view-id-map_locator .form-inline .form-item-title { color: #999999; } .view-id-map_locator .form-inline .form-item-title .form-control { float: left; max-width: 242px; width: 100%; font-size: 1.077em; height: 33px; border-radius: 0; padding: 8px; -webkit-appearance: none; } .view-id-map_locator .form-inline .form-item-title .form-control::-webkit-input-placeholder { color: transparent; } .view-id-map_locator .form-inline .form-item-title .form-control::-moz-placeholder { color: transparent; } .view-id-map_locator .form-inline .form-item-title .form-control:-ms-input-placeholder { color: transparent; } .view-id-map_locator .form-inline .form-item-title .form-control::-ms-input-placeholder { color: transparent; } .view-id-map_locator .form-inline .form-item-title .form-control::placeholder { color: transparent; } @media (max-width: 767px) { .view-id-map_locator .form-inline .form-item-title .form-control { max-width: 100%; } } @media (min-width: 768px) { .view-id-map_locator .form-inline div[id*="edit-actions"] { display: none; } } @media (max-width: 767px) { .view-id-map_locator .form-inline div[id*="edit-actions"] { display: block; } } @media (max-width: 767px) { .view-id-map_locator .form-inline div[id*="edit-actions"] [id*="edit-reset"] { text-align: center; width: 94px; margin: auto; margin-top: 30px; } } .view-id-map_locator .form-inline div[id*="edit-actions"] [id*="edit-reset"] .reset_link { display: none; } @media (max-width: 767px) { .view-id-map_locator .form-inline div[id*="edit-actions"] [id*="edit-reset"] .reset_link { color: #026ea8; display: block; font-size: 0.813rem; line-height: 20px; border-bottom: 1px solid #026ea8; font-family: "Nestle-Text-Book"; text-transform: uppercase; } } @media (max-width: 767px) { .view-id-map_locator .form-inline button[id*="edit-submit"], .view-id-map_locator .form-inline button[id*="edit-reset"] { display: block; width: 100%; } } .view-id-map_locator .form-inline button[id*="edit-submit"] .icon, .view-id-map_locator .form-inline button[id*="edit-submit"] .glyphicon, .view-id-map_locator .form-inline button[id*="edit-reset"] .icon, .view-id-map_locator .form-inline button[id*="edit-reset"] .glyphicon { display: none !important; } .view-id-map_locator .bef-exposed-form .form-inline .form-type-textfield { max-width: 242px; margin-top: 30px; margin-bottom: 10px; } @media (max-width: 767px) { .view-id-map_locator .bef-exposed-form .form-inline .form-type-textfield { max-width: 90%; width: 100%; } } .view-id-map_locator .select-filter-wrapper .form-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; clear: left; } @media (max-width: 767px) { .view-id-map_locator .select-filter-wrapper .form-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .view-id-map_locator .select-filter-wrapper .form-wrapper select { background: transparent; width: 231px; height: 40px; color: #555555; border: 1px solid #e5e5e5; border-radius: 5px; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; margin-top: 8px; min-width: 100%; display: block; font-size: 16px; } @media (max-width: 767px) { .view-id-map_locator .select-filter-wrapper .form-wrapper select { width: 60px; padding: 5px; border-radius: 0; } } @media (max-width: 767px) and (orientation: landscape) { .view-id-map_locator .select-filter-wrapper .form-wrapper select { width: 117px; } } @media (min-width: 768px) and (max-width: 1023px) { .view-id-map_locator .select-filter-wrapper .form-wrapper select { width: 122px; } } .view-id-map_locator .select-filter-wrapper .form-wrapper .form-item-type { margin-right: 0; margin-left: auto; } @media (max-width: 767px) { .view-id-map_locator .select-filter-wrapper .form-wrapper .form-item-type { margin-left: 0; width: 100%; } } .view-id-map_locator .select-filter-wrapper .form-wrapper .form-item-topics, .view-id-map_locator .select-filter-wrapper .form-wrapper .form-item-country { float: left; } @media (max-width: 767px) { .view-id-map_locator .select-filter-wrapper .form-wrapper .form-item-topics, .view-id-map_locator .select-filter-wrapper .form-wrapper .form-item-country { width: 100%; } } .view-id-map_locator .result-counter, .view-id-map_locator .view-empty { font-size: 13.6px; color: #63513d; line-height: 1.5; } .view-id-map_locator .views-exposed-form { margin: 0 0 60px 0; padding: 0 0 60px 0; border-bottom: 2px solid #949494; } @media (max-width: 767px) { .view-id-map_locator .views-exposed-form { margin: 0 0 40px 0; padding: 0 0 34px 0; } } .view-id-map_locator .view-id-map_locator { margin: 0; } .view-display-id-office_locations { padding-bottom: 30px; } .view-display-id-office_locations .form-type-radio label { display: inline-block; vertical-align: middle; background: #f6f5f4; font-size: 20px; line-height: 1.3; padding: 0.625em 1em; border-radius: 3px; border: 1px solid #d1cbc5; position: relative; -webkit-transition: border-color 0.1s ease, color 0.1s ease, background-color 0.1s ease; transition: border-color 0.1s ease, color 0.1s ease, background-color 0.1s ease; } .view-display-id-office_locations .form-type-radio label .form-radio { position: absolute; } .view-display-id-office_locations .form-type-radio label:hover { background: rgb(209.1, 227.6, 228.85); border-color: #00818f; } .view-display-id-office_locations .form-type-radio label.year-selected, .view-display-id-office_locations .form-type-radio label.is-checked { background: #00818f; color: #ffffff; border-color: #00818f; } .view-display-id-office_locations .form-type-radio label:focus, .view-display-id-office_locations .form-type-radio label.in-focus { outline: 8px auto -webkit-focus-ring-color; } .view-display-id-office_locations input[type="radio"] { opacity: 0.011; z-index: 100; } .view-display-id-office_locations .views-row { padding: 0; } .view-display-id-office_locations .views-row .control-label { font-family: "Nestle-Text-Light"; font-size: 16px; line-height: 32px; text-transform: uppercase; color: #30261d; padding-bottom: 22px; margin-bottom: 0; } @media (max-width: 767px) { .view-display-id-office_locations .views-row .control-label { padding-bottom: 12px; } } .view-display-id-office_locations .views-row .control-label-websites { font-family: "Nestle-Text-Light"; font-size: 16px; line-height: 32px; text-transform: uppercase; color: #30261d; padding-bottom: 0; margin: 0; } .view-display-id-office_locations .view-header { display: none; } .view-display-id-office_locations div[id*="edit-field-ol-zone-target-id"] { margin: 10px 0; } .view-display-id-office_locations div[id*="edit-field-ol-zone-target-id"] > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .view-display-id-office_locations div[id*="edit-field-ol-zone-target-id"] > div .form-type-radio { margin: 0; } .view-display-id-office_locations .view-display-id-office_location_attachment .view-header { display: block; } .view-display-id-office_locations .view-display-id-office_location_attachment select { max-width: 165px; color: #63513d; font-size: 16px; } .view-display-id-office_locations .office-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; } .view-display-id-office_locations .office-content-wrapper p { padding-bottom: 12px; } .view-display-id-office_locations .office-content-wrapper * { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; } .view-display-id-office_locations .office-content-wrapper a { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; color: #0072ad; } .view-display-id-office_locations .office-content-wrapper a b, .view-display-id-office_locations .office-content-wrapper a strong { font-weight: bold; } .view-display-id-office_locations .office-content-wrapper > div { width: 33%; padding: 10px 10px 10px 0; } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-office_locations .office-content-wrapper > div { width: 50%; } } @media (max-width: 767px) { .view-display-id-office_locations .office-content-wrapper > div { width: 100%; padding: 0; } } .view-display-id-office_locations .office-content-wrapper .left-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .view-display-id-office_locations .office-content-wrapper .left-content .fax-number { display: block; } .view-display-id-office_locations .office-content-wrapper .left-content a { display: block; margin-bottom: 30px; } @media (max-width: 767px) { .view-display-id-office_locations .office-content-wrapper .left-content { margin-bottom: 54px; } } .view-display-id-office_locations .office-content-wrapper .right-content-wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: distribute; justify-content: space-around; } .view-display-id-office_locations .office-content-wrapper .right-content-wrapper > div { width: 50%; } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-office_locations .office-content-wrapper .right-content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .view-display-id-office_locations .office-content-wrapper .right-content-wrapper > div { width: 100%; } .view-display-id-office_locations .office-content-wrapper .right-content-wrapper .right-content .form-type-item { margin-top: 88px; } } @media (max-width: 767px) { .view-display-id-office_locations .office-content-wrapper .right-content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 44px; } .view-display-id-office_locations .office-content-wrapper .right-content-wrapper > div { width: 100%; } .view-display-id-office_locations .office-content-wrapper .right-content-wrapper .right-content .form-type-item { margin-top: 40px; } } .view-display-id-office_locations .office-content-wrapper .right-content { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .view-display-id-office_locations .office-content-wrapper .right-content a { display: block; font-weight: bold; text-transform: capitalize; } .view-display-id-office_locations .office-content-wrapper .right-content .form-type-item { padding-bottom: 45px; } .view-display-id-office_locations .office-content-wrapper .right-content .form-type-item:last-child .control-label { padding-bottom: 16px; } .view-display-id-office_locations .office-content-wrapper .center-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-weight: bold; } .view-display-id-office_locations .office-content-wrapper .center-content .contact-us { display: block; } .view-display-id-office_locations .office-content-wrapper .center-content .contact-us a { font-weight: bold; } .view-display-id-office_locations .office-content-wrapper .label_class, .view-display-id-office_locations .office-content-wrapper .form-type-item { font-family: "Nestle-Text-Light"; font-size: 16px; line-height: 32px; text-transform: uppercase; color: #30261d; padding-bottom: 22px; margin-bottom: 0; font-weight: normal; } @media (max-width: 767px) { .view-display-id-office_locations .office-content-wrapper .label_class, .view-display-id-office_locations .office-content-wrapper .form-type-item { padding-bottom: 12px; } } .view-display-id-office_locations .geolocation-common-map .map-locator-country { background: #f1ede4; text-align: center; padding: 12px; } .view-display-id-office_locations .geolocation-common-map .map-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f8f6f0; max-width: 358px; padding: 2px; } @media (max-width: 767px) { .view-display-id-office_locations .geolocation-common-map .map-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .view-display-id-office_locations .geolocation-common-map .map-wrapper .map-left-content, .view-display-id-office_locations .geolocation-common-map .map-wrapper .map-right-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .view-display-id-office_locations .geolocation-common-map .map-wrapper .map-left-content a, .view-display-id-office_locations .geolocation-common-map .map-wrapper .map-right-content a { line-height: 1; } .view-display-id-office_locations .geolocation-common-map .map-wrapper .map-left-content { padding-right: 20px; max-width: 60%; } .view-display-id-office_locations .geolocation-common-map .map-wrapper .map-left-content .label-value { padding-bottom: 16px; } @media (max-width: 767px) { .view-display-id-office_locations .geolocation-common-map .map-wrapper .map-left-content { padding-bottom: 10px; max-width: 100%; } } .view-display-id-office_locations .geolocation-common-map .label-value { font-family: "Nestle-Text-Book"; display: inline-block; } .view-display-id-office_locations .geolocation-common-map .title-value { padding-bottom: 4px; display: block; } .view-display-id-office_locations p { padding-bottom: 0; line-height: 1.2; } #views-exposed-form-map-locator-office-locations .form-radios { margin: 0 0 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #views-exposed-form-map-locator-office-locations .form-radios .form-type-radio { margin: 5px 5px 0 0; } #views-exposed-form-map-locator-office-locations div[id*="edit-char"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 1920px) { #views-exposed-form-map-locator-office-locations div[id*="edit-char"] { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } #views-exposed-form-map-locator-office-locations div[id*="edit-char"] .form-type-radio { margin-bottom: 1em; margin-top: 0; margin-right: 1px; margin: 5px 4px 3px 0; } #views-exposed-form-map-locator-office-locations div[id*="edit-char"] .form-type-radio .no-char-result-label { border: none; color: #d1cbc5; pointer-events: none; } #views-exposed-form-map-locator-office-locations .form-type-select.form-item-country { display: none; } #views-exposed-form-map-locator-office-locations .form-item-zone-sel .select-wrapper, #views-exposed-form-map-locator-office-locations .form-item-zone-sel .nice-select, #views-exposed-form-map-locator-office-locations .form-item-char-sel .select-wrapper, #views-exposed-form-map-locator-office-locations .form-item-char-sel .nice-select { width: 100%; } #views-exposed-form-map-locator-office-locations .form-item-zone-sel { display: none; width: calc(50% - 6.5px); } @media (max-width: 767px) { #views-exposed-form-map-locator-office-locations .form-item-zone-sel { display: block; } } #views-exposed-form-map-locator-office-locations .form-item-char-sel { display: none; width: calc(50% - 6.5px); margin-right: 0; float: right; } @media (max-width: 767px) { #views-exposed-form-map-locator-office-locations .form-item-char-sel { display: block; } } .company-details .bubble-wrapper { min-width: 217px; } .company-details .bubble-wrapper .field--type-image img { height: auto; width: auto; margin: auto; } .companynestle-skin-health .field--name-field-slogan, .companynestle-waters .field--name-field-slogan { text-shadow: none; } .field--name-field-webform .field--label { display: none; } @media (max-width: 767px) { .g-recaptcha { margin: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.8); transform: scale(0.8); } } .g-recaptcha .rc-anchor-light.rc-anchor-normal { padding-top: 10px; } #edit-captcha-response--description { padding-left: 15px; } @media (max-width: 767px) { #edit-captcha-response--description { padding-left: 0; } } .faq .field--name-field-ln-n-components { margin: 0; } .component-1891 #section-601.paragraph--type--dsu-c-cta-button, .component-1891 #section-611.paragraph--type--dsu-c-cta-button { margin-top: -3rem; } @media (max-width: 1023px) { .component-1891 #section-601.paragraph--type--dsu-c-cta-button, .component-1891 #section-611.paragraph--type--dsu-c-cta-button { margin-top: 1rem; } } .component-1891 .two-column-with-video .paragraph--type--dsu-c-cta-button { margin-top: 1.6rem; } .component-1891 .paragraph--type--layout-columns-3 .paragraph--type--c-image { margin-bottom: 0; } @media (max-width: 767px) { .component-1891 .paragraph--type--layout-columns-2 .col-md-6:first-child { margin: 0; } } .component-1891 .paragraph--type--c-slide { color: #5c068c; } @media (max-width: 1023px) { .component-1891 .paragraph--type--c-slide { height: 25.8rem; } } @media (max-width: 767px) { .component-1891 .paragraph--type--c-slide { height: 20.5rem; } } .component-1891 .paragraph--type--c-slide .slick-list { margin: 0 15px; height: 70vh; } @media (max-width: 1023px) { .component-1891 .paragraph--type--c-slide .slick-list { margin: 0; height: auto; } } .component-1891 .paragraph--type--c-slide .slick-dots li button:before { font-size: 7px; } .component-1891 .paragraph--type--c-slide .field--name-field-c-image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; } @media (max-width: 767px) { .component-1891 .paragraph--type--c-slide .field--name-field-c-image { top: 30%; } } .component-1891 .paragraph--type--c-slide .field--name-field-c-title { position: relative; font-family: "NestleBrush"; font-size: 7rem; opacity: 0.7; width: 100%; } @media (max-width: 767px) { .component-1891 .paragraph--type--c-slide .field--name-field-c-title { font-size: 4.4rem; } } .component-1891 .paragraph--type--c-slide .field--name-field-slide-description { color: #5c068c; font-family: "Nestle-Text-Bold"; font-size: 2.65rem; opacity: 0.7; padding: 0; position: relative; left: 0; top: 3%; width: 100%; } @media (max-width: 767px) { .component-1891 .paragraph--type--c-slide .field--name-field-slide-description { font-size: 1.78rem; } } .component-1891 .slider-with-images-only .paragraph--type--c-slide .field--name-field-c-image { position: relative; } .inside-nestlecareer-dev .footer-wrapper, .inside-nestlerecruitment .footer-wrapper { margin-top: 0; } .inside-nestlecareer-dev h5, .inside-nestlerecruitment h5 { line-height: 28px; font-size: 15px; } .inside-nestlediversity .paragraph--type--c-text, .inside-nestlebenefits .paragraph--type--c-text, .inside-nestleyouth .paragraph--type--c-text { margin-bottom: 0; } .inside-nestlediversity .field--name-field-c-text ul, .inside-nestlebenefits .field--name-field-c-text ul, .inside-nestleyouth .field--name-field-c-text ul { margin-bottom: 16px; } .inside-nestlediversity .field--name-field-c-text ul li, .inside-nestlebenefits .field--name-field-c-text ul li, .inside-nestleyouth .field--name-field-c-text ul li { line-height: 1.8; } .inside-nestlediversity h5, .inside-nestlebenefits h5, .inside-nestleyouth h5 { line-height: 28px; font-size: 15px; } .inside-nestlediversity .paragraph--type--c-image, .inside-nestlediversity .paragraph--type--dsu-c-hovercard, .inside-nestlebenefits .paragraph--type--c-image, .inside-nestlebenefits .paragraph--type--dsu-c-hovercard, .inside-nestleyouth .paragraph--type--c-image, .inside-nestleyouth .paragraph--type--dsu-c-hovercard { margin-top: 80px; } .inside-nestlediversity .paragraph--type--c-image .paragraph--type--dsu-c-hovercard-item .field--name-field-card-hover-text p, .inside-nestlediversity .paragraph--type--dsu-c-hovercard .paragraph--type--dsu-c-hovercard-item .field--name-field-card-hover-text p, .inside-nestlebenefits .paragraph--type--c-image .paragraph--type--dsu-c-hovercard-item .field--name-field-card-hover-text p, .inside-nestlebenefits .paragraph--type--dsu-c-hovercard .paragraph--type--dsu-c-hovercard-item .field--name-field-card-hover-text p, .inside-nestleyouth .paragraph--type--c-image .paragraph--type--dsu-c-hovercard-item .field--name-field-card-hover-text p, .inside-nestleyouth .paragraph--type--dsu-c-hovercard .paragraph--type--dsu-c-hovercard-item .field--name-field-card-hover-text p { font-size: 16px; } @media (max-width: 1023px) { .inside-nestlediversity .paragraph--type--c-image, .inside-nestlediversity .paragraph--type--dsu-c-hovercard, .inside-nestlebenefits .paragraph--type--c-image, .inside-nestlebenefits .paragraph--type--dsu-c-hovercard, .inside-nestleyouth .paragraph--type--c-image, .inside-nestleyouth .paragraph--type--dsu-c-hovercard { margin-top: 32px; } } .inside-nestlecareer-dev .paragraph--type--dsu-c-hovercard, .Inside-nestlecareer-dev .paragraph--type--dsu-c-hovercard { margin-top: 80px; } .inside-nestlecareer-dev .paragraph--type--dsu-c-hovercard .paragraph--type--dsu-c-hovercard-item .field--name-field-card-hover-text p, .Inside-nestlecareer-dev .paragraph--type--dsu-c-hovercard .paragraph--type--dsu-c-hovercard-item .field--name-field-card-hover-text p { font-size: 16px; } .inside-nestlediversity .paragraph--type--c-externalvideo, .inside-nestlediversity .paragraph--type--c-image, .inside-nestleyouth .paragraph--type--c-externalvideo, .inside-nestleyouth .paragraph--type--c-image { margin-left: -15px; margin-right: -15px; } @media (max-width: 1023px) { .inside-nestlediversity .paragraph--type--c-externalvideo, .inside-nestlediversity .paragraph--type--c-image, .inside-nestleyouth .paragraph--type--c-externalvideo, .inside-nestleyouth .paragraph--type--c-image { margin-left: 0; margin-right: 0; } } .component-1921 .paragraph--type--c-text .field--name-field-c-title { margin-bottom: 48px; } .component-1921 .paragraph--type--c-text .cta.red { margin-left: 20px; } @media (max-width: 1023px) { .component-1921 .paragraph--type--c-text .cta.red { float: right; } } @media (max-width: 767px) { .component-1921 .paragraph--type--c-text .cta.red { padding: 1rem; font-size: 14px; } } .component-1921 #section-386 { float: left; width: 100%; } .component-1921 #section-386 .col-md-6 { margin: 0; padding-right: 15px; padding-left: 15px; } .component-1921 #section-386 .col-md-6:first-child { width: 33.33%; } @media (max-width: 1023px) { .component-1921 #section-386 .col-md-6:first-child { width: 50%; float: left; } } @media (max-width: 767px) { .component-1921 #section-386 .col-md-6:first-child { width: 100%; } } .component-1921 #section-386 .col-md-6:nth-child(2) { width: 66.66%; } @media (max-width: 1023px) { .component-1921 #section-386 .col-md-6:nth-child(2) { width: 50%; float: left; } } @media (max-width: 767px) { .component-1921 #section-386 .col-md-6:nth-child(2) { width: 100%; } } @media (max-width: 1023px) { .component-1921 #section-386 .col-md-6 { width: 50%; float: left; } } @media (max-width: 767px) { .component-1921 #section-386 .col-md-6 { width: 100%; } } .component-1921 #section-386 .field--name-field-column-first { padding: 0; } .component-1921 #section-386 .field--name-field-column-first .paragraph--type--c-image img { max-height: 325px; max-width: 100%; } .component-1921 #section-386 .field--name-field-column-second { padding: 0; } .component-1921 #section-386 .field--name-field-column-second .paragraph--type--c-text { padding: 0; } @media (max-width: 767px) { .component-1921 #section-386 { margin: 0; } } .component-1921 #section-406 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -15px; } .component-1921 #section-406 .col-md-6 { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .component-1921 #section-406 .col-md-6:first-child { width: 60%; } @media (max-width: 1023px) { .component-1921 #section-406 .col-md-6:first-child { width: 50%; float: left; } } @media (max-width: 767px) { .component-1921 #section-406 .col-md-6:first-child { width: 100%; } } .component-1921 #section-406 .col-md-6:nth-child(2) { width: 40%; } @media (max-width: 1023px) { .component-1921 #section-406 .col-md-6:nth-child(2) { width: 50%; float: left; } } @media (max-width: 767px) { .component-1921 #section-406 .col-md-6:nth-child(2) { width: 100%; } } @media (max-width: 1023px) { .component-1921 #section-406 .col-md-6 { width: 50%; float: left; } } @media (max-width: 767px) { .component-1921 #section-406 .col-md-6 { width: 100%; } } .component-1921 #section-406 .field--name-field-column-first { padding: 0; } .component-1921 #section-406 .field--name-field-column-first .paragraph--type--c-text { margin-right: 10px; } .component-1921 #section-406 .field--name-field-column-first .paragraph--type--c-text .field--name-field-c-text { margin-left: 0; } .component-1921 #section-406 .field--name-field-column-second { padding: 0; } .component-1921 #section-406 .field--name-field-column-second .paragraph--type--c-text { padding: 0 15px; } .component-1921 #section-406 .field--name-field-column-second .paragraph--type--c-image { padding: 20px; } @media (max-width: 767px) { .component-1921 #section-406 .field--name-field-column-second .paragraph--type--c-image { padding: 0; } } @media (max-width: 767px) { .component-1921 #section-406 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .component-1921 #section-406:first-of-type .paragraph--type--dsu-c-cta-button { margin-top: 0; } @media (max-width: 1023px) { .component-1921 #section-406 { margin-top: 0; margin-bottom: 0; } } @media (max-width: 767px) { .component-1921 #section-406 { margin-left: 0; } } .component-1921 #section-406 .field--name-field-cta-button-url a { margin-top: 2rem; } #section-371 { margin-bottom: -10px; } #section-4106 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4.4rem; text-align: right; } @media (max-width: 1023px) { #section-4106 { margin-bottom: 1.8rem; } } @media (max-width: 767px) { #section-4106 { display: block; } } #section-4106 .field--name-field-c-image img { display: inline-block; max-width: 289px; padding-right: 28px; } @media (max-width: 767px) { #section-4106 .field--name-field-c-image img { padding-bottom: 14px; } } #section-4106 .paragraph--type--dsu-c-cta-button { margin: 0; } html:lang(en-gb) #section-391 { margin-bottom: 0; } #views-exposed-form-media-contact-block-contact-list { padding-bottom: 15px; } .media-contact-wrapper .field--name-field-c-text tr, .media-contact-wrapper .field--name-field-c-text td { border: none; } .media-contact-wrapper .page-header { font-size: 29.6px; font-weight: 200; line-height: 37px; font-family: "Nestle-Text-Light"; } .media-contact-wrapper .field--name-field-ln-n-components .container { max-width: 100%; margin: 0; padding: 0; } .media-contact-wrapper .field--name-field-ln-n-components .paragraph--type--layout-columns-2 { margin-bottom: 0; } .media-contact-wrapper .field--name-field-ln-n-components .paragraph--type--layout-columns-2 .col-md-6 { padding-left: 0; } @media (max-width: 767px) { .media-contact-wrapper .field--name-field-ln-n-components .paragraph--type--layout-columns-2 .col-md-6 { width: 50%; } } .media-contact-wrapper .field--name-field-ln-n-components .field--name-field-column-first { width: 70%; } @media (max-width: 767px) { .media-contact-wrapper .field--name-field-ln-n-components .field--name-field-column-first { width: 80%; } } .media-contact-wrapper .field--name-field-ln-n-components a { word-break: break-word; } .view-display-id-block_contact_list-view-builder .views-exposed-form .contact-filter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .view-display-id-block_contact_list-view-builder .views-exposed-form .contact-filter-wrapper { display: block; } } .view-display-id-block_contact_list-view-builder .views-exposed-form .contact-filter-wrapper .form-item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 300px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-top: 20px; } @media (max-width: 1023px) { .view-display-id-block_contact_list-view-builder .views-exposed-form .contact-filter-wrapper .form-item { margin-bottom: 0; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .view-display-id-block_contact_list-view-builder .views-exposed-form .contact-filter-wrapper .js-form-item-field-country-value label { padding-right: 20px; } .view-display-id-block_contact_list-view-builder .views-exposed-form .contact-filter-wrapper .js-form-item-field-country-value label, .view-display-id-block_contact_list-view-builder .views-exposed-form .contact-filter-wrapper .js-form-item-field-business-target-id label { font-size: 16px; font-weight: 200; line-height: 20px; color: #63513d; margin-bottom: 2px; } .view-display-id-block_contact_list-view-builder .views-exposed-form .select-wrapper:after { content: none; } @media (min-width: 1024px) { .view-display-id-block_contact_list-view-builder .views-exposed-form select[id^="edit-field-country-value"], .view-display-id-block_contact_list-view-builder .views-exposed-form select[id^="edit-field-business-target-id"] { margin-bottom: -6px; } } .view-display-id-block_contact_list-view-builder .views-exposed-form select[id^="edit-field-country-value"] { width: 206px; } .view-display-id-block_contact_list-view-builder .views-exposed-form select[id^="edit-field-business-target-id"] { margin-left: 20px; width: 180px; } .view-display-id-block_contact_list-view-builder .views-exposed-form button { margin-top: 20px; margin-bottom: 0; margin-right: 10px; } @media (max-width: 1023px) { .view-display-id-block_contact_list-view-builder .views-exposed-form button { margin-right: 10px; float: left; } } .view-display-id-block_contact_list-view-builder .views-exposed-form button .icon { display: none; } .view-display-id-block_contact_list-view-builder .views-exposed-form button[id^="edit-reset-action"] { margin-left: 10px; } @media (max-width: 1023px) { .view-display-id-block_contact_list-view-builder .views-exposed-form button[id^="edit-reset-action"] { margin-top: 20px; margin-left: 0; } } .view-display-id-block_contact_list-view-builder .views-exposed-form .form-group { margin-bottom: 0; } .view-display-id-block_contact_list-view-builder .views-exposed-form .reset-filter-wrapper { display: inline-block; } .view-display-id-block_contact_list-view-builder .view-media-contact .form--inline { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .view-display-id-block_contact_list-view-builder .view-media-contact .form--inline { display: block; } } .view-display-id-block_contact_list-view-builder .view-media-contact .view-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 25px; } @media (max-width: 767px) { .view-display-id-block_contact_list-view-builder .view-media-contact .views-row { max-width: 100%; } } .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-title { width: 70%; background-color: #e6e6e6; padding: 14px 0 20px 10px; margin-bottom: 25px; } @media (max-width: 767px) { .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-title { width: 100%; } } .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-title .field-content a { font-size: 18.2px; font-weight: 700; line-height: 22.75px; color: #555555; font-family: "Nestle-Text-Light"; } @media (max-width: 767px) { .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body a { word-break: break-all; } } .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body .embedded-entity { padding-top: 0; } .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body img { padding: 0 20px 20px 0; max-width: 150px; } @media (max-width: 767px) { .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body img { max-width: 100px; } } .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body tr, .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body td { border: none; padding: 0; } .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body td p { padding-bottom: 46px; } @media (max-width: 767px) { .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body td a { word-break: break-all; } } .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body hr { border-top: 1px solid #eeeeee; margin: 10px auto 0 auto; width: 540px; height: 30px; } @media (max-width: 767px) { .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body hr { width: 290px; } } .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body .ckeditor-col-container, .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body table tr { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body .ckeditor-col-container, .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body table tr { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body .ckeditor-col-container .grid-6 { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; max-width: 100%; padding: 0; } .view-display-id-block_contact_list-view-builder .view-media-contact .views-row .views-field-body .ckeditor-col-container .grid-6 p { padding-bottom: 26px; } .component-paragraph-field.view-display-id-mosaic_block-view-builder { width: auto; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 768px) and (max-width: 1023px) { .component-paragraph-field.view-display-id-mosaic_block-view-builder { padding-left: 2.8125rem; padding-right: 2.8125rem; } } @media (min-width: 1024px) { .component-paragraph-field.view-display-id-mosaic_block-view-builder { width: 80%; padding-left: 0; padding-right: 0; } } .view-ln-c-mosaic .form-type-radio .label-hover { outline: -webkit-focus-ring-color auto 2px; } .view-ln-c-mosaic div[id*="edit-actions"] { display: none; } .view-ln-c-mosaic div[id*="edit-field-topic-target-id"] .form-type-radio:first-child { display: none; } .view-ln-c-mosaic .select-wrapper { width: 100%; } .view-ln-c-mosaic .mosaic-mobile { display: none; margin-top: 1.875rem; } @media (max-width: 767px) { .view-ln-c-mosaic .mosaic-mobile { display: block; } } .view-ln-c-mosaic .mosaic-mobile select[name="field_topic_target_id_1"] { display: none; } .view-ln-c-mosaic .mosaic-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .view-ln-c-mosaic .mosaic-desktop .filter__wrapper { position: relative; margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 768px) and (max-width: 1023px) { .view-ln-c-mosaic .mosaic-desktop .filter__wrapper { margin-left: -2.8125rem; margin-right: -2.8125rem; padding-left: 2.8125rem; padding-right: 2.8125rem; } } @media (min-width: 1024px) { .view-ln-c-mosaic .mosaic-desktop .filter__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0rem; margin-right: 0rem; padding-left: 0rem; padding-right: 0rem; } } .view-ln-c-mosaic .mosaic-desktop .filter__wrapper::before, .view-ln-c-mosaic .mosaic-desktop .filter__wrapper::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 1.25rem; background: -webkit-gradient( linear, left top, right top, color-stop(25%, #ffffff), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(to right, #ffffff 25%, rgba(255, 255, 255, 0)); z-index: 2; } @media (min-width: 768px) and (max-width: 1023px) { .view-ln-c-mosaic .mosaic-desktop .filter__wrapper::before, .view-ln-c-mosaic .mosaic-desktop .filter__wrapper::after { width: 2.8125rem; } } @media (min-width: 1024px) { .view-ln-c-mosaic .mosaic-desktop .filter__wrapper::before, .view-ln-c-mosaic .mosaic-desktop .filter__wrapper::after { display: none; } } .view-ln-c-mosaic .mosaic-desktop .filter__wrapper::before { left: 0; } .view-ln-c-mosaic .mosaic-desktop .filter__wrapper::after { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .view-ln-c-mosaic .mosaic-desktop .filter { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0rem; padding-bottom: 1rem; margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } @media (max-width: 1023px) { .view-ln-c-mosaic .mosaic-desktop .filter { overflow-x: auto; overflow-y: hidden; white-space: nowrap; width: 100vw; pointer-events: all; -webkit-overflow-scrolling: touch; } } @media (min-width: 768px) and (max-width: 1023px) { .view-ln-c-mosaic .mosaic-desktop .filter { margin-left: -2.8125rem; margin-right: -2.8125rem; padding-left: 2.8125rem; padding-right: 2.8125rem; } } @media (min-width: 1024px) { .view-ln-c-mosaic .mosaic-desktop .filter { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0rem; margin-right: 0rem; padding-left: 0rem; padding-right: 0rem; } } .view-ln-c-mosaic .mosaic-desktop .filter fieldset { margin-bottom: 0; } .view-ln-c-mosaic .mosaic-desktop > .form-item { margin-bottom: 0; } @media (max-width: 767px) { .view-ln-c-mosaic .mosaic-desktop .browse-tags-fieldset { display: none; } } .view-ln-c-mosaic .mosaic-desktop .browse-tags-fieldset .fieldset-wrapper { margin-top: 1.875rem; } @media (max-width: 767px) { .view-ln-c-mosaic .mosaic-desktop .browse-tags-fieldset .fieldset-wrapper { display: none; } } .view-ln-c-mosaic .view-empty { font-weight: 700; font-size: 18px; text-align: center; } .view-ln-c-mosaic .js-pager__items { padding-top: 2.1875rem; padding-bottom: 1.5625rem; margin: 0; margin-top: 1.25rem; border-top: 2px solid #e8e5e2; } .view-ln-c-mosaic .js-pager__items a { background-color: #007cba; border-color: #007cba; color: #ffffff; width: 100%; text-transform: none; margin: 0; } .view-ln-c-mosaic .js-pager__items a:hover, .view-ln-c-mosaic .js-pager__items a:active, .view-ln-c-mosaic .js-pager__items a:hover:active { color: #ffffff; background-color: rgb(0, 99.2, 148.8); border-color: rgb(0, 99.2, 148.8); } .view-ln-c-mosaic .js-pager__items a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .view-ln-c-mosaic .js-pager__items a:focus { background-color: #007cba; } .view-ln-c-mosaic .js-pager__items .counter { position: absolute; right: 10px; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none; } .view-ln-c-mosaic .js-pager__items .pager__item { position: relative; width: 100%; } .view-ln-c-mosaic .js-pager__items .pager__item .arrow { display: none; } .view-ln-c-mosaic .js-pager__items .pager__item .arrow--left, .view-ln-c-mosaic .js-pager__items .pager__item .arrow--right { display: inline-block; vertical-align: middle; } .view-ln-c-mosaic .js-pager__items .pager__item .arrow--left svg, .view-ln-c-mosaic .js-pager__items .pager__item .arrow--right svg { width: 0.75rem; height: 0.625rem; } @media (min-width: 768px) { .view-ln-c-mosaic .js-pager__items .pager__item .arrow--left svg, .view-ln-c-mosaic .js-pager__items .pager__item .arrow--right svg { width: 0.875rem; height: 0.75rem; } } .view-ln-c-mosaic .js-pager__items .pager__item .arrow--left { margin-right: 5%; } @media (min-width: 1024px) { .view-ln-c-mosaic .js-pager__items .pager__item .arrow--left { margin-right: 10%; } } .view-ln-c-mosaic .js-pager__items .pager__item .arrow--right { margin-left: 5%; } @media (min-width: 1024px) { .view-ln-c-mosaic .js-pager__items .pager__item .arrow--right { margin-left: 10%; } } .view-ln-c-mosaic .fieldgroup { clear: both; } .view-ln-c-mosaic .browse-tags { position: relative; font-size: 16px; font-weight: 400; color: #494950; background: #e8e5e2; text-align: center; padding: 0.5rem 1.25rem 0.5rem 3.4375rem; border-radius: 5px; margin-right: 1.25rem; } @media (min-width: 768px) and (max-width: 1023px) { .view-ln-c-mosaic .browse-tags { margin-right: 2.8125rem; } } @media (min-width: 1024px) { .view-ln-c-mosaic .browse-tags { margin-right: 0; padding: 0.625rem 1.25rem 0.625rem 3.4375rem; } } .view-ln-c-mosaic .browse-tags:hover { cursor: pointer; } .view-ln-c-mosaic .browse-tags:before { content: ""; position: absolute; left: 1.25rem; width: 26px; height: 25px; background: url(./tag.svg) no-repeat; background-size: 100% 100%; } .view-ln-c-mosaic .browse-tags.is-checked::after { content: ""; position: absolute; bottom: -30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 15px solid transparent; border-top-color: #e8e5e2; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-radios { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1024px) { .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-radios { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] select { height: 35px; width: 100%; color: #6c707a; margin-bottom: 0; border: 1px solid #949494; border-radius: 3px; background: #fefefe; } } @media (min-width: 768px) { .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] select { display: none; } } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio { border-radius: 5px; margin-right: 0.1875rem; margin-top: auto; margin-bottom: 0; } @media (min-width: 1024px) { .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio { margin-right: 0.375rem; margin-bottom: 1.5625rem; } } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio label { display: block; color: #ffffff; text-align: center; padding: 0.5rem 1.25rem; } @media (min-width: 1024px) { .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio label { padding: 0.625rem 1.25rem; } } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio label::before { content: ""; display: inline-block; vertical-align: middle; background-size: contain; background-position: center center; background-repeat: no-repeat; margin-right: 0.3125rem; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio input[type="radio"] { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio.is-checked:after { content: ""; position: absolute; bottom: -30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 15px solid transparent; border-top-color: rgb(79, 72, 66); } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:first-child { background-color: #30261d; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:first-child:after { border-top-color: #30261d; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:nth-of-type(2) { background-color: #007cba; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:nth-of-type(2).is-checked:after { border-top-color: #007cba; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:nth-of-type(2) label::before { width: 1.1875rem; height: 1.3125rem; background-image: url(./individual-families-picto.png); } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:nth-of-type(3) { background-color: #d64123; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:nth-of-type(3) label::before { width: 1.5rem; height: 1.3125rem; background-image: url(./communities-picto.png); } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:nth-of-type(3).is-checked:after { border-top-color: #d64123; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:nth-of-type(4) { background-color: #2e8025; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:nth-of-type(4) label::before { width: 1.3125rem; height: 1.3125rem; background-image: url(./the-planet-picto.png); } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:nth-of-type(4).is-checked:after { border-top-color: #2e8025; } .view-ln-c-mosaic div[id^="edit-field-story-category-target-id"] .form-type-radio:nth-of-type(5).is-checked:after { border-top-color: rgb(0, 181, 226); } .view-ln-c-mosaic .form-radio { opacity: 0.011; } .view-ln-c-mosaic .browse-tags-fieldset { display: none; } .view-ln-c-mosaic div[id^="edit-field-topic-target-id"] label { font-size: 12.8px; } .view-ln-c-mosaic div[id^="edit-field-topic-target-id"] .form-type-radio { margin: 0 4px 8px 0; display: inline-block; padding: 0; background: #f4f4f5; text-transform: inherit; border: 1px solid #d1cbc5; border-radius: 0.3125rem; -webkit-transition: background 0.1s ease, color 0.1s ease; transition: background 0.1s ease, color 0.1s ease; } @media (max-width: 767px) { .view-ln-c-mosaic div[id^="edit-field-topic-target-id"] .form-type-radio { margin: 0 0 5px 0; } } .view-ln-c-mosaic div[id^="edit-field-topic-target-id"] .form-type-radio .control-label { padding: 0.3125rem 0.625rem; } .view-ln-c-mosaic div[id^="edit-field-topic-target-id"] .form-type-radio input[type="radio"] { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .view-ln-c-mosaic div[id^="edit-field-topic-target-id"] .form-type-radio:hover { background-color: #00818f; border-color: transparent; } .view-ln-c-mosaic div[id^="edit-field-topic-target-id"] .form-type-radio:hover label { color: #ffffff; } .view-ln-c-mosaic div[id^="edit-field-topic-target-id"] .form-type-radio.is-checked { background: #00818f; border-color: transparent; } .view-ln-c-mosaic div[id^="edit-field-topic-target-id"] .form-type-radio.is-checked .control-label { color: #ffffff; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper:before { display: inline-block; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-row { padding-left: 1.25rem; margin-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-row .topic { font-family: "NestleBrush"; font-size: 14px; position: absolute; bottom: 100%; left: 0; padding: 0.3125rem 1.25rem; line-height: 1.2; border-top-right-radius: 18px; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-row .alternate-description { font-size: 14px; width: 80%; line-height: 21.6px; margin-bottom: 0.9375rem; } @media (min-width: 1024px) { .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-row .alternate-description { font-size: 16px; } } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-row .alternate-description p { padding-bottom: 0; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-row .outer-box { padding: 1.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: relative; margin-bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #ffffff; line-height: 24px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-row .outer-box .title { font-size: 17px; width: 80%; margin-bottom: 0.9375rem; font-family: "Nestle-Text-Bold"; } @media (min-width: 1024px) { .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-row .outer-box .title { font-size: 20px; } } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-row .outer-box p { margin-bottom: 0; padding-bottom: 0; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-field.views-field-nothing span.field-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .views-field.views-field-nothing img { width: 100%; border-top-left-radius: 7px; border-top-right-radius: 7px; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .category-icon { line-height: 1; margin-left: 5px; cursor: pointer; padding: 9px 5px 5px 0; display: inline-block; height: 40px; width: 40px; background-repeat: no-repeat; position: absolute; bottom: auto; left: auto; top: 1.25rem; right: 1.25rem; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .outer-box { background-color: #2e8025; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .planet .views-field .outer-box { background-color: #2e8025; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .planet .category-icon { width: 1.8125rem; height: 2rem; background-image: url(./the-planet-picto.svg); } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .planet div.topic { background: #1e6c15; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .communities .views-field .outer-box { background-color: #d64123; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .communities .category-icon { width: 2.5rem; height: 1.6875rem; background-image: url(./communities-picto.svg); } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .communities div.topic { background: #bc3114; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .company .outer-box { background-color: rgb(0, 181, 226); } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .company .category-icon { width: 26px; height: 45px; right: 2%; background: transparent url(./waterdrop.png); background-repeat: no-repeat; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .families .category-icon { width: 40px; background: transparent url(./sprite-image.png) no-repeat -1462px 0; background-repeat: no-repeat; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .individuals .views-field .outer-box { background-color: #007cba; } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .individuals .category-icon { width: 0.875rem; height: 1.8125rem; background: url(./individual-families-picto.svg); } .view-ln-c-mosaic .views-infinite-scroll-content-wrapper .individuals div.topic { background: #026ba0; } .view-ln-c-mosaic .views-exposed-form { position: relative; } .view-ln-c-mosaic .view-content { border-bottom: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1.25rem; margin-bottom: 1.25rem; } .view-ln-c-mosaic .view-content .views-row { padding-left: 1.25rem; margin-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media (min-width: 768px) { .view-ln-c-mosaic .view-content .views-row { width: 50%; } } @media (min-width: 1024px) { .view-ln-c-mosaic .view-content .views-row { width: 25%; } } @media (min-width: 1024px) { .view-ln-c-mosaic .view-content .views-row:nth-child(10n + 1), .view-ln-c-mosaic .view-content .views-row:nth-child(10n + 10) { width: 50%; } } .view-ln-c-mosaic .exposed-filter-wrapper { margin-bottom: 1.5625rem; } @media (min-width: 768px) and (max-width: 1023px) { .view-ln-c-mosaic .exposed-filter-wrapper { margin-bottom: 2.1875rem; } } @media (min-width: 1024px) { .view-ln-c-mosaic .exposed-filter-wrapper { margin-bottom: 3.125rem; } } .view-ln-c-mosaic .close-tag-filter { border-bottom: 1px solid #e8e5e2; margin-top: 1.875rem; font-size: 13px; text-align: right; padding-bottom: 0.9375rem; display: none; } @media (min-width: 768px) { .view-ln-c-mosaic .close-tag-filter { margin-top: 1.25rem; } } .view-ln-c-mosaic .close-tag-filter span { display: inline-block; cursor: pointer; } .view-ln-c-mosaic .close-tag-filter span::after { content: ""; width: 14px; height: 14px; display: inline-block; background: url(./tag--close.svg) no-repeat; background-size: 100% 100%; vertical-align: middle; margin-left: 0.5rem; margin-bottom: 0.0625rem; } .ajax-progress-fullscreen { width: 200px; height: 250px; position: absolute; left: 50%; background-image: url(./nse_loader.gif); background-repeat: no-repeat; z-index: 99; text-align: center; } .view-display-id-block_news_without_search-view-builder { padding: 2.5rem 0; } @media (max-width: 1023px) { .view-display-id-block_news_without_search-view-builder { margin-bottom: 2.5rem; } } .da-vinci-code-background--white .view-display-id-block_news_without_search-view-builder { padding: 0; } .news-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #d1cbc5; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } .news-list-item, .news-list-item:hover { color: inherit; } .news-list-item:hover { background: rgba(0, 0, 0, 0.1); } .views-row:first-child .news-list-item { border-top: 1px solid #d1cbc5; } @media (max-width: 767px) { .news-list-item { padding-left: 0.875rem; padding-right: 0.875rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 768px) { .news-list-item { padding-left: 2rem; padding-right: 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 1023px) { .news-list-item { padding-top: 1.375rem; padding-bottom: 1.375rem; } } @media (min-width: 1024px) { .news-list-item { padding-top: 1rem; padding-bottom: 1rem; } } .news-list-item__image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #e8e5e2 url(./nest-logo.svg) no-repeat center center/auto 40%; position: relative; display: block; overflow: hidden; } .news-list-item__image::before { content: ""; display: block; width: 100%; padding-bottom: 48%; } @media (max-width: 767px) { .news-list-item__image { width: 7.5rem; margin-bottom: 1rem; } } @media (min-width: 768px) and (max-width: 1023px) { .news-list-item__image { width: 9.375rem; margin-right: 1.5rem; } } @media (min-width: 1024px) { .news-list-item__image { width: 12.8125rem; margin-right: 2.8125rem; } } .news-list-item__image img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .news-list-item__image img { height: 100%; top: 0; left: 0; -webkit-transform: none; transform: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } } .news-list-item__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .news-list-item__body { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (min-width: 768px) { .news-list-item__body { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } } .news-list-item__date { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; font-size: 0.875rem; margin-bottom: 0.5rem; } .news-list-item__title { font-size: 1rem; font-family: "Nestle-Text-Book"; font-weight: 400; margin: 0; } .da-vinci-code-background--white .news-list-item__title, .da-vinci-code-background--5-oak .news-list-item__title { color: #007cba; } .view-display-id-block_news_without_search .pager-nav .pagination { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1.875rem 0; margin: 0; width: 100% !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-flow: wrap; flex-flow: wrap; } .view-display-id-block_news_without_search .pager-nav .pagination .pager__item.pager__item--first, .view-display-id-block_news_without_search .pager-nav .pagination .pager__item.pager__item--last { display: none; } .view-display-id-block_news_without_search .pager-nav .pagination .pager__item { padding: 0.3125rem; } @media (min-width: 1024px) { .view-display-id-block_news_without_search .pager-nav .pagination .pager__item { padding: 0 0.625rem; } } .view-display-id-block_news_without_search .pager-nav .pagination .pager__item a { font-size: 15px; padding: 0 0.3125rem; } @media (min-width: 1024px) { .view-display-id-block_news_without_search .pager-nav .pagination .pager__item a { padding: 0 0.625rem; } } .view-display-id-block_news_without_search .pager-nav .pagination .pager__item a:hover { background: none; } .view-display-id-block_news_without_search .pager-nav .pagination .pager__item--next a, .view-display-id-block_news_without_search .pager-nav .pagination .pager__item--previous a { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; width: auto; white-space: nowrap; text-transform: uppercase; color: #007cba; position: relative; } .view-display-id-block_news_without_search .pager-nav .pagination .pager__item--previous a::before { content: ""; background-image: url(./pager-arrow.svg); background-position: center center; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin-right: 12px; top: 50%; background-size: 1.833em 1.833em; margin-top: -0.2em; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center; transform-origin: center; } .view-display-id-block_news_without_search .pager-nav .pagination .pager__item--next a::after { content: ""; background-image: url(./pager-arrow.svg); background-position: center center; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin-left: 12px; top: 50%; background-size: 1.833em 1.833em; margin-top: -0.2em; } .view-display-id-block_news_without_search .pager-nav .pagination .pager__item.active a { background: none; color: #00818f; } .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] { margin-top: 24px; text-align: center; } .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li { width: 100%; float: none; display: block; } .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; border: 1px solid; text-align: center; font-family: "Nestle-Text-Book"; font-size: 14px; line-height: 20px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); border-radius: 2px; padding: 7px 1.2857142857em 7px; vertical-align: middle; text-decoration: none; -webkit-transition: background-color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; background-color: #007cba; border-color: #007cba; color: #ffffff; } .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a:active { outline: none; } .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a:hover, .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a:active, .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a:hover:active { color: #ffffff; background-color: rgb(0, 99.2, 148.8); border-color: rgb(0, 99.2, 148.8); } .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a span { display: inline-block; } @media (max-width: 767px) { .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a span { margin: 0 24px; } } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a span { margin: 0 32px; } } @media (min-width: 1024px) { .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a span { margin: 0 120px; } } .view-display-id-block_news_without_search .pager[data-drupal-views-infinite-scroll-pager] li > a .da-vinci-code-icon { font-size: 1.5em; top: -0.025em; } .view-id-presentations.view-display-id-block_presentations { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-top: 6.375rem; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 7.125rem; } } .view-id-presentations.view-display-id-block_presentations .view-content-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding-right: 2.5rem; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper { padding-right: unset; } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .expose-open-popup, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .expose-close-popup { background-color: unset; border: unset; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .expose-filter-title { font-weight: 700; font-size: 0.875rem; color: #333333; margin-bottom: 0.75rem; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-inline .form-type-select > div, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-inline .form-type-select > div .form-control { width: 100%; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-inline .form-type-select .form-control { border-color: #333333; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-inline [id^="edit-clear-filter"] { position: absolute; float: inline-end; top: 3.2rem; left: calc(100% - 160px); } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-inline [id^="edit-clear-filter"] a.clear-filter { display: block; -webkit-box-shadow: unset; box-shadow: unset; border: none; padding: 0px; text-decoration: underline; background: #ffffff; color: #007cba; font-weight: 700; font-size: 0.875rem; } } @media (max-width: 767px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-inline [id^="edit-clear-filter"] { left: calc(100% - 155px); } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-type-select { border-top: 1px solid #c4c4c4; padding: 0.75rem 0 1rem; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-type-select select.form-select { background-color: #ffffff; background-repeat: no-repeat; background-position: center right 10.5px; background-image: url(./drop-down.svg); } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions button[id^="edit-reset"], .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions .clear-filter { border: none; -webkit-box-shadow: unset; box-shadow: unset; background-image: url(./Reset-Filters.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: 0px center; padding: 0 0 0 1.625rem; font-weight: 700; text-decoration: underline; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions button[id^="edit-reset"]:focus, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions .clear-filter:focus { color: #007cba; background-color: unset; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions button[id^="edit-reset"]:hover, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions .clear-filter:hover { background-color: unset; color: #006395; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions button[id^="edit-reset"] .glyphicon-filter, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions .clear-filter .glyphicon-filter { display: none; } @media (max-width: 767px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions button[id^="edit-reset"], .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions .clear-filter { background: none; padding: 0; } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-item .control-label { color: #007cba; font-size: 16px; line-height: 1.5rem; margin-bottom: 0.75rem; position: relative; z-index: 1; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open { position: fixed; left: 0; top: 0; bottom: 0; right: 0; padding: 0; background: #ffffff; z-index: 200; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .view-filters { padding: 2rem; position: relative; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .form-item-title, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .expose-open-popup { display: none; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .form-actions { padding-top: 1.25rem; border-top: 1px solid #c4c4c4; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .form-actions button[id^="edit-reset"], .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .form-actions .clear-filter { background-color: unset; position: absolute; top: 2rem; right: 5rem; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .form-actions .form-submit[value="Search"] { display: none; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .expose-close-popup { position: absolute; top: 1.5625rem; right: 2rem; background-image: url(./Reset-Filters.svg); background-repeat: no-repeat; background-size: 32px 32px; background-position: center center; width: 32px; height: 32px; cursor: pointer; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .expose-close-popup span { display: none; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .expose-close-popup { top: 2.8rem; background-size: 30px 30px; } } @media (max-width: 767px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .expose-close-popup { background-size: 25px 25px; } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .expose-close-button { display: block; width: 100%; background-color: #007cba; border: 1px solid #007cba; color: #ffffff; height: 3rem; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .expose-close-button:focus { outline: none; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .expose-close-button, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .expose-close-popup { display: none; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .expose-open-popup-wrapper { display: none; border-top: 1px solid #c4c4c4; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .expose-open-popup-wrapper { display: block; } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .expose-open-popup { padding: 20px 0 20px 25px; color: #007cba; text-decoration: underline; background-image: url(./filter.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: 0 center; font-weight: bold; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .expose-filter-title, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-type-select, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .button[id^="edit-reset"] { display: none; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item-clear-filter { display: none !important; } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title { position: absolute; top: 0; left: 0; width: 40vw; padding: 0; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title { width: calc(100% - 105px); } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title .control-label { color: #333333; font-size: 2.25rem; line-height: 1.5rem; margin-bottom: 2rem; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title .control-label { font-size: 1.125rem; } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title input { height: 3.375rem; border: 1px solid #333333; border-right: 0; width: 100%; font-size: 16px; -webkit-box-shadow: unset; box-shadow: unset; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title .cross-btn, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title .clear-search { position: absolute; top: 0.5rem; right: 0.625rem; z-index: 9; margin-top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; width: 2.25rem; height: 2.25rem; background-color: unset; background-image: url(./search_clear.svg); background-repeat: no-repeat; background-size: 30px 20px; background-position: center center; cursor: pointer; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title .cross-btn:focus, .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title .clear-search:focus { outline: unset; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item .control-label { color: #63513d; font-size: 16px; line-height: 1.5rem; margin-bottom: 0.75rem; position: relative; z-index: 1; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-actions { border-top: 1px solid #c4c4c4; padding-top: 24px; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-actions { border-top: unset; padding-top: unset; } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-actions .form-submit { position: absolute; top: 0; left: 40vw; display: block; height: 3.375rem; padding: 0.9375rem 1.5rem; font-size: 1.125rem; -webkit-box-shadow: none; box-shadow: none; line-height: 1.5rem; border-radius: 0; border: 0; margin: 0; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-actions .form-submit { left: calc(100% - 105px); } } .view-id-presentations.view-display-id-block_presentations .attachment-before { font-size: 0.875rem; line-height: 1.5rem; color: #333333; margin-bottom: 1.5rem; } @media (max-width: 1023px) { .view-id-presentations.view-display-id-block_presentations .attachment-before { position: absolute; top: 69px; } } .view-id-presentations.view-display-id-block_presentations .form-group { margin-bottom: 0; } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-type-select select.form-select { background-image: url(./drop-down.svg); } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions .clear-filter { background-image: url(./Reset-Filters.svg); background-color: unset; } @media (max-width: 767px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper .form-actions .clear-filter { background: none; padding: 0; } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper.open .expose-close-popup { background-image: url(./Reset-Filters.svg); } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .expose-open-popup { background-image: url(./filter.svg); } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title .clear-search { background-image: url(./search_clear.svg); } @media (max-width: 767px) { .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title .clear-search { right: 6.625rem; } } .view-id-presentations.view-display-id-block_presentations .exposed-filter-wrapper:not(.open) .form-item.form-item-title .cross-btn { background-image: url(./search_clear.svg); } .view-id-presentations button[id^="edit-submit-presentations"] { display: block; } .view-id-presentations button[id^="edit-submit-presentations"] span.glyphicon-search { display: none; } .view-id-presentations button[id^="edit-submit-presentations"] span.glyphicon-search::before { content: none; } .view-id-presentations .view-content { border-top: 1px solid #d1cbc5; } .view-id-presentations .view-content .views-row .presentations-wrapper { border-bottom: 1px solid #d1cbc5; padding: 1rem 0; } .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-date-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #333333; } @media (min-width: 1024px) { .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-date-title { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-date-title .presentations-title { margin-bottom: 0.75rem; } .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types-date .presentations-date { color: #767676; font-size: 14px; } @media (max-width: 1023px) { .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types-date .presentations-date { -ms-flex-item-align: end; align-self: flex-end; } } .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; } @media (max-width: 1023px) { .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } } .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types a { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types a.media-file-info .media { font-family: "Nestle-Text-Book"; color: #767676; display: inline-block; vertical-align: middle; margin: 0 0.75rem; } .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types a.media-file-info .ext { background-size: 16px 16px !important; height: 1rem; width: 1rem; padding-right: 0; margin-bottom: 0.25rem; } .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types a:not(.media-file-info) { text-transform: capitalize; } .view-id-presentations .view-content .views-row .presentations-wrapper .presentations-all-types a:not(.media-file-info)::after { background-image: url(./arrow-right--blue.svg); } .view-id-presentations .pager:not(.pagerer-pager-standard) { margin-top: 24px; text-align: center; } @media (min-width: 1024px) { .view-id-presentations .pager:not(.pagerer-pager-standard) { margin-top: 60px; } } .view-id-presentations .pager:not(.pagerer-pager-standard) li { width: 100%; float: none; display: block; } .view-id-presentations .pager:not(.pagerer-pager-standard) li > a { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; border: 1px solid; text-align: center; font-family: "Nestle-Text-Book"; font-size: 14px; line-height: 20px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); border-radius: 2px; padding: 7px 1.2857142857em 7px; vertical-align: middle; text-decoration: none; -webkit-transition: background-color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease; transition: background-color 0.1s ease, border-color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; background-color: #007cba; border-color: #007cba; color: #ffffff; } .view-id-presentations .pager:not(.pagerer-pager-standard) li > a:active { outline: none; } .view-id-presentations .pager:not(.pagerer-pager-standard) li > a:hover, .view-id-presentations .pager:not(.pagerer-pager-standard) li > a:active, .view-id-presentations .pager:not(.pagerer-pager-standard) li > a:hover:active { color: #ffffff; background-color: rgb(0, 99.2, 148.8); border-color: rgb(0, 99.2, 148.8); } .view-id-presentations .pager:not(.pagerer-pager-standard) li > a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .view-id-presentations .pager:not(.pagerer-pager-standard) li > a span { display: inline-block; } @media (max-width: 767px) { .view-id-presentations .pager:not(.pagerer-pager-standard) li > a span { margin: 0 24px; } } @media (min-width: 768px) and (max-width: 1023px) { .view-id-presentations .pager:not(.pagerer-pager-standard) li > a span { margin: 0 32px; } } @media (min-width: 1024px) { .view-id-presentations .pager:not(.pagerer-pager-standard) li > a span { margin: 0 120px; } } .view-id-presentations .pager:not(.pagerer-pager-standard) li > a .da-vinci-code-icon { font-size: 1.5em; top: -0.025em; } .view-id-presentations .pager.views-mini__pager li > a { width: auto; } @media (min-width: 1024px) { .view-id-presentations .pager.views-mini__pager li > a span { margin: 0; } } @media screen and (min-width: 1920px) { .view-display-id-block_events { padding: 0 8.333%; } } body[class*="mediapress-releases"] .paragraph--type--c-text { margin-bottom: 0; } body[class*="mediapress-releases"] .paragraph--type--c-text p { padding-bottom: 0; } .view-display-id-block_press_releases .form-actions, .view-display-id-block_events .form-actions { position: relative; display: inline-block; } .view-display-id-block_press_releases div[id*="edit-year"], .view-display-id-block_events div[id*="edit-year"] { display: none; } .view-display-id-block_press_releases div[id*="edit-year"].slick-initialized, .view-display-id-block_events div[id*="edit-year"].slick-initialized { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; } .view-display-id-block_press_releases div[id*="edit-year"] .slick-list, .view-display-id-block_events div[id*="edit-year"] .slick-list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 4px; padding-bottom: 20px; margin-bottom: -20px; } .view-display-id-block_press_releases div[id*="edit-year"] .slick-arrow, .view-display-id-block_events div[id*="edit-year"] .slick-arrow { height: auto; } .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio, .view-display-id-block_events div[id*="edit-year"] .form-type-radio { float: left; margin: 0; width: 175px; position: relative; } .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio input, .view-display-id-block_events div[id*="edit-year"] .form-type-radio input { display: block; position: absolute; top: 0; left: 0; right: 0; } .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio label, .view-display-id-block_events div[id*="edit-year"] .form-type-radio label { position: relative; display: block; padding: 5px; cursor: pointer; font-size: 1.25rem; color: #30261d; line-height: 24px; border: 2px solid #ffffff; padding: 0.7em 1em; border-bottom: none; border-top: none; background-color: #f6f5f4; text-align: center; font-family: "Nestle-Text-Book"; } .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio label, .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio label:focus, .view-display-id-block_events div[id*="edit-year"] .form-type-radio label, .view-display-id-block_events div[id*="edit-year"] .form-type-radio label:focus { outline: none; } .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio label:hover, .view-display-id-block_events div[id*="edit-year"] .form-type-radio label:hover { background: #d1cbc5; color: #30261d; } .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio label:active, .view-display-id-block_events div[id*="edit-year"] .form-type-radio label:active { background: #ffffff; color: #30261d; } .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio label.year-selected, .view-display-id-block_events div[id*="edit-year"] .form-type-radio label.year-selected { background-color: #00818f; color: #ffffff; padding: 14px 12px; position: relative; } .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio label.year-selected:after, .view-display-id-block_events div[id*="edit-year"] .form-type-radio label.year-selected:after { content: ""; position: absolute; z-index: 4; left: 50%; top: 100%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #00818f; margin-left: -20px; clear: both; outline: none; } @media (max-width: 767px) { .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio label.year-selected:after, .view-display-id-block_events div[id*="edit-year"] .form-type-radio label.year-selected:after { top: 100%; } } .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio input[type="radio"], .view-display-id-block_events div[id*="edit-year"] .form-type-radio input[type="radio"] { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .view-display-id-block_press_releases div[id*="edit-year"] .form-type-radio label > input[checked="checked"], .view-display-id-block_events div[id*="edit-year"] .form-type-radio label > input[checked="checked"] { background-color: #bfc0c5; } .view-display-id-block_press_releases div[id*="edit-year"] .btn-prev, .view-display-id-block_press_releases div[id*="edit-year"] .btn-next, .view-display-id-block_events div[id*="edit-year"] .btn-prev, .view-display-id-block_events div[id*="edit-year"] .btn-next { border: none; width: 52px; background: #f6f5f4; background-size: 18px auto; background-repeat: no-repeat; background-position: center; color: #63513d; line-height: 16px; z-index: 5; -ms-flex-negative: 0; flex-shrink: 0; text-indent: -9999px; font-size: 0; line-height: 0; padding: 0; } @media (max-width: 767px) { .view-display-id-block_press_releases div[id*="edit-year"] .btn-prev, .view-display-id-block_press_releases div[id*="edit-year"] .btn-next, .view-display-id-block_events div[id*="edit-year"] .btn-prev, .view-display-id-block_events div[id*="edit-year"] .btn-next { width: 48px; } } .view-display-id-block_press_releases div[id*="edit-year"] .btn-prev::after, .view-display-id-block_press_releases div[id*="edit-year"] .btn-next::after, .view-display-id-block_events div[id*="edit-year"] .btn-prev::after, .view-display-id-block_events div[id*="edit-year"] .btn-next::after { content: ""; display: block; padding-bottom: 100%; } .view-display-id-block_press_releases div[id*="edit-year"] .btn-prev:hover, .view-display-id-block_press_releases div[id*="edit-year"] .btn-next:hover, .view-display-id-block_events div[id*="edit-year"] .btn-prev:hover, .view-display-id-block_events div[id*="edit-year"] .btn-next:hover { background-color: #d1cbc5; } .view-display-id-block_press_releases div[id*="edit-year"] .btn-prev:active, .view-display-id-block_press_releases div[id*="edit-year"] .btn-next:active, .view-display-id-block_events div[id*="edit-year"] .btn-prev:active, .view-display-id-block_events div[id*="edit-year"] .btn-next:active { background-color: #ffffff; outline: none; } .view-display-id-block_press_releases div[id*="edit-year"] .btn-prev.slick-arrow, .view-display-id-block_press_releases div[id*="edit-year"] .btn-next.slick-arrow, .view-display-id-block_events div[id*="edit-year"] .btn-prev.slick-arrow, .view-display-id-block_events div[id*="edit-year"] .btn-next.slick-arrow { -webkit-transform: translateY(0); transform: translateY(0); position: relative; border-radius: 0; } .view-display-id-block_press_releases div[id*="edit-year"] .btn-prev, .view-display-id-block_events div[id*="edit-year"] .btn-prev { background-image: url(./arrow.svg); margin: 0; margin-right: -2px !important; } .view-display-id-block_press_releases div[id*="edit-year"] .btn-prev.slick-arrow, .view-display-id-block_events div[id*="edit-year"] .btn-prev.slick-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .view-display-id-block_press_releases div[id*="edit-year"] .btn-next, .view-display-id-block_events div[id*="edit-year"] .btn-next { background-image: url(./arrow.svg); margin: 0; } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-block_press_releases div[id*="edit-year"] .btn-next, .view-display-id-block_events div[id*="edit-year"] .btn-next { margin-left: 1px; } } @media (max-width: 767px) { .view-display-id-block_press_releases div[id*="edit-year"] .btn-next, .view-display-id-block_events div[id*="edit-year"] .btn-next { margin-left: -1px; } } .view-display-id-block_press_releases div[id*="edit-year"] .btn-next.slick-arrow, .view-display-id-block_events div[id*="edit-year"] .btn-next.slick-arrow { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #views-exposed-form-events-block-events .form--inline > .form-item { width: 100%; } #views-exposed-form-events-block-events .form--inline .form-type-textfield { max-width: 284px; width: 85%; margin-bottom: 32px; border-bottom: 1px solid #f4f4f5; } #views-exposed-form-events-block-events .form--inline fieldset { margin-bottom: 35px; } @media (min-width: 768px) and (max-width: 1023px) { #views-exposed-form-events-block-events .form--inline fieldset { margin-bottom: 26px; } } @media (max-width: 767px) { #views-exposed-form-events-block-events .form--inline fieldset { margin-bottom: 28px; } } @media (max-width: 767px) { .view-display-id-block_events { padding-bottom: 20px; } } .view-display-id-block_events .exposed-filter-wrapper .view-filters { margin-bottom: 0; } .view-display-id-block_events .exposed-filter-wrapper { padding-bottom: 0px; } .view-display-id-block_events .exposed-filter-wrapper #edit-actions { display: none; } @media (max-width: 1023px) { .view-display-id-block_events .view-content { margin-top: 0; border-bottom: none; } } .view-display-id-block_events .view-content .addtocalendar { display: block; font-size: 0.815rem; } .view-display-id-block_events .view-content .addtocalendar .atcb-link { width: 100%; background-color: transparent; padding: 0; color: #ffffff; -webkit-box-shadow: none; box-shadow: none; font-family: "Nestle-Text-Book"; font-size: inherit; line-height: 17px; } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-block_events .view-content .addtocalendar .atcb-link { padding-top: 0; } } .view-display-id-block_events .view-content .addtocalendar .atcb-link .placeholder { width: 100%; background: transparent; text-align: center; font-style: normal; text-transform: uppercase; } .view-display-id-block_events .view-content .addtocalendar .atcb-link:before { content: ""; background: url(./Accordion-plus-expand-white.svg) center center/22px 24px no-repeat; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: -0.2em; } .view-display-id-block_events .view-content .read-more-field { text-transform: uppercase; font-size: 0.815rem; line-height: 17px; font-family: "Nestle-Text-Book"; position: relative; width: 100%; } .view-display-id-block_events .view-content .read-more-field a { font-size: inherit; line-height: inherit; } .view-display-id-block_events .view-content .read-more-field a::after { content: ""; background: url(./CTA-arrow-white.svg) center center/23px 24px no-repeat; width: 23px; height: 22px; display: inline-block; vertical-align: middle; margin-left: 8px; margin-top: -0.25em; } @media screen and (max-width: 575px) { .view-display-id-block_events .view-content .read-more-field a::after { margin-left: 4px; } } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-block_events .view-content .read-more-field { padding-right: 0px; } } @media (max-width: 1023px) { .view-display-id-block_events .view-content .read-more-field { width: auto; } } .view-display-id-block_events .table-responsive { min-height: inherit; overflow-x: inherit; overflow-y: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } @media (max-width: 1023px) { .view-display-id-block_events .table-responsive { border: 0; } } .view-display-id-block_events .table-responsive .table { width: calc(100% - 116px); margin: 0 auto; border-collapse: collapse; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1920px) { .view-display-id-block_events .table-responsive .table { width: calc(100% - 116px); margin: 0 auto; } } @media (max-width: 767px) { .view-display-id-block_events .table-responsive .table { width: 100%; } } .view-display-id-block_events .table-responsive .table thead { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: none; } .view-display-id-block_events .table-responsive .table thead .views-field-title { width: 68%; } @media (max-width: 1024px) { .view-display-id-block_events .table-responsive .table thead .views-field-title { width: auto; } } .view-display-id-block_events .table-responsive .table thead .views-field-field-start-date-of-the-event { width: 32%; text-align: left; color: #ffffff; padding: 18px 16px; } .view-display-id-block_events .table-responsive .table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 12px; width: 100%; border-collapse: collapse; border: 1px solid #e6e2df; background-color: #00818f; padding: 18px 16px 14px 16px; border-radius: 7px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } @media (max-width: 1023px) { .view-display-id-block_events .table-responsive .table tr { margin-bottom: 5px; } } .view-display-id-block_events .table-responsive .table tr a { color: inherit; } .view-display-id-block_events .table-responsive .table tr a:focus { outline: 2px auto -webkit-focus-ring-color; } .view-display-id-block_events .table-responsive .table th { text-align: right; font-weight: normal; padding: 34px; border: 0; background-color: #00818f; display: block; line-height: 24px; font-size: 16px; } .view-display-id-block_events .table-responsive .table th a { text-align: right; color: #ffffff; font-family: "Nestle-Text-Bold"; cursor: pointer; } .view-display-id-block_events .table-responsive .table th:first-child { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .view-display-id-block_events .table-responsive .table td { display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; vertical-align: middle; padding: 16px; white-space: inherit; color: #ffffff; } @media (max-width: 1023px) { .view-display-id-block_events .table-responsive .table td.read-more-field { padding: 3px 0 0 15px; } } .view-display-id-block_events .table-responsive .table tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; vertical-align: middle; } .view-display-id-block_events .table-responsive .table tbody .views-field-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .view-display-id-block_events .table-responsive .table tbody .views-field-title a { font-size: 1.5rem; line-height: 1.2em; } @media (max-width: 1023px) { .view-display-id-block_events .table-responsive .table tbody .views-field-title a { font-size: 1.25rem; } } @media (max-width: 1023px) { .view-display-id-block_events .table-responsive .table tbody .views-field-title { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; margin-bottom: 28px; } } .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event { line-height: 24px; } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event { padding-top: 22px; } } .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.125rem; } @media (max-width: 1023px) { .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event { font-size: 16px; } } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media (max-width: 1023px) { .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event .add-to-cal { display: none; } } @media (max-width: 767px) { .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event .add-to-cal { -ms-flex-item-align: end; align-self: flex-end; } } .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event .date { font-size: 1.25rem; line-height: 1.5rem; } @media (max-width: 767px) { .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event .date { font-size: 0.815rem; line-height: 17px; } } @media (max-width: 1024px) { .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event { display: block; } } @media (max-width: 1023px) { .view-display-id-block_events .table-responsive .table tbody .views-field-field-start-date-of-the-event { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: left; padding: 0 16px 12px 0; } } @media (max-width: 1023px) { .view-display-id-block_events .table-responsive .table tbody .views-field-field-add-to-calendar, .view-display-id-block_events .table-responsive .table tbody .views-field.read-more-field { display: block; width: auto; padding: 0; margin-top: 0; font-size: 12px; line-height: 1.2; } .view-display-id-block_events .table-responsive .table tbody .views-field-field-add-to-calendar { padding-right: 1em; } .view-display-id-block_events .table-responsive .table tbody .views-field-field-add-to-calendar .addtocalendar { font-size: inherit; } .view-display-id-block_events .table-responsive .table tbody .views-field.read-more-field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; } } .atc-style-blue .atcb-item-link { color: #000000; } .atc-style-blue .atcb-item-link.hover, .atc-style-blue .atcb-item-link:active, .atc-style-blue .atcb-item-link:focus { color: #ffffff; } .add-to-cal:focus-within ul { visibility: visible !important; } .addtocalendar a.focus-within ~ ul { visibility: visible !important; } #views-exposed-form-article-list-block-press-releases .form-inline #edit-year--wrapper { width: 100%; } #views-exposed-form-article-list-block-press-releases .form-inline #edit-year--wrapper .form-type-radio:after { top: 49px; } .view-display-id-block_press_releases .search-container { background-color: #e8e5e2; position: relative; padding: 34px 30px 40px 34px; margin-bottom: 3.125rem; } @media (max-width: 767px) { .view-display-id-block_press_releases .search-container { margin-left: -12.5%; margin-right: -12.5%; padding: 42px 10% 48px 10%; } } .view-display-id-block_press_releases .search-container-grid { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -1rem; margin-bottom: -1rem; } @media (max-width: 767px) { .view-display-id-block_press_releases .search-container-grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 768px) { .view-display-id-block_press_releases .search-container-grid { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .view-display-id-block_press_releases .search-container-grid > div { padding-left: 1rem; margin-bottom: 1rem; } @media (max-width: 767px) { .view-display-id-block_press_releases .search-container-grid > div { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } } .view-display-id-block_press_releases .search-container-grid .form-type-textfield { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 1024px) { .view-display-id-block_press_releases .search-container-grid .form-type-textfield { width: 70%; max-width: 37.5rem; } } .view-display-id-block_press_releases .search-container-grid .form-type-textfield input[type="text"] { width: 100%; } .view-display-id-block_press_releases .search-container-grid .form-type-textfield .control-label { color: #30261d; font-size: 16px; line-height: 22px; margin-bottom: 7px; position: relative; z-index: 1; } .view-display-id-block_press_releases .search-container-grid .form-type-textfield::before { width: 25px; height: 25px; position: absolute; content: " "; background: url(./Search-Icon.svg) no-repeat; background-color: #ffffff; background-size: 100%; z-index: 9; font-size: 0; bottom: 5px; right: 8px; border-radius: 0; outline: none; pointer-events: none; } .view-display-id-block_press_releases .search-container-grid .form-type-textfield .clear-search { width: 25px; height: 25px; position: absolute; background: url(./Search-Clear.svg) no-repeat; background-color: #ffffff; z-index: 10; bottom: 5px; right: 8px; border: none; } .view-display-id-block_press_releases .search-container-grid .form-actions { -ms-flex-negative: 0; flex-shrink: 0; } .view-display-id-block_press_releases .search-container-grid .form-actions .button { margin-right: 0; } @media (max-width: 767px) { .view-display-id-block_press_releases .search-container-grid .form-actions .button { width: 100%; } } .view-display-id-block_press_releases .search-container-grid .form-actions .button[data-drupal-selector="edit-reset"] { display: none; } .view-display-id-block_press_releases .search-container-grid .form-actions .form-item-clear-filter { display: none; } @media (max-width: 767px) { .view-display-id-block_press_releases .search-container-grid .form-actions .form-item-clear-filter { margin-bottom: 1rem; width: 100%; } } .view-display-id-block_press_releases .exposed-extra-wrapper .clear-link { display: none; } .view-display-id-block_press_releases .view-content .table { width: 100%; border-spacing: 0; } .view-display-id-block_press_releases .view-content .table thead { color: white; } .view-display-id-block_press_releases .view-content .table thead tr { background-color: #00818f; } .view-display-id-block_press_releases .view-content .table thead th { font-family: "Nestle-Text-Book"; padding: 0.9375rem; background: none !important; } @media (min-width: 768px) { .view-display-id-block_press_releases .view-content .table thead th { padding: 1.5625rem; font-size: 20px; } } .view-display-id-block_press_releases .view-content .table thead th a { color: white; } .view-display-id-block_press_releases .view-content .table tr td, .view-display-id-block_press_releases .view-content .table tr th { white-space: normal; } .view-display-id-block_press_releases .view-content .table tr td:first-of-type, .view-display-id-block_press_releases .view-content .table tr th:first-of-type { width: 70%; } @media (min-width: 1024px) { .view-display-id-block_press_releases .view-content .table tr td:first-of-type, .view-display-id-block_press_releases .view-content .table tr th:first-of-type { width: 80%; } } .view-display-id-block_press_releases .view-content .table tr td:last-of-type, .view-display-id-block_press_releases .view-content .table tr th:last-of-type { width: 30%; } @media (min-width: 1024px) { .view-display-id-block_press_releases .view-content .table tr td:last-of-type, .view-display-id-block_press_releases .view-content .table tr th:last-of-type { width: 20%; } } .view-display-id-block_press_releases .view-content .table tbody tr td { padding: 0.9375rem; } @media (min-width: 768px) { .view-display-id-block_press_releases .view-content .table tbody tr td { padding: 0.9375rem 1.5625rem; } } @media (min-width: 1024px) { .view-display-id-block_press_releases .view-content .table tbody tr td { padding: 1.5625rem; font-size: 20px; } } @media (max-width: 767px) { .view-display-id-block_press_releases .view-content .table tbody tr td.views-field-published-at { font-size: 14px; } } #blocktabs-search_results_tabs .view-display-id-global_search_block_documents .views-row .views-field-search-api-relevance a { color: #666666; } @media (max-width: 1023px) { #blocktabs-search_results_tabs .view-display-id-global_search_block_documents .views-row .views-field-search-api-excerpt { width: 100%; } } #blocktabs-search_results_tabs .view-display-id-global_search_block_documents .views-row .views-field-search-api-excerpt .field-content { font-size: 16px; line-height: 24px; color: #555555; display: block; } #blocktabs-search_results_tabs .views-field-name { margin-left: 10px; } @media (min-width: 768px) and (max-width: 1023px) { #blocktabs-search_results_tabs .views-field-name { margin-left: 0; } } #blocktabs-search_results_tabs .views-field-name .doc-type-pdf a { padding-left: 12px; } @media (min-width: 768px) and (max-width: 1023px) { #blocktabs-search_results_tabs .views-field-name .doc-type-pdf a { padding-left: 18px; } } #blocktabs-search_results_tabs .views-field-name .doc-type-pdf:before { content: ""; background: url(..png) no-repeat; background-position: -341px -485px; height: 18px; width: 15px; position: absolute; left: 15px; margin-top: 7px; } .search-keyword-wrapper .cross-btn { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; width: 2.25rem; height: 2.25rem; background: transparent url(./search_clear.svg) no-repeat; background-size: 25px 18px; background-position: center center; cursor: pointer; } .search-results-wrapper { } .search-results-wrapper .field--name-field-ln-n-components > .field--item { padding-top: 0; } .search-results-wrapper #block-exposedformglobal-searchglobal-search-block-all .search-keyword-wrapper .search-api-autocomplete-search { width: 100% !important; } .search-results-wrapper #block-exposedformglobal-searchglobal-search-block-all .search-keyword-wrapper .show-recent-search { top: 63px; } .search-results-wrapper .search-keyword-wrapper { background-color: #e8e5e2; padding: 34px 10px 40px 30px; } @media (max-width: 767px) { .search-results-wrapper .search-keyword-wrapper { padding: 15px 21px 15px 21px; } } .search-results-wrapper .search-keyword-wrapper .input-group { position: relative; } .search-results-wrapper .search-keyword-wrapper .input-group::after { content: ""; display: block; clear: both; } .search-results-wrapper .search-keyword-wrapper .input-group .cross-btn { position: absolute; top: 50%; right: 0; z-index: 9; margin-top: -1.125rem; } @media (max-width: 767px) { .search-results-wrapper .search-keyword-wrapper .input-group .cross-btn { position: absolute; } } .search-results-wrapper .search-keyword-wrapper .form-actions #edit-submit-global-search { margin-bottom: 0; margin-top: 25px; width: 106px; } @media (min-width: 768px) and (max-width: 1023px) { .search-results-wrapper .search-keyword-wrapper .form-actions #edit-submit-global-search { min-width: unset; } } @media (max-width: 767px) { .search-results-wrapper .search-keyword-wrapper .form-actions #edit-submit-global-search { width: 100%; } } .search-results-wrapper .field-components-container { padding: 0; width: 80%; margin-left: auto; margin-right: auto; } @media (max-width: 1023px) { .search-results-wrapper .field-components-container { width: 90%; } } .search-results-wrapper .field-components-container .component-paragraph-field { width: 100%; } @media (min-width: 768px) and (max-width: 1023px) { .search-results-wrapper .field-components-container { padding: 0 0 42.12px 0; } } @media (max-width: 767px) { .search-results-wrapper .field-components-container { padding: 0 0 40.16px 0; width: 100%; } } .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .input-group .cross-btn { right: 2.25rem; } .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .search-filter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } @media (min-width: 1366px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .search-filter-wrapper { width: 66.6667%; } } @media (min-width: 1920px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .search-filter-wrapper { width: 50%; } } @media (max-width: 1023px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .search-filter-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) and (max-width: 1023px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .search-filter-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .search-filter-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper { margin-top: 20px; width: 100%; margin-bottom: 76px; } @media (min-width: 768px) and (max-width: 1023px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper { margin-bottom: 0; } } @media (max-width: 767px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper { margin-bottom: 0; margin-top: 0; } } @media (max-width: 767px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form .form-item { margin-bottom: 26px; } } .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine--wrapper, .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-by--wrapper { display: none; text-transform: uppercase; margin-bottom: 0; } @media (min-width: 768px) and (max-width: 1023px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine--wrapper, .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-by--wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine--wrapper, .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-by--wrapper { padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine--wrapper .js-form-item-sort-bef-combine, .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-by--wrapper .js-form-item-sort-bef-combine { margin-top: 0; padding-left: 15px; } @media (max-width: 767px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine--wrapper .js-form-item-sort-bef-combine, .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-by--wrapper .js-form-item-sort-bef-combine { padding-left: 20px; margin-bottom: 0; } } .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine--wrapper legend, .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-by--wrapper legend { font-size: 0; } .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine--wrapper .fieldset-wrapper, .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-by--wrapper .fieldset-wrapper { padding-bottom: 0; } @media (max-width: 767px) { .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine--wrapper .fieldset-wrapper, .search-results-wrapper .field-components-container .views-exposed-form-global-search-global-search-block-all form #edit-sort-by--wrapper .fieldset-wrapper { margin-top: 30px; } } @media (max-width: 767px) { .search-results-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all .form-type-textfield { width: 100%; } } .search-results-wrapper .block-views-exposed-filter-blockglobal-search-global-search-block-all .form-type-textfield .form-control { width: 100%; } .search-results-wrapper div[id*="blocktabs-search_results_tabs-"] { display: none; } .search-results-wrapper #blocktabs-search_results_tabs { padding: 0; border: transparent; } @media (max-width: 1023px) { .search-results-wrapper #blocktabs-search_results_tabs { width: 100%; margin: 0 auto; padding-top: 0; } .search-results-wrapper #blocktabs-search_results_tabs.tab_empty { padding-top: 0; } } @media (max-width: 767px) { .search-results-wrapper #blocktabs-search_results_tabs { width: 92%; } } .search-results-wrapper #blocktabs-search_results_tabs .flickrimages li.pager__item--next, .search-results-wrapper #blocktabs-search_results_tabs .flickrimages li.pager__item--previous, .search-results-wrapper #blocktabs-search_results_tabs #youtube-quick-search-block li.pager__item--next, .search-results-wrapper #blocktabs-search_results_tabs #youtube-quick-search-block li.pager__item--previous { padding: 0 !important; } .search-results-wrapper #blocktabs-search_results_tabs .flickrimages li.pager__item--next:before, .search-results-wrapper #blocktabs-search_results_tabs .flickrimages li.pager__item--next:after, .search-results-wrapper #blocktabs-search_results_tabs .flickrimages li.pager__item--previous:before, .search-results-wrapper #blocktabs-search_results_tabs .flickrimages li.pager__item--previous:after, .search-results-wrapper #blocktabs-search_results_tabs #youtube-quick-search-block li.pager__item--next:before, .search-results-wrapper #blocktabs-search_results_tabs #youtube-quick-search-block li.pager__item--next:after, .search-results-wrapper #blocktabs-search_results_tabs #youtube-quick-search-block li.pager__item--previous:before, .search-results-wrapper #blocktabs-search_results_tabs #youtube-quick-search-block li.pager__item--previous:after { display: none; } .search-results-wrapper #blocktabs-search_results_tabs .flickrimages .pager__items, .search-results-wrapper #blocktabs-search_results_tabs #youtube-quick-search-block .pager__items { padding: 0 !important; } .search-results-wrapper #blocktabs-search_results_tabs .ui-state-hover { background-color: inherit; } .search-results-wrapper #blocktabs-search_results_tabs .ui-tabs-panel .search-results #noresult, .search-results-wrapper #blocktabs-search_results_tabs .ui-tabs-panel #youtube-quick-search-block #noresult { display: block; padding: 5px; background-color: #ffffff; color: #63513d; } .search-results-wrapper #blocktabs-search_results_tabs .tabs_wrapper { position: relative; padding-bottom: 4px; } @media (max-width: 1279px) { .search-results-wrapper #blocktabs-search_results_tabs .tabs_wrapper { padding-bottom: 0; } } .search-results-wrapper #blocktabs-search_results_tabs .tabs_wrapper::after { position: absolute; content: ""; width: 120vw; height: 100%; bottom: 0; left: -20vw; background-color: #e8e5e2; } @media (min-width: 1280px) { .search-results-wrapper #blocktabs-search_results_tabs .tabs_wrapper::after { background-color: #00818f; height: 4px; } } .search-results-wrapper #blocktabs-search_results_tabs .tabs_wrapper.search-sticky::after { width: 100%; left: 0; } .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: unset; border: unset; border-radius: unset; gap: 8px; padding: 0; } @media (max-width: 1279px) { .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav { overflow-x: auto; } .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav::-webkit-scrollbar { display: none; } } .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab { background-color: #e8e5e2; border: unset; border-radius: 4px 4px 0 0; margin: 0; z-index: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1279px) { .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab { border-radius: unset; } } .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab a { color: #333333; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; line-height: 1.25rem; padding: 0.5rem 1rem; } @media (max-width: 1279px) { .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab a { font-size: 0.875rem; padding: 0.75rem 0.5rem; } } .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab a:focus { outline: none; } @media (max-width: 1023px) { .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab a span { display: none; } } .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab.ui-tabs-active, .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab.ui-state-hover { background-color: #00818f; } .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab.ui-tabs-active a, .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab.ui-state-hover a { color: #ffffff; } @media (max-width: 1279px) { .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab.ui-tabs-active, .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab.ui-state-hover { background-color: unset; } .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab.ui-tabs-active a, .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab.ui-state-hover a { color: #333333; font-weight: 700; position: relative; } .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab.ui-tabs-active a::after, .search-results-wrapper #blocktabs-search_results_tabs ul.ui-tabs-nav .ui-tabs-tab.ui-state-hover a::after { position: absolute; content: ""; width: 100%; height: 4px; bottom: 0; left: 0; background-color: #00818f; } } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper { padding: 2.5rem 15px; } @media (max-width: 1023px) { .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper { padding: 0; } } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .expose-close-popup { background-color: unset; border: unset; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .exposed-side-filters { border-bottom: 1px solid #c4c4c4; padding: 12px 0 16px; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .facet-reset { background-image: url(./Reset-Filters.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: 0px center; padding: 0 0 0 1.625rem; font-weight: 700; text-decoration: underline; color: #0072ad; margin-top: 0.75rem; font-size: 0.875rem; line-height: 1.5rem; display: block; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .facet-reset:hover { color: #006395; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .accordion-title { color: #0072ad; font-size: 16px; line-height: 1.5rem; position: relative; z-index: 1; padding-left: 1.875rem; display: block; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .accordion-title::before { content: ""; display: block; position: absolute; top: 8px; left: 0; width: 20px; height: 20px; background-image: url(./accordion_collapsein.svg); background-repeat: no-repeat; background-position: center 0; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .accordion-title.collapsed::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: -2px; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .expose-filter-title { font-weight: 700; font-size: 0.875rem; color: #333333; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open { position: fixed; width: 100%; left: 0; top: 0; bottom: 0; right: 0; padding: 0; background: #ffffff; z-index: 200; overflow-y: auto; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .exposed-side-filters { padding-bottom: 0.625rem; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .block-facets .facet-item { margin-bottom: 0.625rem; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .block-facets .facet-item input.facets-checkbox { width: 24px; height: 24px; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .block-facets .facet-item input::before { width: 5px; height: 9px; left: 8px; top: 4px; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .exposed-side-filters { padding-top: 0.75rem; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .exposed-side-filters-group { padding: 2rem 1.25rem; position: relative; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .expose-filter-title { font-size: 1.125rem; line-height: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #c4c4c4; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .facet-reset { position: absolute; top: 18px; right: 92px; font-weight: 700; background: none; padding: 0; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .expose-close-popup { position: absolute; top: 1.75rem; right: 2rem; background-image: url(./Reset-Filters.svg); background-repeat: no-repeat; background-size: 32px 32px; background-position: center center; width: 32px; height: 32px; cursor: pointer; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .expose-close-popup span { display: none; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .expose-close-button { display: block; width: 100%; background-color: #007cba; border: 1px solid #007cba; color: #ffffff; height: 3rem; margin-top: 1.5rem; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper.open .expose-close-button:focus { outline: none; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper:not(.open) .expose-close-button, .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper:not(.open) .expose-close-popup { display: none; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper:not(.open) .accordion-filter-wrapper { display: block; } @media (max-width: 1023px) { .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper:not(.open) .accordion-filter-wrapper { display: none; } } @media (max-width: 1023px) { .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper:not(.open) .expose-filter-title { display: none; } } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .collapse.in, .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .collapsing { padding-top: 0.75rem; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-side-filters-wrapper .accordion-body { overflow: hidden; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-filter-mobile-wrapper { display: none; } @media (max-width: 1023px) { .search-results-wrapper #blocktabs-search_results_tabs .exposed-filter-mobile-wrapper { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #c4c4c4; width: 100%; padding: 1rem 0 0; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-filter-mobile-wrapper.no-header { border: unset; padding-top: 0; } } .search-results-wrapper #blocktabs-search_results_tabs .exposed-filter-mobile-wrapper .exposed-filter-sorts-mobile { padding: 0; border: unset; width: auto; } .search-results-wrapper #blocktabs-search_results_tabs .exposed-filter-mobile-wrapper .expose-open-popup { padding: 0 0 0 25px; color: #0072ad; text-decoration: underline; text-underline-offset: 3px; background-color: unset; border: unset; background-image: url(./filter.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: 0 center; font-weight: bold; } .search-results-wrapper #blocktabs-search_results_tabs .global-search-all-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; } .search-results-wrapper #blocktabs-search_results_tabs .global-search-all-tabs .content-col-wrapper { width: 80%; } @media (max-width: 1023px) { .search-results-wrapper #blocktabs-search_results_tabs .global-search-all-tabs .content-col-wrapper { width: 100%; } } @media (max-width: 1023px) { .search-results-wrapper #blocktabs-search_results_tabs .global-search-all-tabs .content-col { width: 100%; float: unset; } .search-results-wrapper #blocktabs-search_results_tabs .global-search-all-tabs .filter-col { width: auto; float: unset; } } .search-results-wrapper #blocktabs-search_results_tabs .global-search-all-tabs .content-col.full-width { padding-right: 0.938rem; padding-left: 0.938rem; } .search-results-wrapper #blocktabs-search_results_tabs .global-search-all-tabs .filter-hide { display: none; } .search-results-wrapper #blocktabs-search_results_tabs .yt-videos-count-tabs:not(:first-child) { display: none; } .search-results-wrapper .view-global-search.view-id-global_search .block-views-exposed-filter-blockglobal-search-global-search-block-all .block-title, .search-results-wrapper .view-global-search.view-id-global_search .block-views-exposed-filter-blockglobal-search-global-search-block-all .search-keyword-wrapper { display: none; } .search-results-wrapper .view-global-search.view-id-global_search .view-content { background-color: #ffffff; padding: 0; } .search-results-wrapper .view-global-search.view-id-global_search .views-row { width: 100%; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.views-search-row { padding: 1rem 0 1.5rem 0; border-top: 1px solid #c4c4c4; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row.views-search-row { padding: 1rem 0; } } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field .field-content a { color: #333333; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field .field-content a:hover { color: #333333; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row { padding: 1.25rem 0; margin-bottom: 0.625rem; overflow: hidden; border-top: 1px solid #c4c4c4; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .title { width: 100%; font-size: 16px; font-weight: 700; padding-bottom: 10px; line-height: 1.5; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .title a { color: #333333; text-decoration: none; cursor: default; } @media (min-width: 768px) and (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .title { width: 92%; } } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .relevance { color: #666666; } @media (max-width: 767px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .relevance { display: none; } } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider { padding: 0 1.875rem; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider { padding: 0 0.9375rem; } } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; direction: ltr; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-slide { height: inherit !important; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-slide div, .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-slide a, .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-slide span { height: 100%; display: block; max-height: 270px; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-arrow { border: solid #63513d; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; position: absolute; color: transparent; background: transparent; width: 16px; height: 16px; cursor: pointer; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-arrow:focus { outline: none; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-arrow.slick-prev { top: calc(50% - 16px); } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-arrow.slick-next { top: calc(50% - 4px); } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-arrow.slick-disabled { cursor: not-allowed; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-list { direction: ltr; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-list { padding: 0 20% 0 0 !important; } } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-prev { left: 0; -webkit-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%); } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper.slick-slider .slick-next { right: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg) translateY(-50%); } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .video-wrapper #videoDetails { display: none; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .video-wrapper .videoThumbnail { position: relative; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .video-wrapper .videoThumbnail::after { content: ""; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(.-icons/video-white.svg); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; cursor: pointer; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .video-wrapper .videoThumbnail img { cursor: default; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper:not(.slick-slider) span, .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper:not(.slick-slider) div { height: 100%; display: block; max-height: 270px; max-width: 290px; } @media (min-width: 768px) and (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper { margin-left: -10px; } } @media (max-width: 767px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper { padding-left: 12px; padding-right: 20px; padding-bottom: 50px; margin-bottom: -30px; margin-left: -20px; margin-right: -20px; white-space: nowrap; display: block; overflow: auto; -webkit-overflow-scrolling: touch; line-height: 1; } } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .photo-display-item, .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .video-wrapper { padding: 0 10px; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .photo-display-item img, .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .video-wrapper img { min-height: unset; min-width: unset; max-width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .photo-display-item { width: auto; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .photo-display-item a { display: block; } @media (min-width: 768px) and (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .photo-display-item { padding-left: 10px; } } @media (max-width: 767px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .photo-display-item { padding-left: 8px; width: 60%; display: inline-block; } } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .photo-display-item img { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -webkit-transition: opacity 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, box-shadow 0.1s ease; transition: opacity 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .photo-display-item img:hover { opacity: 0.9; } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .photo-display-item img:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 0 rgba(0, 0, 0, 0.16); } .search-results-wrapper .view-global-search.view-id-global_search .views-row.flickr-row .image-wrapper .photo-display-item:nth-child(3) { margin-right: 0; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-search-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 8px; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-title, .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-excerpt { line-height: 1.75rem; } @media (max-width: 767px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-title, .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-excerpt { font-size: 0.875rem; line-height: 1.3125rem; } } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-title { color: #007cba; font-family: "Nestle-Text-Book"; font-weight: 700; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-title a, .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-title a:hover { color: #007cba; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-media-icon { font-size: 8px; font-weight: 700; line-height: 24px; border: 1px solid #00a2ed; border-radius: 6px; background-color: #ffffff; display: block; width: 24px; height: 24px; text-align: center; color: #00a2ed; -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; margin-right: 10px; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-media-icon.media-PDF, .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-media-icon.media-PPT { border-color: #ca003d; color: #ca003d; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-media-icon.media-XLS { border-color: #1d6f42; color: #1d6f42; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-document-date, .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-document-info { color: #767676; margin-top: 1rem; width: 100%; font-size: 0.875rem; line-height: 1.0625rem; } @media (max-width: 767px) { .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-document-date, .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-document-info { font-size: 0.8125rem; } } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-document-date { text-align: right; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-document-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-document-info .views-field-search-api-document-date { margin-top: 0; width: auto; -ms-flex-item-align: end; align-self: flex-end; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-document-info .views-field-search-api-document-filesize { -webkit-box-flex: 1; -ms-flex: 1 50%; flex: 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; } .search-results-wrapper .view-global-search.view-id-global_search .views-row .views-field-search-api-document-info .views-field-search-api-document-filesize .filesize-size { margin-left: 1.5rem; margin-top: 0.25rem; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .views-row.views-search-row, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news .views-row.views-search-row { padding: 1rem 0; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news .news-stories-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news .news-stories-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .views-search-title-wrapper, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news .news-stories-wrapper .views-search-title-wrapper { margin-bottom: 4px; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .news-stories-image, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news .news-stories-wrapper .news-stories-image { max-width: 200px; min-width: 200px; width: 12.5rem; background: #e8e5e2 url(./nest-logo.svg) no-repeat center center/auto 40%; position: relative; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .news-stories-image, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news .news-stories-wrapper .news-stories-image { max-width: 100%; min-width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .news-stories-image::before, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news .news-stories-wrapper .news-stories-image::before { content: ""; display: block; width: 100%; padding-bottom: 48%; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .news-stories-image img, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news .news-stories-wrapper .news-stories-image img { width: 100%; position: absolute; height: 100%; top: 0; left: 0; -webkit-transform: none; transform: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .views-field-search-api-document-date, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news .news-stories-wrapper .views-field-search-api-document-date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 0 4px; text-align: unset; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .views-field-search-api-document-date, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news .news-stories-wrapper .views-field-search-api-document-date { line-height: 21px; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news div.news-stories-wrapper, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news div.news-stories-wrapper { display: initial; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news div.news-stories-wrapper, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news div.news-stories-wrapper { overflow: hidden; width: 100%; } } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news div.news-stories-wrapper .news-stories-image-content, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news div.news-stories-wrapper .news-stories-image-content { gap: initial; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news div.news-stories-wrapper .news-stories-image-content .news-stories-image, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news div.news-stories-wrapper .news-stories-image-content .news-stories-image { margin-right: 24px; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news div.news-stories-wrapper .news-stories-image-content .news-stories-image, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news div.news-stories-wrapper .news-stories-image-content .news-stories-image { margin-right: 0; margin-bottom: 16px; } } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news #news-stories-breadcrumb-date, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news #news-stories-breadcrumb-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.938rem; } @media (max-width: 767px) { .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news #news-stories-breadcrumb-date, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news #news-stories-breadcrumb-date { margin-top: 0.75rem; } } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news #news-stories-breadcrumb-date .views-field-search-api-document-date, .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_individual_block_news #news-stories-breadcrumb-date .views-field-search-api-document-date { display: initial; text-align: right; margin-bottom: 0; width: auto; -ms-flex-item-align: end; align-self: flex-end; } .search-results-wrapper .view-global-search.view-id-global_search .popular-searches { padding: 32px 0; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search .popular-searches { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px 0; } } .search-results-wrapper .view-global-search.view-id-global_search .popular-searches .popular-searches-heading { font-weight: 700; margin: 0; font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 24px; color: #333333; float: left; padding-right: 25px; max-width: 300px; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search .popular-searches .popular-searches-heading { font-size: 12px; padding-bottom: 12px; padding-right: 0; } } .search-results-wrapper .view-global-search.view-id-global_search .popular-searches .popular-keywords { font-weight: 400; font-family: "Nestle-Text-Book"; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search .popular-searches .popular-keywords { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 12px; } } .search-results-wrapper .view-global-search.view-id-global_search .popular-searches .popular-keywords a { padding: 0; line-height: 24px; color: #333333; font-size: 13px; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search .popular-searches .popular-keywords a { font-size: 14px; } } .search-results-wrapper .view-global-search.view-id-global_search .popular-searches .popular-keywords a:hover { text-decoration: underline; color: #007cba; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .views-row.views-search-row { padding: 1rem 0; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .views-search-title-wrapper { margin-bottom: 4px; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .news-stories-image { max-width: 200px; min-width: 200px; width: 12.5rem; background: #e8e5e2 url(./nest-logo.svg) no-repeat center center/auto 40%; position: relative; } @media (max-width: 1023px) { .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .news-stories-image { max-width: 100%; min-width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .news-stories-image::before { content: ""; display: block; width: 100%; padding-bottom: 48%; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .news-stories-image img { width: 100%; position: absolute; height: 100%; top: 0; left: 0; -webkit-transform: none; transform: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .views-field-search-api-document-date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 0 4px; text-align: unset; } .search-results-wrapper .view-global-search.view-id-global_search.view-display-id-global_search_block_news .news-stories-wrapper .views-field-search-api-document-date { line-height: 21px; } .search-results-wrapper .view-global-search nav { padding-bottom: 14px; background: #ffffff; padding-left: 25px; color: #63513d; font-size: 16px; } .search-results-wrapper .view-global-search nav .js-pager__items { display: -webkit-box; display: -ms-flexbox; display: flex; } .search-results-wrapper .view-global-search nav .js-pager__items li { list-style: none; color: #63513d; } .search-results-wrapper .view-global-search nav .js-pager__items li a span { font-family: "Nestle-Text-Book"; } .search-results-wrapper .ui-tabs-panel .view-empty { display: block; padding: 16px 0; background-color: #ffffff; border-top: 1px solid #c4c4c4; color: #333333; } .search-results-wrapper .ui-tabs-panel .view-empty.tab_empty { border-top: unset; } .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline fieldset { margin-left: auto; } @media (max-width: 1024px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline fieldset { margin-left: 0; margin-top: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline fieldset { width: 100%; margin-top: 30px; } } @media (max-width: 767px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline fieldset { width: 100%; } } .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline .form-item-filter-result { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline .form-item-filter-result { padding: 0; margin-top: 38px; margin-bottom: 0; } } .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline .form-item-filter-result .control-label { margin-right: 24px; color: #30261d; font-family: "Nestle-Text-Bold"; line-height: 22px; margin-top: 5px; } @media (max-width: 767px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline .form-item-filter-result .control-label { color: #71635c; padding-top: 0; margin-right: 18px; } } .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline .form-item-filter-result .select-wrapper { position: relative; } @media (max-width: 767px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline .form-item-filter-result .select-wrapper { margin: 0 auto; margin-right: 0; } } .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline .form-item-filter-result .select-wrapper .form-select { width: 179px; } .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline .form-item-filter-result .select-wrapper .form-select:focus { -webkit-box-shadow: none; box-shadow: none; } .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline .form-item-filter-result .select-wrapper #edit-filter-result { -webkit-appearance: unset; -moz-appearance: unset; appearance: unset; } @media (max-width: 767px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline .form-item-filter-result .select-wrapper #edit-filter-result { color: #63513d; } } @media (max-width: 767px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .form-inline > div { width: 100%; } } .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-type-textfield, .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-item-keyword { margin-bottom: 0; border-bottom: transparent; width: calc(94% - 106px); } @media screen and (min-width: 1366px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-type-textfield, .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-item-keyword { width: calc(65% - 106px); } } @media screen and (min-width: 1920px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-type-textfield, .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-item-keyword { width: calc(48% - 106px); } } @media (min-width: 768px) and (max-width: 1023px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-type-textfield, .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-item-keyword { width: calc(94% - 106px); } } @media (max-width: 767px) { .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-type-textfield, .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-item-keyword { width: 100%; } } .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-type-textfield .control-label, .search-results-wrapper .views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-item-keyword .control-label { line-height: 22px; margin-bottom: 5px; } .search-results-wrapper .paragraph--type--dsu-c-block { z-index: auto; } .search-results-wrapper #blocktabs-search_results_tabs .tabs_wrapper.tab_empty::after { content: none; } @media (max-width: 767px) and (max-width: 1023px) { .search-results-wrapper.tab_empty { width: 100%; margin: 0 auto; } } @media (max-width: 767px) and (max-width: 767px) { .search-results-wrapper.tab_empty { width: 92%; } } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper { width: 100%; } @media (max-width: 767px) { #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all-2 form .search-keyword-wrapper .form-actions #edit-submit-global-search { -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 767px) { .filckrThumbnails, .view-content { border-bottom: 1px solid #e8e5e2; } } #youtube-quick-search-block .search-results-buttons { padding-top: 0; } @media (max-width: 767px) { #youtube-quick-search-block .video-wrapper:nth-last-of-type(2) { padding-bottom: 54px; border-bottom: 1px solid #e8e5e2; } } .views-exposed-form-global-search-global-search-block-all { z-index: 200; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .show-recent-search { display: block !important; padding: 12px 0; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .show-recent-search .active { outline: 2px solid currentColor; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search li { list-style-type: none; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search li a { font-size: 1rem; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search li span.autocomplete-suggestion-suggestion-prefix { font-weight: 700; color: #333333; font-size: 0.875rem; cursor: default; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search.ui-menu .ui-menu-item-wrapper { padding: 0; border: 0; margin: 0; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) { padding: 2px 0; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list), .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list):hover { background: unset; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) a:hover { color: #007cba; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) span { white-space: break-spaces; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) span:first-child, .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) span:first-child:hover { background: url(./union-search.svg) no-repeat center; background-size: 14px 14px; background-position: 0 center; padding-left: 25px; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) span.autocomplete-suggestion-label, .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) span.autocomplete-suggestion-label:hover { background: none; padding-left: 0; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) span.autocomplete-suggestion-suggestion-prefix { position: relative; padding: 0.625rem 0 0; display: block; width: 100%; margin-top: 0.625rem; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) span.autocomplete-suggestion-suggestion-prefix:hover { padding-left: 0; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) span.autocomplete-suggestion-suggestion-prefix::before { content: ""; border-bottom: 1px solid #c4c4c4; position: absolute; width: calc(100% + 14px); padding: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) span.autocomplete-suggestion-suggestion-prefix, .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) span.autocomplete-suggestion-suggestion-prefix:hover { background: none; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) .search-api-autocomplete-suggestion { padding: 0 0.9375rem; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) .ui-state-active { background: unset; outline: none; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ui-menu-item:not(.recent-searches-list) .ui-state-active .search-api-autocomplete-suggestion { background: unset; color: unset; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .recent-searches-list { padding: 0; position: relative; padding: 0 0 12px; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .recent-searches-list:not(:only-child) { padding-bottom: 24px; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .recent-searches-list:not(:only-child)::before { content: ""; border-bottom: 1px solid #c4c4c4; position: absolute; width: calc(100% - 14px); padding: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 12px; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .recent-searches .ui-menu-recent-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .recent-searches .ui-menu-recent-item a { width: 100%; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .recent-searches .ui-menu-recent-item a:hover { color: #007cba; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .recent-searches .ui-menu-recent-item, .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .recent-searches .ui-menu-recent-item:hover { background: url(./recent_search.svg) no-repeat center; background-size: 14px 14px; background-position: 15px center; padding: 2px 20px 2px 45px; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .recent-searches .ui-menu-recent-item .remove-search-result { font-weight: 400; color: #666666; font-size: 12px; line-height: 24px; cursor: pointer; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ncm-suggested-pages { padding: 0 15px; position: relative; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ncm-suggested-pages .ui-menu-recent-item { padding: 2px 0; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ncm-suggested-pages a { display: block; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ncm-suggested-pages a:hover { color: #007cba; } .views-exposed-form-global-search-global-search-block-all .search-keyword-wrapper .search-api-autocomplete-search .ncm-suggested-pages .suggested-title { padding: 0 0 5px; font-weight: 700; color: #333333; font-size: 14px; margin: 0; padding: 0 0 5px 0; font-family: "Nestle-Text-Book"; line-height: 19.6px; } .exposed-filter-sorts-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2.5rem 0 1.5rem; } @media (max-width: 1023px) { .exposed-filter-sorts-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 1rem 0; } } @media (max-width: 1023px) { .exposed-filter-sorts-wrapper .exposed-filter-wrapper .view-header { padding-bottom: 1rem; } } .exposed-filter-sorts-wrapper .exposed-filter-wrapper .view-header { font-size: 0.813rem; line-height: 1.5rem; font-family: "Nestle-Text-Book"; } .exposed-filter-sorts-wrapper .exposed-filter-wrapper .view-header p { padding: 0; } .exposed-filter-sorts-wrapper .exposed-filter-wrapper .view-header span { font-size: 16px; } .exposed-filter-sorts-wrapper .exposed-filter-wrapper .view-header a { font-size: 16px; color: #0072ad; font-family: "Nestle-Text-Bold"; } .exposed-filter-sorts-wrapper .exposed-filter-sorts-mobile { border-top: 1px solid #c4c4c4; width: 100%; padding: 1rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1024px) { .exposed-filter-sorts-wrapper .exposed-filter-sorts-mobile { display: none; } } .exposed-filter-sorts-wrapper .exposed-filter-sorts-mobile label { font-size: 0.875rem; color: #333333; padding-right: 10px; } .exposed-filter-sorts-wrapper .exposed-filter-sorts-mobile select { height: 1.875rem; padding: 0 1.875rem 0 0.625rem; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; background-repeat: no-repeat; background-position: center right 10px; background-image: url(./drop-down.svg); font-size: 0.875rem; background-size: 10px; } @media (max-width: 767px) { .exposed-filter-sorts-wrapper .exposed-filter-sorts-mobile select { max-width: 150px; } } .exposed-filter-sorts-wrapper .exposed-filter-sorts .views-exposed-form-global-search-global-search-block-all.views-exposed-form.bef-exposed-form { display: block; } @media (max-width: 1023px) { .exposed-filter-sorts-wrapper .exposed-filter-sorts { visibility: hidden; height: 0; } } .exposed-filter-sorts-wrapper .exposed-filter-sorts .search-keyword-wrapper, .exposed-filter-sorts-wrapper .exposed-filter-sorts .block-title { display: none; } .exposed-filter-sorts-wrapper .exposed-filter-sorts fieldset, .exposed-filter-sorts-wrapper .exposed-filter-sorts fieldset input { margin: 0; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] { display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: uppercase; margin-bottom: 0; } @media (min-width: 768px) and (max-width: 1023px) { .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 0; } } @media (max-width: 767px) { .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] { padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] legend { font-size: 0; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .fieldset-wrapper { padding-bottom: 0; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] label { font-size: 12px; color: #30261d; padding-left: 12px; line-height: 17px; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] label.fieldset-selected { font-size: 12px; font-family: "Nestle-Text-Bold"; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] label.fieldset-selected:after { content: ""; display: block; margin: 0 auto; width: 100%; color: #30261d; padding-top: 2px; border-bottom: 2px solid #00807a; } @media (max-width: 767px) { .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] label { margin-left: 0; padding-left: 0; } } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] label:hover { color: rgb(0, 91.2, 138.4); } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] label.selected { color: #666666; cursor: default; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] label.selected:hover { color: #666666; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .form-radios { display: -webkit-box; display: -ms-flexbox; display: flex; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .form-radios .form-type-radio:first-child { position: relative; padding-left: 0; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .form-radios .form-type-radio:first-child .control-label { padding-right: 10px; } @media (min-width: 768px) and (max-width: 1023px) { .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .form-radios .form-type-radio:first-child .control-label { padding-left: 0; margin-left: 0; } } @media (max-width: 767px) { .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .form-radios .form-type-radio:first-child .control-label { padding-right: 10px; } } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .form-radios .form-type-radio:first-child:after { content: "|"; position: absolute; left: 100%; bottom: 3px; font-size: 14px; font-family: "Nestle-Text-Book"; color: #d1cbc5; } @media (max-width: 767px) { .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .form-radios .form-type-radio:first-child:after { left: 98%; top: -3px; } } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .form-radios .form-type-radio { margin: 0; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .form-radios .form-type-radio .label-hover { outline: -webkit-focus-ring-color auto 2px; } .exposed-filter-sorts-wrapper .exposed-filter-sorts [id^="edit-sort-by"] .form-radios:nth-child(2) { margin-left: 10px; } .block-facets { position: relative; } .block-facets .facets-widget-checkbox { margin-bottom: 0; } .block-facets .facet-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0; } .block-facets .facet-item label { color: #333333; font-size: 14px; line-height: 1.875rem; margin-left: 0.875rem; } @media (max-width: 1023px) { .block-facets .facet-item label { margin-left: 0.5rem; margin-right: 1rem; } } .block-facets .facet-item input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; margin: 0; font: inherit; color: currentColor; width: 16px; height: 16px; border: 1px solid #333333; display: -ms-grid; display: grid; place-content: center; position: relative; top: 6px; left: 2px; } @media (max-width: 1023px) { .block-facets .facet-item input[type="checkbox"] { left: unset; } } .block-facets .facet-item input[type="checkbox"]::before { content: ""; width: 4px; height: 6px; border: solid #333333; border-width: 0 1.5px 1.5px 0; -webkit-transform: scale(0); transform: scale(0); left: 5px; top: 3px; position: absolute; -webkit-transition: 120ms -webkit-transform ease-in-out; transition: 120ms -webkit-transform ease-in-out; transition: 120ms transform ease-in-out; transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out; } .block-facets .facet-item input[type="checkbox"]:focus { outline: 1px solid currentColor; } .block-facets .facet-item input[type="checkbox"]:checked::before { -webkit-transform: scale(1.5) rotate(45deg); transform: scale(1.5) rotate(45deg); } .block-facets .facets-widget-date_range ul, .block-facets .facets-widget-date_range li { list-style: none; } .block-facets .facets-widget-date_range .item-list__date_range .form-select, .block-facets .facets-widget-date_range .item-list__date_range .form-date { border: 1px solid #333333; border-radius: 4px; font-size: 0.875rem; line-height: 24px; color: #333333; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .block-facets .facets-widget-date_range .form-type-select { width: 100%; } .block-facets .facets-widget-date_range .form-type-select .form-select { background-image: url(./down-arrow-blue.svg); background-repeat: no-repeat; background-position: center right 10.5px; padding: 2px 12px; } .block-facets .facets-widget-date_range .form-type-select .form-select option { background-color: #ffffff; } .block-facets .facets-widget-date_range .form-type-date { display: none; } .block-facets .facets-widget-date_range .form-type-date label { font-size: 12px; line-height: 24px; color: #333333; padding: 2px 0 4px; } .block-facets .facets-widget-date_range .form-type-date.show { display: block; } .block-facets .facets-widget-date_range .form-type-date .form-date { padding: 1px 12px; height: 30px; } .block-facets .facets-widget-date_range .form-type-date input[type="date"] { background-image: url(./Calendar.svg); background-repeat: no-repeat; background-position: center right 16px; background-size: 16px; } .block-facets .facets-widget-date_range .form-type-date input[type="date"]::-webkit-calendar-picker-indicator { -webkit-appearance: none; appearance: none; opacity: 0; position: absolute; width: 100%; } .facet-pills { display: block; margin-bottom: 1rem; } @media (max-width: 1023px) { .facet-pills { display: none; } } .facet-pills.for-mobile-only { display: none; } @media (max-width: 1023px) { .facet-pills.for-mobile-only { display: block; padding: 1rem 0 8px; border-bottom: 1px solid #c4c4c4; margin-bottom: 0; } } .facet-pills__pill { display: inline-block; margin-right: 0.5rem; margin-bottom: 0.5rem; word-break: break-word; } .facet-pills__pill a { border: 1px solid #767676; border-radius: 15px; font-weight: 400; font-size: 12px; line-height: 22px; color: #767676; padding: 0.188rem 0.688rem; } .facet-pills__pill__link::before { position: relative; top: 0; right: 5px; content: "✕"; color: #767676; padding-left: 0.375rem; } .facet-pills__pill__link:hover { cursor: pointer; } div.facet_selected_items { left: 30px; position: relative; font-style: normal; font-weight: 400; font-size: 12px; line-height: 24px; color: #767676; display: block; margin-bottom: -4px; } .popular-searches { padding: 32px 0; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; } .popular-searches.related-keywords { border-bottom: unset; } @media (max-width: 1023px) { .popular-searches { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px 0 12px; } } .popular-searches .popular-searches-heading { font-weight: 700; margin: 0; font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 24px; color: #333333; float: left; padding-right: 25px; max-width: 300px; } @media (max-width: 1023px) { .popular-searches .popular-searches-heading { font-size: 12px; padding-bottom: 12px; padding-right: 0; } } .popular-searches .popular-keywords { font-weight: 400; font-family: "Nestle-Text-Book"; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1023px) { .popular-searches .popular-keywords { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .popular-searches .popular-keywords a { padding-right: 25px; line-height: 24px; color: #333333; font-size: 13px; } @media (max-width: 1023px) { .popular-searches .popular-keywords a { font-size: 14px; padding: 0 0 12px; } } .popular-searches .popular-keywords a:hover { text-decoration: underline; color: #007cba; } .news-stories-wrapper .news-stories-image-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; } @media (min-width: 768px) and (max-width: 1023px) { .news-stories-wrapper .news-stories-image-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .news-stories-wrapper .news-stories-image-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } } .search-sticky { position: fixed !important; background-color: #ffffff; top: -20px; z-index: 1500; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 120rem; } .search-sticky.views-exposed-form-global-search-global-search-block-all { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .search-sticky.views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper { margin-bottom: 0.5rem !important; position: relative; } @media (max-width: 1023px) { .search-sticky.views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper { margin-bottom: 0 !important; } .search-sticky.views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-submit { position: absolute; top: 3.9375rem; width: 1.6875rem !important; text-indent: -9999px; margin: 0 !important; background: transparent; border: unset; -webkit-box-shadow: unset; box-shadow: unset; right: 1.375rem; z-index: 6; } } @media (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) { .search-sticky.views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper .form-submit { right: calc(6% + 113px); } } @media (max-width: 767px) { .search-sticky.views-exposed-form-global-search-global-search-block-all form .search-keyword-wrapper { margin-top: 1.25rem !important; } } .search-sticky .ui-tabs-nav, .search-sticky #views-exposed-form-global-search-global-search-block-all { width: 80%; margin: 0 auto; } @media (max-width: 1023px) { .search-sticky .ui-tabs-nav { width: 92%; } } @media (max-width: 1023px) { .search-sticky #views-exposed-form-global-search-global-search-block-all { width: 90%; } } @media (max-width: 767px) { .search-sticky #views-exposed-form-global-search-global-search-block-all { width: 100%; } } @media (max-width: 767px) { .search-sticky > form { position: absolute; left: 0px; right: 0px; } } .views-exposed-form-global-search-global-search-block-all form label.control-label.option:has(input[type="radio"]:focus) { outline: 2px auto black; } .searchresults #block-da-vinci-code-page-title { padding-top: 4.5rem; padding-bottom: 2.5rem; margin: 0; } @media screen and (max-width: 1279px) { .searchresults #block-da-vinci-code-page-title { padding-top: 4rem; } } @media (max-width: 767px) { .searchresults #block-da-vinci-code-page-title { padding-top: 3rem; } } .search-breadcrumbs-items { max-width: 70%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search-breadcrumbs-items .search-breadcrumbs-item { position: relative; font-size: 0.875rem; line-height: 1.0625rem; color: #767676; margin-top: 0.25rem; } @media (max-width: 767px) { .search-breadcrumbs-items .search-breadcrumbs-item { font-size: 0.8125rem; } } .search-breadcrumbs-items .search-breadcrumbs-item b { font-weight: normal; } .search-breadcrumbs-items .search-breadcrumbs-item:not(:last-child) { margin-right: 1.5rem; } .search-breadcrumbs-items .search-breadcrumbs-item:not(:last-child)::after { content: ""; display: block; position: absolute; top: 0; right: -1.5rem; width: 1rem; height: 1rem; background-image: url(./Breadcrumb.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; margin: 0 0.25rem; } #youtube-quick-search-block { padding-top: 28px; } #youtube-quick-search-block #results-summary { margin-bottom: 30px; } @media (max-width: 767px) { #youtube-quick-search-block #results-summary { text-align: center; } } #youtube-quick-search-block #results-summary span { font-size: 0.813rem; line-height: 22px; color: #71635c; } #youtube-quick-search-block #results-summary strong { color: #30261d; } #youtube-quick-search-block .video-wrapper a .grid-list-videos-search-results { background-color: #ffffff; padding: 20px 20px 20px 10px; border: 1px solid #e8e5e2; margin-bottom: 10px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16); } @media (min-width: 1366px) { #youtube-quick-search-block .video-wrapper a .grid-list-videos-search-results { width: 66.6667%; } } @media (min-width: 1920px) { #youtube-quick-search-block .video-wrapper a .grid-list-videos-search-results { width: 50%; } } @media (min-width: 768px) and (max-width: 1023px) { #youtube-quick-search-block .video-wrapper a .grid-list-videos-search-results { width: 100%; } } @media (max-width: 767px) { #youtube-quick-search-block .video-wrapper a .grid-list-videos-search-results { width: 100%; margin-right: 0; } } #youtube-quick-search-block .grid-list { padding-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1023px) { #youtube-quick-search-block .grid-list { display: block; padding-left: 0; } } @media screen and (max-width: 575px) { #youtube-quick-search-block .grid-list { padding-left: 0; } } #youtube-quick-search-block .grid-list:hover { color: rgb(0, 91.2, 138.4); } #youtube-quick-search-block #videoImage { width: 109px; float: left; height: 61px; margin-bottom: 13px; } @media (max-width: 1023px) { #youtube-quick-search-block #videoImage { float: none; } } @media (min-width: 768px) and (max-width: 1023px) { #youtube-quick-search-block #videoImage { height: auto; } } @media (max-width: 767px) { #youtube-quick-search-block #videoImage { margin-bottom: 17px; } } #youtube-quick-search-block #videoImage .videoThumbnail img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } #youtube-quick-search-block #videoDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2px 12px 10px 0px; } @media (max-width: 1023px) { #youtube-quick-search-block #videoDetails { padding: 0 0 10px 0; } } #youtube-quick-search-block #videoDetails .videoTitle { font-size: 16px; line-height: 22px; font-family: "Nestle-Text-Bold"; color: #007cba; margin-bottom: 5px; } #youtube-quick-search-block #videoDetails .videoDescription { font-size: 0.813rem; color: #63513d; line-height: 17px; padding-bottom: 16px; font-family: "Nestle-Text-Book"; } @media (max-width: 767px) { #youtube-quick-search-block #videoDetails .videoDescription { line-height: 22px; } } #youtube-quick-search-block #videoDetails .videoUrl { font-size: 0.813rem; line-height: 17px; color: #007cba; border-top: 1px solid #d1cbc5; padding-top: 17px; font-family: "Nestle-Text-Book"; } @media (max-width: 1023px) { #youtube-quick-search-block #videoDetails .videoUrl { word-break: break-word; } } #youtube-quick-search-block .search-results-buttons { color: #63513d; background: #ffffff; font-size: 16px; padding: 0 0 12px 0px; } #youtube-quick-search-block .search-results-buttons .current-page-counter { color: #63513d; } #youtube-quick-search-block .search-results-buttons .nextbutton { font-size: 16px; } #youtube-quick-search-block .search-results-buttons .nextbutton a { padding-left: 5px; font-weight: 700; color: #6c707a; text-decoration: underline; } @media (max-width: 1023px) { #youtube-quick-search-block .search-results-buttons .nextbutton a { padding-left: 0; } } #youtube-quick-search-block .search-results-pagination .pagerer-container { max-width: none; } #youtube-quick-search-block .search-results-pagination li a { background-color: transparent; } @media (min-width: 1366px) { #youtube-quick-search-block .video-wrapper a .grid-list-videos-search-results { width: 100%; } } @media (min-width: 1920px) { #youtube-quick-search-block .video-wrapper a .grid-list-videos-search-results { width: 100%; } } @media (max-width: 1023px) { .youtube-search-block-wrapper .col-md-9 { width: 100%; } } #youtube-search-block .video-wrapper { padding: 1rem 0 1.5rem 0; border-top: 1px solid #c4c4c4; } @media (max-width: 1023px) { #youtube-search-block .video-wrapper { padding: 1rem 0; } } #youtube-search-block .grid-list-videos-search-results { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; } @media (max-width: 1023px) { #youtube-search-block .grid-list-videos-search-results { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } } #youtube-search-block .grid-list-videos-search-results #videoImage { -webkit-box-flex: 0; -ms-flex: 0 0 11.5625rem; flex: 0 0 11.5625rem; font-size: 0; line-height: 1; } @media (max-width: 1023px) { #youtube-search-block .grid-list-videos-search-results #videoImage { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } #youtube-search-block .grid-list-videos-search-results #videoImage .videoThumbnail { position: relative; display: block; } @media (max-width: 1023px) { #youtube-search-block .grid-list-videos-search-results #videoImage .videoThumbnail img { width: 100%; height: auto; } } #youtube-search-block .grid-list-videos-search-results #videoImage .videoThumbnail::after { content: ""; position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(.-icons/video-white.svg); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; cursor: pointer; } @media (max-width: 1023px) { #youtube-search-block .grid-list-videos-search-results #videoImage .videoThumbnail::after { width: 55px; height: 55px; } } #youtube-search-block #videoDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1023px) { #youtube-search-block #videoDetails { font-size: 0.875rem; } } #youtube-search-block #videoDetails .videoTitle { font-weight: 700; color: #0072ad; line-height: 1.75rem; } #youtube-search-block .empty-tab { font-family: "Nestle-Text-Book"; font-size: 0.875rem; margin-top: 12px; } .webform-submission-send-page-add-form #edit-send-this-page .panel-heading, .webform-submission-send-page-add-form #edit-actions-fieldset .panel-heading { display: none; } .webform-submission-send-page-add-form #edit-send-this-page .panel-body > .input-error, .webform-submission-send-page-add-form #edit-actions-fieldset .panel-body > .input-error { width: 48%; float: left; margin-left: 2%; } @media (max-width: 767px) { .webform-submission-send-page-add-form #edit-send-this-page .panel-body > .input-error, .webform-submission-send-page-add-form #edit-actions-fieldset .panel-body > .input-error { width: 100%; float: none; margin-left: 0; } } .webform-submission-send-page-add-form #edit-send-this-page .panel-body > .input-error .form-item, .webform-submission-send-page-add-form #edit-actions-fieldset .panel-body > .input-error .form-item { width: 100%; margin-left: 0; } .webform-submission-send-page-add-form #edit-send-this-page .panel-body .input-error + .form-item, .webform-submission-send-page-add-form #edit-actions-fieldset .panel-body .input-error + .form-item { clear: both; } .webform-submission-send-page-add-form .panel { margin-bottom: 24px; border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; } .webform-submission-send-page-add-form #edit-send-this-page .panel-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .webform-submission-send-page-add-form #edit-send-this-page .panel-body::before, .webform-submission-send-page-add-form #edit-send-this-page .panel-body::after { content: none; } .webform-submission-send-page-add-form #edit-send-this-page input { height: 39px; line-height: 20px; } .webform-submission-send-page-add-form #edit-send-this-page .form-item { padding-left: 10px; width: 50%; } @media (max-width: 767px) { .webform-submission-send-page-add-form #edit-send-this-page .form-item { width: 100%; } } .webform-submission-send-page-add-form .error { color: #ff0000; } .webform-submission-send-page-add-form #edit-actions-fieldset label { line-height: 24px; margin: 0 0 21px 0; } @media (max-width: 767px) { .webform-submission-send-page-add-form #edit-actions-fieldset label { margin: 0 0 26px 0; } } .webform-submission-send-page-add-form #edit-actions-fieldset .form-item-terms-and-condition { margin: 24px 0 15px 0; } .webform-submission-send-page-add-form #edit-actions-fieldset .form-required:after { display: none; } .webform-submission-send-page-add-form #edit-actions-fieldset .form-submit { padding: 10.64px 15.2px; margin-bottom: 30.2px; line-height: normal; outline: none; } .webform-submission-send-page-add-form #edit-actions-fieldset .input-error:after { display: none; } .webform-submission-send-page-add-form label { font-size: 16px; color: #63513d; margin: 0 0 10px 0; line-height: 24px; } .webform-submission-send-page-add-form input { font-size: 16px; padding: 8px; -webkit-box-shadow: none; box-shadow: none; color: #6c707a; line-height: 20px; border: 1px solid #949494; border-radius: 3px; outline: none; } .webform-submission-send-page-add-form input:focus { border: 1px solid #949494; outline: none; -webkit-box-shadow: none; box-shadow: none; } .webform-submission-send-page-add-form input::-webkit-input-placeholder { color: #aeaca9; } .webform-submission-send-page-add-form input::-moz-placeholder { color: #aeaca9; } .webform-submission-send-page-add-form input:-ms-input-placeholder { color: #aeaca9; } .webform-submission-send-page-add-form input::-ms-input-placeholder { color: #aeaca9; } .webform-submission-send-page-add-form input::placeholder { color: #aeaca9; } .webform-submission-send-page-add-form label.error { font-size: 12.8px; padding: 0; color: #ff0000; line-height: 19.2px; } .infosendpageconfirm .paragraph p { width: 100%; max-width: 70%; } @media (max-width: 767px) { .infosendpageconfirm .paragraph p { max-width: 100%; } } .infosign-me-up .webform-submission-form .form-inner-wrapper { width: 100%; } @media screen and (min-width: 1366px) { .infosign-me-up .webform-submission-form .form-inner-wrapper { max-width: 66.666667%; } } @media screen and (min-width: 1920px) { .infosign-me-up .webform-submission-form .form-inner-wrapper { max-width: 50%; } } .infosign-me-up .webform-submission-form .page-header { font-family: "Nestle-Text-Light"; font-size: 46px; line-height: 58px; color: #30261d; font-weight: normal; padding: 0; margin: 60px 0; max-width: none; } @media (max-width: 767px) { .infosign-me-up .webform-submission-form .page-header { font-size: 30px; line-height: 38px; } } @media (max-width: 767px) { .infosign-me-up .webform-submission-form .page-header { margin: 40px 0; } } .infosign-me-up .webform-submission-form #edit-intro-text { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; margin-top: 0; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #949494; } @media (max-width: 767px) { .infosign-me-up .webform-submission-form #edit-intro-text { margin-bottom: 40px; padding-bottom: 40px; } } .infosign-me-up .webform-submission-form #edit-intro-text p { margin: 0; } .infosign-me-up .webform-submission-form #edit-intro-text::before { content: none; } .infosign-me-up .webform-submission-form .user-info-wrapper, .infosign-me-up .webform-submission-form .user-interest-wrapper { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #949494; } @media (max-width: 767px) { .infosign-me-up .webform-submission-form .user-info-wrapper, .infosign-me-up .webform-submission-form .user-interest-wrapper { margin-bottom: 40px; padding-bottom: 40px; } } .infosign-me-up .webform-submission-form .user-info-wrapper .panel-heading, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel-heading { margin-bottom: 60px; } @media (max-width: 767px) { .infosign-me-up .webform-submission-form .user-info-wrapper .panel-heading, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel-heading { margin-bottom: 40px; } } .infosign-me-up .webform-submission-form .user-info-wrapper .panel .panel-heading, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .panel-heading { margin: 0 0 5px 0; } .infosign-me-up .webform-submission-form .user-info-wrapper .panel .panel-heading .panel-title, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .panel-heading .panel-title { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; font-family: "Nestle-Text-Bold"; color: #63513d; } .infosign-me-up .webform-submission-form .user-info-wrapper .panel-heading { margin-bottom: 60px; margin: 0 0 30px 0; } @media (max-width: 767px) { .infosign-me-up .webform-submission-form .user-info-wrapper .panel-heading { margin-bottom: 40px; margin: 0 0 15px 0; } } .infosign-me-up .webform-submission-form .user-info-wrapper .panel-body .form-item:last-child { margin-bottom: 0; } .infosign-me-up .webform-submission-form .user-info-wrapper .panel-body #edit-1-your-details--description { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; font-style: italic; color: #30261d; margin: 0 0 60px 0; padding: 0; } @media (max-width: 767px) { .infosign-me-up .webform-submission-form .user-info-wrapper .panel-body #edit-1-your-details--description { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; font-style: italic; margin: 0 0 40px 0; padding: 0; } } .infosign-me-up .webform-submission-form .user-info-wrapper .panel-body #edit-1-your-details--description em { color: #ee0000; font-size: 25px; } .infosign-me-up .webform-submission-form .user-info-wrapper .form-item-first-name { width: 49%; float: left; margin-right: 0; } @media (max-width: 767px) { .infosign-me-up .webform-submission-form .user-info-wrapper .form-item-first-name { width: 100%; float: unset; margin-right: 0; } } .infosign-me-up .webform-submission-form .user-info-wrapper .form-item-last-name { width: 49%; float: right; } @media (max-width: 767px) { .infosign-me-up .webform-submission-form .user-info-wrapper .form-item-last-name { width: 100%; float: unset; } } .infosign-me-up .webform-submission-form .user-info-wrapper .form-item-email { clear: both; } .infosign-me-up .webform-submission-form .user-submit-wrapper .panel-heading { margin-bottom: 60px; } @media (max-width: 767px) { .infosign-me-up .webform-submission-form .user-submit-wrapper .panel-heading { margin-bottom: 40px; } } .infosign-me-up .webform-submission-form .user-submit-wrapper .form-type-checkbox { margin-top: 0; } .infosign-me-up .webform-submission-form .form-actions button { text-transform: none; } .infosign-me-up .webform-submission-form .user-interest-wrapper .panel-body .help-block { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; font-style: italic; margin: 0 0 30px 0; color: #00807a; } @media (max-width: 767px) { .infosign-me-up .webform-submission-form .user-interest-wrapper .panel-body .help-block { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; font-style: italic; } } .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox input, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox input + .custom-box, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio input, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio input + .custom-box, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox input, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox input + .custom-box, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio input, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio input + .custom-box { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 !important; width: 0; height: 0; padding: 0; outline: 0 !important; opacity: 0; } .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox input::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox input + .custom-box::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio input::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio input + .custom-box::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox input::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox input + .custom-box::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio input::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio input + .custom-box::after { content: none; } .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label { max-width: none; margin: 0; position: relative; padding-right: 35px; } [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label { padding-right: 10.5px; padding-left: 35px; } .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label:focus-within, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label:focus-within, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label:focus-within, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label:focus-within, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label:focus-within, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label:focus-within, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label:focus-within, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label:focus-within { outline: auto; } .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label::after { content: ""; background-image: url(./button_tick_green.svg); background-repeat: no-repeat; position: absolute; width: 14px; height: 10px; top: 50%; right: 11px; background-size: contain; display: block; z-index: 99999999; outline: 0; margin-top: -5px; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; transition: opacity 0.1s ease, -webkit-transform 0.1s ease; transition: opacity 0.1s ease, transform 0.1s ease; transition: opacity 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease; } [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox .control-label::after, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox label::after, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio .control-label::after, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio label::after, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox .control-label::after, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox label::after, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio .control-label::after, [dir="rtl"] .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio label::after { right: auto; left: 11px; } .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox.checked .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox.checked label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio.checked .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio.checked label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox.checked .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox.checked label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio.checked .control-label, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio.checked label { border-color: #007870; color: #00807a; } .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox.checked .control-label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-checkbox.checked label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio.checked .control-label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .form-type-radio.checked label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox.checked .control-label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-checkbox.checked label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio.checked .control-label::after, .infosign-me-up .webform-submission-form .user-interest-wrapper .panel .js-form-type-radio.checked label::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .infosign-me-up .panel { padding: 0; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .infosign-me-up .panel .panel-heading { background-color: transparent; border-color: transparent; padding: 0; border: 0; color: #30261d; } .infosign-me-up .panel .panel-heading .panel-title { font-family: "Nestle-Text-Light"; font-size: 30px; line-height: 38px; color: #30261d; margin: 0; padding: 0; } @media (max-width: 767px) { .infosign-me-up .panel .panel-heading .panel-title { font-size: 26px; line-height: 36px; } } .infosign-me-up .panel .panel-body { padding: 0; } .story-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1.5rem; width: 100%; width: calc(100% + 1.5rem); } @media (min-width: 1024px) { .story-content { margin-top: 3rem; } } .story-content__body, .story-content__author, .story-content__sharing { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 1.5rem; } @media (min-width: 1024px) { .story-content__author { padding-left: 0; } } .story-content__body { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (max-width: 1023px) { .story-content__body { width: 100%; } } @media (min-width: 1024px) { .story-content__body { width: 75%; } } @media screen and (min-width: 1280px) { .story-content__body { width: 50%; } } .content-type-story--communities .story-content__body h1, .content-type-story--communities .story-content__body h2, .content-type-story--communities .story-content__body h3, .content-type-story--communities .story-content__body h4, .content-type-story--communities .story-content__body h5, .content-type-story--communities .story-content__body h6 { color: #d64123; } .content-type-story--planet .story-content__body h1, .content-type-story--planet .story-content__body h2, .content-type-story--planet .story-content__body h3, .content-type-story--planet .story-content__body h4, .content-type-story--planet .story-content__body h5, .content-type-story--planet .story-content__body h6 { color: #2e8025; } .content-type-story--individuals-families .story-content__body h1, .content-type-story--individuals-families .story-content__body h2, .content-type-story--individuals-families .story-content__body h3, .content-type-story--individuals-families .story-content__body h4, .content-type-story--individuals-families .story-content__body h5, .content-type-story--individuals-families .story-content__body h6 { color: #007cba; } .story-content__body > .field-components-container > .field--name-field-ln-n-components > .field--item > .paragraph > .component-paragraph-field { width: auto; } .story-content__body p[style*="text-align:center"] > img:only-child, .story-content__body .embedded-entity.align-center { width: 100vw; max-width: 100vw; position: relative; left: 50%; margin-left: -50vw; } @media screen and (min-width: 1920px) { .story-content__body p[style*="text-align:center"] > img:only-child, .story-content__body .embedded-entity.align-center { width: 120rem; margin-left: -60rem; } } .story-content__body .embeded-entity > img { vertical-align: middle; } .story-content__body .ColoredBox { width: 100% !important; float: none; margin: 1.5rem 0; } .story-content__body .ColoredBox p { margin-bottom: 0.75rem; } .story-content__body .ColoredBox p:last-child { margin-bottom: 0; } .content-type-story--communities .story-content__body .ColoredBox { background: #d64123; color: #ffffff; } .content-type-story--communities .story-content__body .ColoredBox.grey, .content-type-story--communities .story-content__body .ColoredBox.ColoredBox--5-oak { color: #d64123; background: #f6f5f4; } .content-type-story--planet .story-content__body .ColoredBox { background: #2e8025; color: #ffffff; } .content-type-story--planet .story-content__body .ColoredBox.grey, .content-type-story--planet .story-content__body .ColoredBox.ColoredBox--5-oak { color: #2e8025; background: #f6f5f4; } .content-type-story--individuals-families .story-content__body .ColoredBox { background: #007cba; color: #ffffff; } .content-type-story--individuals-families .story-content__body .ColoredBox.grey, .content-type-story--individuals-families .story-content__body .ColoredBox.ColoredBox--5-oak { color: #007cba; background: #f6f5f4; } html.js .story-content__body > .field--name-body > *, html.js .story-content__body > .field--name-field-introduction-text { -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; transition: opacity 1s ease, -webkit-transform 1s ease; transition: opacity 1s ease, transform 1s ease; transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease; } html.js .story-content__body > .field--name-body > *:not(.scrolled--visible), html.js .story-content__body > .field--name-field-introduction-text:not(.scrolled--visible) { opacity: 0; -webkit-transform: translateY(4rem); transform: translateY(4rem); } .story-content__author { font-size: 1rem; color: #30261d; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: center; } @media (max-width: 1023px) { .story-content__author { width: 100%; margin-bottom: 1.5rem; } .story-content__author::after { content: ""; display: block; border-bottom: 2px solid #d1cbc5; margin-top: 1.5rem; } .story-content__author .accessibility { -webkit-box-ordinal-group: 1000; -ms-flex-order: 999; order: 999; } } @media (min-width: 1024px) { .story-content__author { width: 25%; } } .story-content__author dl { margin: 0; } @media (max-width: 1023px) { .story-content__author--has-image dl { display: -ms-grid; display: grid; grid-column-gap: 1.5rem; -ms-grid-columns: 4rem 1.5rem 1fr; grid-template-columns: 4rem 1fr; -ms-grid-rows: (auto) [4]; grid-template-rows: repeat(4, auto); } .story-content__author--has-image dl > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .story-content__author--has-image dl > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .story-content__author--has-image dl > *:nth-child(3) { -ms-grid-row: 2; -ms-grid-column: 1; } .story-content__author--has-image dl > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 3; } .story-content__author--has-image dl > *:nth-child(5) { -ms-grid-row: 3; -ms-grid-column: 1; } .story-content__author--has-image dl > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 3; } .story-content__author--has-image dl > *:nth-child(7) { -ms-grid-row: 4; -ms-grid-column: 1; } .story-content__author--has-image dl > *:nth-child(8) { -ms-grid-row: 4; -ms-grid-column: 3; } } .story-content__author__line { margin-left: 0; color: inherit; font-size: inherit; } @media (max-width: 1023px) { .story-content__author__line { margin-bottom: 0.25rem; } } @media (min-width: 1024px) { .story-content__author__line { margin-bottom: 1rem; } } .story-content__author__line .da-vinci-code-icon { top: -0.1em; margin: 0 0.25rem; } .content-type-story--communities .story-content__author__line .da-vinci-code-icon { color: #d64123; } .content-type-story--planet .story-content__author__line .da-vinci-code-icon { color: #2e8025; } .content-type-story--individuals-families .story-content__author__line .da-vinci-code-icon { color: #007cba; } .story-content__author__line--category strong { font-weight: 700; font-style: italic; margin-top: 0.375rem; } @media (min-width: 1024px) { .story-content__author__line--category strong { display: block; } } @media (min-width: 1024px) { .story-content__author__line--break { margin-bottom: 0.375rem; margin-top: 1.25rem; padding-top: 1.25rem; position: relative; } .story-content__author__line--break::before { content: ""; position: absolute; display: block; border-bottom: 2px solid #d1cbc5; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 6.25rem; } } .story-content__author__image { width: 5rem; height: 5rem; margin: 0 auto 1.25rem; overflow: hidden; background: #f6f5f4; position: relative; border-radius: 2.5rem; } @media (max-width: 1023px) { .story-content__author__image { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 4; grid-row: 1 / span 4; width: 4rem; height: 4rem; } } @media (min-width: 1024px) { .story-content__author__image { width: 5rem; height: 5rem; } } .story-content__author__image img { width: 100%; height: 100%; display: block; } .story-content__sharing { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; } @media screen and (min-width: 1280px) { .story-content__sharing { width: 25%; } } .story-content .StoryTextHighlight, .story-content .text-highlight { width: 100% !important; float: none !important; margin-left: 0; margin-right: 0; } .content-type-story--communities .story-content .StoryTextHighlight, .content-type-story--communities .story-content .text-highlight { color: #d64123; } .content-type-story--planet .story-content .StoryTextHighlight, .content-type-story--planet .story-content .text-highlight { color: #2e8025; } .content-type-story--individuals-families .story-content .StoryTextHighlight, .content-type-story--individuals-families .story-content .text-highlight { color: #007cba; } .story-content .tw, .story-content .pw { width: 100%; max-width: none; } .StoryTextHighlight, .story-content__body .text-highlight { padding: 0; background: none; color: #007cba; font-weight: 400; border-radius: 0; font-family: "NestleScript"; line-height: 1.2; min-height: 0; border: none; border-left: 5px solid currentcolor; padding-left: 0.6em; margin: 1.5rem 0; display: block; } @media (max-width: 767px) { .StoryTextHighlight, .story-content__body .text-highlight { font-size: 2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .StoryTextHighlight, .story-content__body .text-highlight { font-size: 2rem; } } @media (min-width: 1024px) { .StoryTextHighlight, .story-content__body .text-highlight { font-size: 2.5rem; } } .StoryTextHighlight--dark-oak, .story-content__body .text-highlight--dark-oak { color: #30261d; } .StoryTextHighlight--oak, .story-content__body .text-highlight--oak { color: #63513d; } .StoryTextHighlight--85-oak, .story-content__body .text-highlight--85-oak { color: #8a7969; } .StoryTextHighlight--30-oak, .story-content__body .text-highlight--30-oak { color: #d1cbc5; } .StoryTextHighlight--15-oak, .story-content__body .text-highlight--15-oak { color: #e8e5e2; } .StoryTextHighlight--5-oak, .story-content__body .text-highlight--5-oak { color: #f6f5f4; } .StoryTextHighlight--white, .story-content__body .text-highlight--white { color: #ffffff; } .StoryTextHighlight--teal, .text-highlight.tpl.turquoise, .StoryTextHighlight.turquoise, .story-content__body .text-highlight.turquoise, .story-content__body .text-highlight--teal { color: #00818f; } .StoryTextHighlight--green, .text-highlight.tpl.green, .text-highlight.tpl.darkgreen, .text-highlight.tpl.lightgreen, .StoryTextHighlight.green, .story-content__body .text-highlight.green, .StoryTextHighlight.darkgreen, .story-content__body .text-highlight.darkgreen, .StoryTextHighlight.lightgreen, .story-content__body .text-highlight.lightgreen, .story-content__body .text-highlight--green { color: #2e8025; } .StoryTextHighlight--orange, .text-highlight.tpl.yellow, .text-highlight.tpl.orange, .StoryTextHighlight.yellow, .story-content__body .text-highlight.yellow, .StoryTextHighlight.orange, .story-content__body .text-highlight.orange, .story-content__body .text-highlight--orange { color: #d64123; } .StoryTextHighlight--red, .text-highlight.tpl.red, .StoryTextHighlight.red, .story-content__body .text-highlight.red, .story-content__body .text-highlight--red { color: #ca003d; } .StoryTextHighlight--pink, .story-content__body .text-highlight--pink { color: #a50064; } .StoryTextHighlight--purple, .text-highlight.tpl.purple, .StoryTextHighlight.purple, .story-content__body .text-highlight.purple, .story-content__body .text-highlight--purple { color: #8f4899; } .StoryTextHighlight--purple-alt, .story-content__body .text-highlight--purple-alt { color: #6f2277; } .StoryTextHighlight--annual-red, .story-content__body .text-highlight--annual-red { color: #ce0037; } .StoryTextHighlight--annual-pink, .story-content__body .text-highlight--annual-pink { color: #c6007e; } .StoryTextHighlight--annual-teal, .story-content__body .text-highlight--annual-teal { color: #007681; } .StoryTextHighlight--annual-yellow, .story-content__body .text-highlight--annual-yellow { color: #eaaa00; } .StoryTextHighlight--annual-brown, .story-content__body .text-highlight--annual-brown { color: #774212; } .StoryTextHighlight--annual-purple, .story-content__body .text-highlight--annual-purple { color: #ac4fc6; } .story-content-author { background: #f6f5f4; } .story-content-author--has-image { display: -ms-grid; display: grid; -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; } @media (max-width: 1023px) { .story-content-author { margin: 3.125rem -20%; padding: 1.5rem 20%; grid-column-gap: 1rem; } } @media (min-width: 1024px) { .story-content-author { border-radius: 10px; margin-top: 3.75rem; margin-bottom: 3.75rem; margin-left: -33.33333%; padding: 2.5rem 10%; grid-column-gap: 3rem; } } @media screen and (min-width: 1280px) { .story-content-author { margin-left: -25%; margin-right: -25%; grid-column-gap: 3.4375rem; } } .story-content-author__title { font-size: 1.875rem; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; -ms-grid-row: 1; grid-row: 1; margin-bottom: 1.5rem; } .story-content-author__name { font-family: "NestleScript"; font-weight: 400; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2; -ms-grid-row-align: center; align-self: center; } .content-type-story--communities .story-content-author .story-content-author__name, .content-type-story--planet .story-content-author .story-content-author__name, .content-type-story--individuals-families .story-content-author .story-content-author__name { color: inherit; } @media (max-width: 1023px) { .story-content-author__name { font-size: 1.5625rem; margin-bottom: 0.75rem; } } @media (min-width: 1024px) { .story-content-author__name { font-size: 2.5rem; } } .story-content-author__image { -ms-grid-column: 1; grid-column: 1; overflow: hidden; background: #d1cbc5; border-radius: 50%; -ms-grid-row-align: start; align-self: start; } @media (max-width: 1023px) { .story-content-author__image { -ms-grid-row: 2; grid-row: 2; width: 4.75rem; height: 4.75rem; margin-bottom: 0.75rem; } } @media (min-width: 1024px) { .story-content-author__image { -ms-grid-row: 2; -ms-grid-row-span: 3; grid-row: 2 / span 3; width: 13.75rem; height: 13.75rem; } } .story-content-author__image img { display: block; width: 100%; height: 100%; } .story-content-author__body { padding-bottom: 0; margin-bottom: 0; } @media (max-width: 1023px) { .story-content-author__body { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; } } @media (min-width: 1024px) { .story-content-author__body { -ms-grid-column: 2; grid-column: 2; } } .story-content-author__links { margin-top: 1.5rem; } @media (max-width: 1023px) { .story-content-author__links { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; } } @media (min-width: 1024px) { .story-content-author__links { -ms-grid-column: 2; grid-column: 2; } } .story-content-author__links-title { font-size: 1.25rem; } .content-type-story--communities .story-content-author .story-content-author__links-title, .content-type-story--planet .story-content-author .story-content-author__links-title, .content-type-story--individuals-families .story-content-author .story-content-author__links-title { color: inherit; } .story-content-author__links-list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.25rem 0 -3.25rem; } @media (max-width: 1023px) { .story-content-author__links-list { margin-left: -1.5rem; } } .story-content-author__links-list, .story-content-author__links-list li { list-style: none; } .story-content-author__links-list li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 3.25rem; width: 100%; margin-bottom: 0.25rem; } @media (max-width: 1023px) { .story-content-author__links-list li { padding-left: 1.5rem; } } @media (min-width: 768px) { .story-content-author__links-list li:not(:only-child) { width: 50%; } } .story-content-author__links-list .paragraph--type--c-link { margin: 0; padding: 0; max-width: none; } .story-content-author__links-list a { display: block; padding: 0.3125em 2em 0.3125em 0; border-bottom: 1px solid #d1cbc5; -webkit-transition: border-bottom-color 0.1s ease; transition: border-bottom-color 0.1s ease; } .story-content-author__links-list a::after { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 0.75em; height: 0.875em; margin-top: -0.4375em; background: url(./arrow-right--blue.svg) no-repeat center center/100% 100%; } .story-content-author__links-list a:hover { border-bottom-color: #007cba; } .story-content-author__links-list a:hover::after { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .view-related-stories .view-content { border-bottom: 0; } .view-related-stories .view-content, .view-related-stories .view-content.slick-dotted { margin-bottom: 24px; } @media (max-width: 767px) { .view-related-stories .view-content, .view-related-stories .view-content.slick-dotted { margin-bottom: 2.1875rem; } } @media (min-width: 768px) and (max-width: 1023px) { .view-related-stories .view-content, .view-related-stories .view-content.slick-dotted { margin-bottom: 2.8125rem; } } .view-related-stories .view-content .slick-list { margin-bottom: 0; } .view-related-stories .view-content .card-carousel__item > .views-field, .view-related-stories .view-content .card-carousel__item > .views-field > .field-content { height: 100%; } .view-related-stories .view-content .card-item__more::after { content: ""; display: inline-block; vertical-align: middle; margin-top: -0.2rem; width: 0.75rem; height: 0.875rem; margin-left: 0.5rem; background: url(./arrow-right--white.svg) no-repeat center center/100% auto; } .view-related-stories .view-content .card-item:hover .card-item__more::after { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .page-node-type-story { font-size: 18px; } .page-node-type-story .category-icon { display: none; } @media (max-width: 1023px) { .page-node-type-story .category-icon { display: block; } } @media (max-width: 1023px) { .page-node-type-story .banner-image-wrapper.Planet .title-wrapper { background-color: #2e8025; } } .page-node-type-story .banner-image-wrapper.Planet .category-icon { height: 32px; width: 40px; background: transparent url(..png) no-repeat -210px -390px; background-repeat: no-repeat; } @media (max-width: 1023px) { .page-node-type-story .banner-image-wrapper.Communities .title-wrapper { background-color: #a9431e; } } .page-node-type-story .banner-image-wrapper.Communities .category-icon { width: 45px; height: 45px; background: transparent url(..png) no-repeat -315px -380px; background-repeat: no-repeat; } @media (max-width: 1023px) { .page-node-type-story .banner-image-wrapper.families .title-wrapper { background-color: #00629b; } } .page-node-type-story .banner-image-wrapper.families .category-icon { height: 32px; width: 40px; background: transparent url(..png) no-repeat -266px -380px; background-repeat: no-repeat; } .page-node-type-story .banner-image-wrapper { position: relative; } @media (max-width: 1023px) { .page-node-type-story .banner-image-wrapper { width: 80%; margin: 0 auto; } } .page-node-type-story .banner-image-wrapper .field--name-field-image img { width: 100%; } .page-node-type-story .banner-image-wrapper .twiddly { position: relative; } @media (max-width: 1023px) { .page-node-type-story .banner-image-wrapper .twiddly { position: absolute; top: -1px; right: -1px; left: -1px; height: 60px; width: 100.5%; background: url(./twiddly.png) top left/100% no-repeat; z-index: 1; } } .page-node-type-story .banner-image-wrapper .title-wrapper { color: #ffffff; position: absolute; z-index: 1; bottom: 0; width: 100%; text-align: center; padding-bottom: 16px; } @media (min-width: 1024px) { .page-node-type-story .banner-image-wrapper .title-wrapper { background: -webkit-gradient( linear, left bottom, left top, from(rgb(22.95, 22.95, 22.95)), to(transparent) ); background: linear-gradient( to top, rgb(22.95, 22.95, 22.95) 0%, transparent 100% ); opacity: 0.9; } } @media (max-width: 1023px) { .page-node-type-story .banner-image-wrapper .title-wrapper { background-color: #a9431e; } } .page-node-type-story .banner-image-wrapper .title-wrapper h1 { color: #ffffff; margin-bottom: 0; } @media (max-width: 1023px) { .page-node-type-story .banner-image-wrapper .title-wrapper { background-color: rgb(74, 119, 60); width: 100%; border-radius: 0; position: relative; height: auto; top: 0; padding: 25px 32px; text-align: left; } } .page-node-type-story .banner-image-wrapper .title-wrapper .field--name-field-subtitle, .page-node-type-story .banner-image-wrapper .title-wrapper .field--name-field-banner-description { color: #ffffff; font-size: 17.6px; line-height: 26.4px; } .page-node-type-story .banner-image-wrapper .title-wrapper .field--name-field-subtitle p, .page-node-type-story .banner-image-wrapper .title-wrapper .field--name-field-banner-description p { padding-bottom: 10px; } @media (max-width: 767px) { .page-node-type-story .banner-image-wrapper .title-wrapper .field--name-field-subtitle p, .page-node-type-story .banner-image-wrapper .title-wrapper .field--name-field-banner-description p { line-height: 1.6; } } .page-node-type-story .banner-image-wrapper .title-wrapper .field--name-field-subtitle img, .page-node-type-story .banner-image-wrapper .title-wrapper .field--name-field-banner-description img { display: block; width: 28px; height: 30px; margin-top: 15.6px; } @media (min-width: 1024px) { .page-node-type-story .banner-image-wrapper .title-wrapper .field--name-field-subtitle img, .page-node-type-story .banner-image-wrapper .title-wrapper .field--name-field-banner-description img { display: none; } } .page-node-type-story .banner-image-wrapper .no-picture { position: relative; } .page-node-type-story .time-wrapper { padding: 24px 0 2px 0; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 13px; } .page-node-type-story .time-wrapper .read-time, .page-node-type-story .time-wrapper .minute { padding-right: 5px; text-transform: uppercase; padding-bottom: 16px; } .page-node-type-story .time-wrapper .minute { padding-left: 5px; } .page-node-type-story .field--name-field-introduction-text { font-size: 24px; line-height: 1.6em; margin: 0 0 1.5rem; font-weight: 300; } .page-node-type-story .field--name-field-introduction-text p { line-height: normal; padding-bottom: 0; marigin-bottom: 1.5rem; } .page-node-type-story .intro-text { margin: 1em 0; } .page-node-type-story .intro-text .freestyle { float: right; margin-left: 2em; padding-left: 10px; } @media (max-width: 767px) { .page-node-type-story .intro-text .freestyle { float: none; margin: 0 0 10px 0; padding-left: 0; } } .page-node-type-story .intro-text .freestyle img { border-radius: 50%; } @media (max-width: 767px) { .page-node-type-story .intro-text .freestyle img { border-style: none; width: auto; height: auto; max-height: 100%; } } .page-node-type-story .intro-text p { font-size: 24px; margin-bottom: 0; padding-bottom: 23px; line-height: initial; } .page-node-type-story .field--name-body { line-height: 1.5; margin-bottom: 0; font-size: 18px; } .page-node-type-story .field--name-body p { margin-bottom: 2.25rem; padding-bottom: 0; } .page-node-type-story .field--name-body p img { width: 100%; max-width: 100%; } .page-node-type-story .field--name-body small { font-size: 12px; } .page-node-type-story .field--name-body small a { display: inline-block; } .page-node-type-story .field--name-body small img { width: auto; display: inline-block; vertical-align: middle; } @media (max-width: 1023px) { .page-node-type-story .field--name-body { margin-top: 0; } } .page-node-type-story .field--name-body .embedded-entity img { width: 100%; } .page-node-type-story .field--name-body .embedded-entity .field--name-field-media-video-embed-field img { width: 100%; margin-bottom: -0.4375em; } .page-node-type-story .field--name-body hr { border-top: 1px solid #f4f4f5; } @media (max-width: 767px) { .page-node-type-story .field--name-body hr { margin-bottom: 40px; } } .page-node-type-story .embedded-entity { padding: 0; margin-bottom: 33px; } .page-node-type-story .embedded-entity.align-left { padding-right: 46px; margin-bottom: 10px; width: auto; } .page-node-type-story .embedded-entity.align-left img { width: auto; } .page-node-type-story .embedded-entity.align-right { padding-left: 46px; margin-bottom: 10px; width: auto; } .page-node-type-story .embedded-entity.align-right img { width: auto; } .page-node-type-story .field--name-field-topics { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; clear: both; margin-bottom: 24px; } .page-node-type-story .field--name-field-topics .field--item { margin: 0 7px 7px 0; font-size: 12.8px; padding: 0.8em; background: #f6f5f4; border: 1px solid #d1cbc5; border-radius: 3px; text-transform: inherit; } .page-node-type-story .field--name-field-topics .field--item a { color: #30261d; } .page-node-type-story .field--name-field-topics .field--item:hover { background: #d1cbc5; } .page-node-type-story .paragraph--type--dsu-c-view { padding-top: 40px; } .page-node-type-story .field--name-field-story-category, .page-node-type-story .field--name-field-mosaic-story-tags { display: none; } .page-node-type-story .paragraph--type--ln-c-flickr { margin-bottom: 40px; } .story-article { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .story-article { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .story-article > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (min-width: 1024px) { .story-article { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .story-article > * { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .story-article #block-socialsharingblock-story, .story-article #block-da-vinci-code-socialsharingblock-story { display: block; margin-top: 1.5rem; margin-left: 0; margin-right: 0; float: none; } @media (min-width: 1024px) { .story-article #block-socialsharingblock-story, .story-article #block-da-vinci-code-socialsharingblock-story { margin-left: 1.5rem; } } .story-article .story-content-wrapper { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .story-article .view-header .stories-view-all-link { display: none !important; } .view-id-related_stories .view-header .stories-view-all-link { display: none; } .paragraph--type--dsu-c-view .field--type-text-with-summary > a.section-divider__link { border-bottom: none; font-family: "Nestle-Text-Book" !important; } .story-content__audio { padding: 40px 0 10px; } .story-content__audio .field--label { font-weight: 400; margin-bottom: 10px; } audio { max-width: 100%; } .paragraph.paragraph--type--ln-c-story-promo-banner { width: 80%; margin: auto; margin-bottom: 2.5rem; } .story-promo-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 2.5rem 2.5rem 1.25rem; border-radius: 0.625rem; } .story-promo-banner p { padding-bottom: 0; } .content-type-story--communities .story-promo-banner { background: #d64123; } .content-type-story--communities .story-promo-banner__content a:hover, .content-type-story--communities .story-promo-banner a:active { background: rgb(192.0843373494, 58.343373494, 31.4156626506); } .content-type-story--planet .story-promo-banner { background: #2e8025; } .content-type-story--planet .story-promo-banner__content a:hover, .content-type-story--planet .story-promo-banner a:active { background: rgb(38.8909090909, 108.2181818182, 31.2818181818); } .content-type-story--individuals-families .story-promo-banner { background: #007cba; } .content-type-story--individuals-families .story-promo-banner__content a:hover, .content-type-story--individuals-families .story-promo-banner a:active { background: rgb(0, 107, 160.5); } @media (max-width: 767px) { .story-promo-banner { display: -ms-grid; display: grid; padding: 2.5rem 1.25rem; } } .story-promo-banner__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-preferred-size: 70%; flex-basis: 70%; padding-bottom: 1.25rem; color: #ffffff; } .story-promo-banner__content a { background: rgba(0, 0, 0, 0); border-color: #ffffff; color: #ffffff; } @media (max-width: 767px) { .story-promo-banner__content { width: 100%; text-align: center; padding: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .story-promo-banner__content { padding-right: 10px; } } .story-promo-banner__title { margin-bottom: 20px; } .story-promo-banner__promo_text { margin-bottom: 20px; } .story-promo-banner__promo_text p { padding-bottom: 0; } @media (max-width: 767px) { .story-promo-banner__promo_text { text-align: start; } } .story-promo-banner__author { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-preferred-size: 30%; flex-basis: 30%; color: #ffffff; } .story-promo-banner__author .story-content__author__line { text-align: center; margin-bottom: 10px; } .story-promo-banner__author .story-content__author__image { margin-bottom: 0.625rem; width: 7.8125rem; height: 7.8125rem; border-radius: 4.5rem; } .story-promo-banner__author .story-content__author__body { font-size: 13px; margin: 0 auto 0.625rem; width: 7.8125rem; text-align: center; } @media screen and (min-width: 1200px) { .story-promo-banner__author .story-content__author__body { width: 50%; } } @media screen and (max-width: 1199px) { .story-promo-banner__author .story-content__author__body { margin-bottom: 0; } } @media (max-width: 767px) { .story-promo-banner__author { width: 100%; } } .content-type-story--no-category.paragraph.paragraph--type--ln-c-story-promo-banner { background-color: #f6f5f4; border-radius: 0.625rem; } .content-type-story--no-category.paragraph.paragraph--type--ln-c-story-promo-banner .story-promo-banner__content, .content-type-story--no-category.paragraph.paragraph--type--ln-c-story-promo-banner .story-promo-banner__author { color: #34220d; } .content-type-story--no-category.paragraph.paragraph--type--ln-c-story-promo-banner .story-promo-banner__content a, .content-type-story--no-category.paragraph.paragraph--type--ln-c-story-promo-banner .story-promo-banner__author a { background: #f6f5f4; border-color: #34220d; color: #34220d; } .content-type-story--no-category.paragraph.paragraph--type--ln-c-story-promo-banner .story-promo-banner__content a:hover, .content-type-story--no-category.paragraph.paragraph--type--ln-c-story-promo-banner .story-promo-banner__content a:active, .content-type-story--no-category.paragraph.paragraph--type--ln-c-story-promo-banner .story-promo-banner__author a:hover, .content-type-story--no-category.paragraph.paragraph--type--ln-c-story-promo-banner .story-promo-banner__author a:active { background: rgb(234.525, 232.25, 229.975); } .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default { width: 100%; } .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default .story-promo-banner { padding: 2.5rem 1.25rem; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } @media screen and (min-width: 1200px) { .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default .story-promo-banner { padding: 2.5rem 1.5625rem 1.25rem; } } .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default .story-promo-banner__content { padding-right: 10px; } @media (max-width: 767px) { .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default .story-promo-banner__content { padding: 0; } } .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default .story-promo-banner__promo_text { text-align: start; } .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default .story-promo-banner .story-content__author__body { width: 50%; } @media (min-width: 1024px) { .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default .story-promo-banner .story-content__author__body { width: 100%; } } @media (max-width: 767px) { .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default .story-promo-banner { display: -ms-grid; display: grid; text-align: center; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default .story-promo-banner { display: -ms-grid; display: grid; text-align: center; } } @media (min-width: 1024px) and (max-width: 1200px) { .paragraph--type--layout-columns-2 .paragraph--type--ln-c-story-promo-banner.paragraph--view-mode--default .story-promo-banner { text-align: center; display: -ms-grid; display: grid; } } @media (max-width: 767px) { .story-promo-banner:has(> .story-promo-banner__author) .story-promo-banner__content { margin-bottom: 2.5rem; } } .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner, .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner, .field--name-field-column-third .paragraph--type--ln-c-story-promo-banner { width: 100%; } .paragraph--type--layout-25-25-50 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-25-50-25 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-25-75 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-33-66 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-25-25-50 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-75-25 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-66-33 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-25-50-25 .field--name-field-column-third .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-50-25-25 .field--name-field-column-third .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-50-25-25 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-columns-3 .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-columns-4 .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-columns-5 .paragraph--type--ln-c-story-promo-banner .story-promo-banner { display: block; padding: 2.5rem 1.25rem; text-align: center; } .paragraph--type--layout-25-25-50 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-25-50-25 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-25-75 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-33-66 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-25-25-50 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-75-25 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-66-33 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-25-50-25 .field--name-field-column-third .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-50-25-25 .field--name-field-column-third .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-50-25-25 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-columns-3 .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-columns-4 .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-columns-5 .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text { text-align: start; } .paragraph--type--layout-33-66 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-66-33 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-25-50-25 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-25-25-50 .field--name-field-column-third .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-75-25 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-25-75 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner { padding: 2.5rem 1.25rem; } @media screen and (max-width: 1199px) { .paragraph--type--layout-33-66 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-66-33 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-25-50-25 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-25-25-50 .field--name-field-column-third .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-75-25 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner, .paragraph--type--layout-25-75 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner { display: block; text-align: center; } .paragraph--type--layout-33-66 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-66-33 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-25-50-25 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-25-25-50 .field--name-field-column-third .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-75-25 .field--name-field-column-first .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text, .paragraph--type--layout-25-75 .field--name-field-column-second .paragraph--type--ln-c-story-promo-banner .story-promo-banner__promo_text { text-align: start; } } .path-taxonomy .paragraph--type--dsu-c-banner-bubble, .component-1881 .paragraph--type--dsu-c-banner-bubble, .component-1886 .paragraph--type--dsu-c-banner-bubble, .component-2161 .paragraph--type--dsu-c-banner-bubble { margin-left: 0; margin-right: 0; } .path-taxonomy .paragraph--type--dsu-c-banner-bubble.hero-bubbles .banner-bubble-wrapper .field--name-field-image img, .component-1881 .paragraph--type--dsu-c-banner-bubble.hero-bubbles .banner-bubble-wrapper .field--name-field-image img, .component-1886 .paragraph--type--dsu-c-banner-bubble.hero-bubbles .banner-bubble-wrapper .field--name-field-image img, .component-2161 .paragraph--type--dsu-c-banner-bubble.hero-bubbles .banner-bubble-wrapper .field--name-field-image img { width: auto; max-height: 75px; max-width: 175px; } @media (max-width: 767px) { .path-taxonomy .search-slogan-container, .component-1881 .search-slogan-container, .component-1886 .search-slogan-container, .component-2161 .search-slogan-container { padding-bottom: 0; } } .path-taxonomy .search-slogan-container.vertical-position-top .slogan-inner, .path-taxonomy .search-slogan-container.vertical-position-middle .slogan-inner, .path-taxonomy .search-slogan-container.vertical-position-bottom .slogan-inner, .component-1881 .search-slogan-container.vertical-position-top .slogan-inner, .component-1881 .search-slogan-container.vertical-position-middle .slogan-inner, .component-1881 .search-slogan-container.vertical-position-bottom .slogan-inner, .component-1886 .search-slogan-container.vertical-position-top .slogan-inner, .component-1886 .search-slogan-container.vertical-position-middle .slogan-inner, .component-1886 .search-slogan-container.vertical-position-bottom .slogan-inner, .component-2161 .search-slogan-container.vertical-position-top .slogan-inner, .component-2161 .search-slogan-container.vertical-position-middle .slogan-inner, .component-2161 .search-slogan-container.vertical-position-bottom .slogan-inner { width: 100%; } @media (max-width: 1023px) { .path-taxonomy .search-slogan-container.vertical-position-top .slogan-inner, .path-taxonomy .search-slogan-container.vertical-position-middle .slogan-inner, .path-taxonomy .search-slogan-container.vertical-position-bottom .slogan-inner, .component-1881 .search-slogan-container.vertical-position-top .slogan-inner, .component-1881 .search-slogan-container.vertical-position-middle .slogan-inner, .component-1881 .search-slogan-container.vertical-position-bottom .slogan-inner, .component-1886 .search-slogan-container.vertical-position-top .slogan-inner, .component-1886 .search-slogan-container.vertical-position-middle .slogan-inner, .component-1886 .search-slogan-container.vertical-position-bottom .slogan-inner, .component-2161 .search-slogan-container.vertical-position-top .slogan-inner, .component-2161 .search-slogan-container.vertical-position-middle .slogan-inner, .component-2161 .search-slogan-container.vertical-position-bottom .slogan-inner { position: static; width: 100%; max-width: 100%; -webkit-transform: translateY(0); transform: translateY(0); } } @media (max-width: 1023px) { .path-taxonomy .search-slogan-container.vertical-position-top .slogan-inner .slogan-text .field--name-field-slogan, .path-taxonomy .search-slogan-container.vertical-position-middle .slogan-inner .slogan-text .field--name-field-slogan, .path-taxonomy .search-slogan-container.vertical-position-bottom .slogan-inner .slogan-text .field--name-field-slogan, .component-1881 .search-slogan-container.vertical-position-top .slogan-inner .slogan-text .field--name-field-slogan, .component-1881 .search-slogan-container.vertical-position-middle .slogan-inner .slogan-text .field--name-field-slogan, .component-1881 .search-slogan-container.vertical-position-bottom .slogan-inner .slogan-text .field--name-field-slogan, .component-1886 .search-slogan-container.vertical-position-top .slogan-inner .slogan-text .field--name-field-slogan, .component-1886 .search-slogan-container.vertical-position-middle .slogan-inner .slogan-text .field--name-field-slogan, .component-1886 .search-slogan-container.vertical-position-bottom .slogan-inner .slogan-text .field--name-field-slogan, .component-2161 .search-slogan-container.vertical-position-top .slogan-inner .slogan-text .field--name-field-slogan, .component-2161 .search-slogan-container.vertical-position-middle .slogan-inner .slogan-text .field--name-field-slogan, .component-2161 .search-slogan-container.vertical-position-bottom .slogan-inner .slogan-text .field--name-field-slogan { color: #63513d; } } @media (max-width: 1023px) { .path-taxonomy .paragraph--type--c-text, .component-1881 .paragraph--type--c-text, .component-1886 .paragraph--type--c-text, .component-2161 .paragraph--type--c-text { margin: 0; } } .path-taxonomy .paragraph--type--c-text .field--name-field-c-text, .component-1881 .paragraph--type--c-text .field--name-field-c-text, .component-1886 .paragraph--type--c-text .field--name-field-c-text, .component-2161 .paragraph--type--c-text .field--name-field-c-text { color: #63513d; } .path-taxonomy .paragraph--type--c-text .field--name-field-c-title, .component-1881 .paragraph--type--c-text .field--name-field-c-title, .component-1886 .paragraph--type--c-text .field--name-field-c-title, .component-2161 .paragraph--type--c-text .field--name-field-c-title { margin-bottom: 48px; } @media (max-width: 1023px) { .path-taxonomy .paragraph--type--c-text .field--name-field-c-title, .component-1881 .paragraph--type--c-text .field--name-field-c-title, .component-1886 .paragraph--type--c-text .field--name-field-c-title, .component-2161 .paragraph--type--c-text .field--name-field-c-title { margin-bottom: 40px; } } .path-taxonomy .paragraph--type--c-text .indent, .component-1881 .paragraph--type--c-text .indent, .component-1886 .paragraph--type--c-text .indent, .component-2161 .paragraph--type--c-text .indent { width: 90%; color: #63513d; font-weight: lighter; margin: 0 auto 16px; line-height: 1.6; } .path-taxonomy .paragraph--type--c-text .indent:first-of-type, .component-1881 .paragraph--type--c-text .indent:first-of-type, .component-1886 .paragraph--type--c-text .indent:first-of-type, .component-2161 .paragraph--type--c-text .indent:first-of-type { margin-top: 30px; } .path-taxonomy .paragraph--type--c-text .indent:last-of-type, .component-1881 .paragraph--type--c-text .indent:last-of-type, .component-1886 .paragraph--type--c-text .indent:last-of-type, .component-2161 .paragraph--type--c-text .indent:last-of-type { margin-bottom: 80px; } @media (max-width: 1023px) { .path-taxonomy .paragraph--type--c-text .indent:last-of-type, .component-1881 .paragraph--type--c-text .indent:last-of-type, .component-1886 .paragraph--type--c-text .indent:last-of-type, .component-2161 .paragraph--type--c-text .indent:last-of-type { margin-bottom: 40px; } } .path-taxonomy .paragraph--type--c-externalvideo, .component-1881 .paragraph--type--c-externalvideo, .component-1886 .paragraph--type--c-externalvideo, .component-2161 .paragraph--type--c-externalvideo { margin: 0 15px; } @media (max-width: 1023px) { .path-taxonomy .paragraph--type--c-externalvideo, .component-1881 .paragraph--type--c-externalvideo, .component-1886 .paragraph--type--c-externalvideo, .component-2161 .paragraph--type--c-externalvideo { margin: 0; } } .brand_category-details .page-title { font-family: "Nestle-Text-Light"; font-size: 44px; font-weight: 200; margin-top: 22px; margin-bottom: 18px; } @media (min-width: 768px) and (max-width: 1023px) { .brand_category-details .page-title { font-size: 35px; } } @media (max-width: 767px) { .brand_category-details .page-title { font-size: 30px; } } .brand_category-details .ckeditor-col-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brand_category-details .ckeditor-col-container .eightcol { width: 65.1%; margin-right: 1.3%; } @media (max-width: 767px) { .brand_category-details .ckeditor-col-container .eightcol { width: 100%; margin: 0; } } .brand_category-details .ckeditor-col-container .fourcol { width: 32%; margin-right: 1.1%; } @media (max-width: 767px) { .brand_category-details .ckeditor-col-container .fourcol { width: 100%; margin: 0; } } .brand_category-details .ckeditor-col-container .sixcol { width: 48.5%; margin-right: 1.2%; } @media (max-width: 767px) { .brand_category-details .ckeditor-col-container .sixcol { width: 100%; margin: 0; } } .brand_category-details .ckeditor-col-container .embedded-entity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 15px 0 0 0; height: 100%; } @media (max-width: 767px) { .brand_category-details .ckeditor-col-container .embedded-entity { padding-top: 5px; } } .brand_category-details .ckeditor-col-container .embedded-entity a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; } .brand_category-details .ckeditor-col-container .embedded-entity a img { display: block; margin: 0 auto 0 auto; width: 100%; height: 100%; } .brand_category-details .ckeditor-col-container .embedded-entity a:hover img { opacity: 0.9; } @media (max-width: 767px) { .path-taxonomy .view-vocabulary-listing { display: none; } } .webform-submission-form ul { padding-left: 1.5em; margin: 0 0 2rem; } .webform-submission-form ul .updates-selected-No { display: none; } .webform-submission-form legend.captcha__title { display: none; } .webform-submission-form .form-group { margin: 0 0 30px 0; } .webform-submission-form .box-attach-file .help-block .webform-element-description { margin-bottom: 0; } .webform-submission-form .webform-confirmation { width: 100%; } .webform-submission-form .webform-confirmation .webform-confirmation__message p { width: 70%; } @media (max-width: 1023px) { .webform-submission-form .webform-confirmation .webform-confirmation__message p { width: 100%; } } .webform-submission-form .unsubscribe-wrapper { border-radius: 0 2em 2em 0; background-color: #f4f4f5; border: 0; padding: 3em; } @media (max-width: 767px) { .webform-submission-form .unsubscribe-wrapper { background-color: transparent; } } @media (max-width: 767px) { .webform-submission-form .unsubscribe-wrapper { padding: 0; border-radius: 0; background-color: transparent; } } @media (max-width: 767px) { .webform-submission-form .unsubscribe-wrapper .form-actions.webform-actions button { width: 100%; } } .webform-submission-form .unsubscribe-wrapper .form-item { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .webform-submission-form .unsubscribe-wrapper .form-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .webform-submission-form .unsubscribe-wrapper .form-item > label { width: 35%; margin-top: 0; margin-right: 1em; color: #63513d; font-size: 16px; } @media (max-width: 767px) { .webform-submission-form .unsubscribe-wrapper .form-item > label { width: 100%; } } .webform-submission-form .unsubscribe-wrapper .form-item .form-textarea-wrapper { width: 100%; } .webform-submission-form .unsubscribe-wrapper .form-item .form-textarea { min-height: 225px; } .webform-submission-form .unsubscribe-wrapper .form-item input, .webform-submission-form .unsubscribe-wrapper .form-item .form-textarea { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #6c707a; font-size: 16px; padding: 0.5em; border: 1px solid #949494; border-radius: 3px; } .webform-submission-form .unsubscribe-wrapper .panel-body { padding: 0; width: 100%; } .webform-submission-form .unsubscribe-wrapper .form-group:first-child { margin-bottom: 15px; } @media (max-width: 767px) { .webform-submission-form .form-actions button { width: 100%; } } @media (max-width: 767px) and (orientation: landscape) { .webform-submission-form .form-actions button { width: auto; } } .webform-submission-form .form-required { position: relative; } .webform-submission-form .form-required:after { position: absolute; content: "*"; background-image: none; color: #ee0000; top: -5px; margin-left: 4px; font-size: 25px; } @media (max-width: 767px) { .webform-submission-form .form-required:after { position: relative; top: 8px; } } .webform-submission-form.webform-submission-sign-up-form .form-item-tnc-agreement .input-error { display: block; } .webform-submission-form.webform-submission-sign-up-form .form-item { display: block; } .webform-submission-form.webform-submission-sign-up-form .webform-confirmation { width: 100%; } .webform-submission-form.webform-submission-sign-up-form .webform-confirmation p { width: 70%; } @media (max-width: 1023px) { .webform-submission-form.webform-submission-sign-up-form .webform-confirmation p { width: 100%; } } .webform-submission-form.webform-submission-sign-up-form .webform-confirmation h2 { width: 100%; } .webform-submission-form .input-error { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .webform-submission-form .input-error label.error { font-size: 12.8px; color: #ce0037; font-style: italic; padding-top: 4px; } .webform-submission-form .input-error input:not(.form-checkbox) { min-height: 40px; } .webform-submission-form .input-error input:not(.form-checkbox).error { color: #ce0037; } .webform-submission-form .input-error input.error { color: #ce0037; } .webform-submission-form .input-error input.error:-ms-input-placeholder { color: #63513d; } .webform-submission-form .form-type-checkbox label.error { color: #ff0000; padding: 0; margin: 0; } .webform-submission-form .panel.user-data, .webform-submission-form .panel#edit-disclaimer { position: relative; } .webform-submission-form .panel.user-data > .panel-heading, .webform-submission-form .panel#edit-disclaimer > .panel-heading { background-color: transparent; border-color: transparent; padding: 0; border: 0; } .webform-submission-form .panel.user-data > .panel-heading a, .webform-submission-form .panel#edit-disclaimer > .panel-heading a { padding-left: 0; padding-right: 0; margin-bottom: 2rem; margin-left: 0; margin-rith: 0; } .webform-submission-form .panel.user-data > .panel-heading a::after, .webform-submission-form .panel#edit-disclaimer > .panel-heading a::after { content: "+"; font-size: 1.3em; color: #007cba; -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; line-height: 1; margin-top: -0.1em; } .webform-submission-form .panel.user-data > .panel-heading a[aria-expanded="true"], .webform-submission-form .panel#edit-disclaimer > .panel-heading a[aria-expanded="true"] { margin-bottom: 0; } .webform-submission-form .panel.user-data > .panel-heading a[aria-expanded="true"]::after, .webform-submission-form .panel#edit-disclaimer > .panel-heading a[aria-expanded="true"]::after { content: "–"; color: #00818f; } .webform-submission-form .panel.user-data > .panel-body, .webform-submission-form .panel#edit-disclaimer > .panel-body { padding-left: 0; padding-right: 0; } .webform-confirmation { width: 80%; color: #63513d; margin-left: auto; margin-right: auto; } .webform-submission-unsubscribe-add-form, .webform-submission-sign-up-add-form, .webform-submission-send-page-add-form { background-color: transparent; padding: 0; } #webform-submission-unsubscribe-add-form > .form-item { display: block; -webkit-box-shadow: none; box-shadow: none; } .webform-submission-sign-up-add-form .panel, .webform-submission-send-page-add-form .panel { display: block; } .webform-submission-sign-up-add-form .panel #edit-global-nestle-news, .webform-submission-sign-up-add-form .panel .js-form-type-checkbox, .webform-submission-send-page-add-form .panel #edit-global-nestle-news, .webform-submission-send-page-add-form .panel .js-form-type-checkbox { display: block; } .webform-submission-send-page-add-form .js-form-item { display: block; } .custom-webform-style { background-color: transparent; padding: 0; color: #30261d; padding-top: 60px; } .custom-webform-style .webform-flexbox .webform-flex:first-child .webform-flex--container { margin-left: 0; } .custom-webform-style .webform-flexbox .webform-flex:last-child .webform-flex--container { margin-right: 0; } .custom-webform-style .webform-flexbox .form-group { margin: 0; } .custom-webform-style .webform-flexbox.form-group { margin: 0 0 15px 0; } .custom-webform-style .webform-flexbox .form-type-date label { margin-top: 5px; } .custom-webform-style h2 { font-family: "Nestle-Text-Light"; font-size: 30px; line-height: 38px; color: #30261d; } @media (max-width: 767px) { .custom-webform-style h2 { font-size: 26px; line-height: 36px; } } .custom-webform-style.webform-submission-recall-information-form #edit-form-title { width: 100%; } @media screen and (min-width: 1366px) { .custom-webform-style.webform-submission-recall-information-form #edit-form-title { max-width: 66.666667%; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1920px) { .custom-webform-style.webform-submission-recall-information-form #edit-form-title { max-width: 50%; } } .custom-webform-style.webform-submission-recall-information-form #edit-form-title .intro-text { padding-bottom: 0; } .custom-webform-style.webform-submission-recall-information-form .webform-button--submit, .custom-webform-style.webform-submission-recall-information-form .button--reset { margin-top: 20px; text-transform: uppercase; } .custom-webform-style.webform-submission-recall-information-form .button--reset { background-color: #8a8a8a; border: none; } .custom-webform-style.webform-submission-recall-information-form .button--reset:hover { background-color: #58595b; } .custom-webform-style.webform-submission-recall-information-form .button--reset span { display: none; } .custom-webform-style.webform-submission-recall-information-form .error-captcha { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; display: block; font-style: italic; color: #d14124; margin: 12px 0 0; padding: 0; width: 100%; float: none; max-width: inherit; margin: -15px 0 0; } .custom-webform-style .form-mandatory-msg { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; font-style: italic; color: #30261d; padding-bottom: 0; margin-top: 10.8px; } .custom-webform-style .form-mandatory-msg span { color: #ff0000; } .youtube-slider .slider-single { margin-bottom: 15px; } .youtube-slider #video-iframe-style { width: 100%; height: 576px; } @media (max-width: 1024px) { .youtube-slider #video-iframe-style { height: 345px; } } @media (max-width: 767px) { .youtube-slider #video-iframe-style { height: 186px; } } .youtube-slider img { width: 100%; opacity: 0.6; } .youtube-slider .slick-slide { margin: 3px; cursor: pointer; } .youtube-slider .slick-slide:focus { outline: none; } .youtube-slider .slider-nav { width: 90%; margin: 0 auto; } @media (max-width: 767px) { .youtube-slider .slider-nav { width: 80%; } } .youtube-slider .slider-nav .slick-current img { opacity: 1; } .youtube-slider .slider-nav h3:before { padding-top: 10px; } .youtube-slider #youtube-block-style h3 { background-color: unset; line-height: 33.6px; font-size: 22.4px; font-family: "Nestle-Text-Bold"; color: #63513d; text-align: center; margin-bottom: 0; } .youtube-slider #youtube-block-style .youtubedesc { font-size: 16px; line-height: 24px; text-align: center; color: #63513d; padding: 5px 0; } .youtube-slider #youtube-block-style .youtubedesc #down { display: block; } .youtube-slider #youtube-block-style .youtubedesc #up { display: none; } .youtube-slider #youtube-block-style .youtubedesc.open #up { display: block; } .youtube-slider #youtube-block-style .youtubedesc.open #down { display: none; } .youtube-slider #youtube-block-style .youtubedesc .expand { padding: 5px 0; display: none; } .youtube-slider #youtube-block-style .youtubedesc .slider { border-top: solid 1px #cccccc; cursor: pointer; } .youtube-slider .slider-nav { position: relative; } .youtube-slider .slider-nav h3 { background-color: unset; font-size: 16px; padding: 0 5px; } @media (max-width: 1023px) { .youtube-slider .slider-nav h3 { font-size: 14px; } } .block-view-container:has(> .block-dark-mode-switch) { -webkit-box-shadow: none; box-shadow: none; border: 0; background: #ffffff; } .block-dark-mode-switch { width: 100%; } .tippy-arrow, .tippy-box { background-color: #333333; } .tippy-box[data-placement^="bottom"] > .tippy-arrow::before { border-bottom-color: #333333; } .darkmode-toggle { background: #ffffff; padding: 0.4em 1.2em; line-height: 1.2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .darkmode-toggle input#dark-mode-switch[type="checkbox"] { height: 0; width: 0; visibility: hidden; } .darkmode-toggle label { font-size: 1em; } .darkmode-toggle button.tooltip-btn { margin: 0 0.3125rem; background-color: #949494; } .darkmode-toggle button.tooltip-btn:hover, .darkmode-toggle button.tooltip-btn:focus, .darkmode-toggle button.tooltip-btn:active { background-color: #007cba; border-color: #007cba; color: #ffffff; } .darkmode-toggle button.tooltip-btn:focus { color: #ffffff; outline: initial; } .darkmode-toggle label.custom-control-label { cursor: pointer; text-indent: -9999px; width: 3.125rem; height: 1.5625rem; background: #949494; display: inline-block; border-radius: 1.5625rem; position: relative; } .darkmode-toggle label.custom-control-label:after { content: ""; position: absolute; top: 0.125rem; left: 0.125rem; width: 1.3125rem; height: 1.3125rem; background: #ffffff; border-radius: 1.3125rem; -webkit-transition: 0.3s; transition: 0.3s; } .darkmode-toggle label.custom-control-label:active:after { width: 3.4375rem; } .darkmode-toggle input#dark-mode-switch:checked + label.custom-control-label { background: #00818f; } .darkmode-toggle input#dark-mode-switch:checked + label.custom-control-label:after { left: calc(100% - 2px); -webkit-transform: translateX(-100%); transform: translateX(-100%); } @media (max-width: 767px) { .darkmode-toggle { padding: 0.4em; } .darkmode-toggle label { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 0.8em; } .darkmode-toggle .custom-control-label { margin: 0; } .darkmode-toggle button.badge { min-width: 0.625rem; padding: 0.0625rem 0.3125rem; font-size: 0.75rem; border-radius: 0.625rem; } .darkmode-toggle label.custom-control-label { width: 2.5rem; height: 1.25rem; border-radius: 1.25rem; } .darkmode-toggle label.custom-control-label:after { top: 0.125rem; left: 0.125rem; width: 1rem; height: 1rem; border-radius: 1rem; } .darkmode-toggle label.custom-control-label:active:after { width: 2.5rem; } } .region-header-below .darkmode-toggle { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; padding-right: 0; } #helptextcontentblock .field--name-body { margin: 0; font-size: 0.9em; display: block; } #helptextcontentblock .field--name-body a { color: white; text-decoration: underline; } @-webkit-keyframes scrollIndicator { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 25% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 1; } 45% { -webkit-transform: translateY(90%); transform: translateY(90%); opacity: 0; } 55% { -webkit-transform: translateY(-90%); transform: translateY(-90%); opacity: 0; } 75% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes scrollIndicator { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 25% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 1; } 45% { -webkit-transform: translateY(90%); transform: translateY(90%); opacity: 0; } 55% { -webkit-transform: translateY(-90%); transform: translateY(-90%); opacity: 0; } 75% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes scrollIndicatorReverse { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 25% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } 45% { -webkit-transform: translateY(-90%); transform: translateY(-90%); opacity: 0; } 55% { -webkit-transform: translateY(90%); transform: translateY(90%); opacity: 0; } 75% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes scrollIndicatorReverse { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 25% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } 45% { -webkit-transform: translateY(-90%); transform: translateY(-90%); opacity: 0; } 55% { -webkit-transform: translateY(90%); transform: translateY(90%); opacity: 0; } 75% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .region-page-header { padding-left: 15px; padding-right: 15px; } .hide-default-heading .region-page-header, .page-node-type-profile .region-page-header { display: none; } .page-header { padding-bottom: 0; border-bottom: 0; margin-bottom: 40px; position: relative; overflow: hidden; width: 100%; } .hide-default-heading .page-header { display: none; } .page-header--dark-oak.page-header--banner .page-header__body { background: #30261d; color: #ffffff; } .page-header--dark-oak.page-header--banner .page-header__image { background: rgb(38.4, 30.4, 23.2); } .page-header--oak.page-header--banner .page-header__body { background: #63513d; color: #ffffff; } .page-header--oak.page-header--banner .page-header__image { background: rgb(79.2, 64.8, 48.8); } .page-header--85-oak.page-header--banner .page-header__body { background: #8a7969; color: #ffffff; } .page-header--85-oak.page-header--banner .page-header__image { background: rgb(110.4, 96.8, 84); } .page-header--30-oak.page-header--banner .page-header__body { background: #d1cbc5; color: #34220d; } .page-header--30-oak.page-header--banner .page-header__image { background: rgb(167.2, 162.4, 157.6); } .page-header--15-oak.page-header--banner .page-header__body { background: #e8e5e2; color: #34220d; } .page-header--15-oak.page-header--banner .page-header__image { background: rgb(185.6, 183.2, 180.8); } .page-header--5-oak.page-header--banner .page-header__body { background: #f6f5f4; color: #34220d; } .page-header--5-oak.page-header--banner .page-header__image { background: rgb(196.8, 196, 195.2); } .page-header--white.page-header--banner .page-header__body { background: #ffffff; color: #34220d; } .page-header--white.page-header--banner .page-header__image { background: #cccccc; } .page-header--blue.page-header--banner .page-header__body { background: #007cba; color: #ffffff; } .page-header--blue.page-header--banner .page-header__image { background: #026ba0; } .page-header--teal.page-header--banner .page-header__body { background: #00818f; color: #ffffff; } .page-header--teal.page-header--banner .page-header__image { background: rgb(0, 103.2, 114.4); } .page-header--green.page-header--banner .page-header__body { background: #2e8025; color: #ffffff; } .page-header--green.page-header--banner .page-header__image { background: #1e6c15; } .page-header--orange.page-header--banner .page-header__body { background: #d64123; color: #ffffff; } .page-header--orange.page-header--banner .page-header__image { background: #bc3114; } .page-header--red.page-header--banner .page-header__body { background: #ca003d; color: #ffffff; } .page-header--red.page-header--banner .page-header__image { background: rgb(161.6, 0, 48.8); } .page-header--pink.page-header--banner .page-header__body { background: #a50064; color: #ffffff; } .page-header--pink.page-header--banner .page-header__image { background: #840050; } .page-header--purple.page-header--banner .page-header__body { background: #8f4899; color: #ffffff; } .page-header--purple.page-header--banner .page-header__image { background: rgb(114.4, 57.6, 122.4); } .page-header--purple-alt.page-header--banner .page-header__body { background: #6f2277; color: #ffffff; } .page-header--purple-alt.page-header--banner .page-header__image { background: rgb(88.8, 27.2, 95.2); } .page-header--annual-red.page-header--banner .page-header__body { background: #ce0037; color: #ffffff; } .page-header--annual-red.page-header--banner .page-header__image { background: rgb(164.8, 0, 44); } .page-header--annual-pink.page-header--banner .page-header__body { background: #c6007e; color: #ffffff; } .page-header--annual-pink.page-header--banner .page-header__image { background: rgb(158.4, 0, 100.8); } .page-header--annual-teal.page-header--banner .page-header__body { background: #007681; color: #ffffff; } .page-header--annual-teal.page-header--banner .page-header__image { background: rgb(0, 94.4, 103.2); } .page-header--annual-yellow.page-header--banner .page-header__body { background: #eaaa00; color: #ffffff; } .page-header--annual-yellow.page-header--banner .page-header__image { background: rgb(187.2, 136, 0); } .page-header--annual-brown.page-header--banner .page-header__body { background: #774212; color: #ffffff; } .page-header--annual-brown.page-header--banner .page-header__image { background: rgb(95.2, 52.8, 14.4); } .page-header--annual-purple.page-header--banner .page-header__body { background: #ac4fc6; color: #ffffff; } .page-header--annual-purple.page-header--banner .page-header__image { background: rgb(137.6, 63.2, 158.4); } .page-header__title { font-family: "Nestle-Text-Book"; font-weight: 400; } .page-header--side.page-header--has-scroll .page-header__title:first-child { margin-top: auto; } .page-header--hero .page-header__title strong, .page-header--hero .page-header__title b, .page-header--banner .page-header__title strong, .page-header--banner .page-header__title b { font-family: "NestleBrush"; font-weight: 400; font-size: 1.2em; } .page-header__title:not(:last-child) { margin-bottom: 0.25em; } .page-header__scroll { width: 1.1666666667em; height: 1.75em; border: 2px solid currentcolor; border-radius: 0.5833333333em; display: inline-block; vertical-align: middle; margin: 1.5rem 0 0; } .page-header--side .page-header__scroll { margin-top: auto; } @media (pointer: coarse) { .page-header__scroll { border-radius: 0.375em; } } .page-header__scroll::before { content: ""; display: block; margin: 0.375em auto 0; width: 0.25em; height: 0.25em; border-radius: 0.125em; background: currentcolor; -webkit-animation: scrollIndicator 1.333s linear infinite; animation: scrollIndicator 1.333s linear infinite; } @media (pointer: coarse) { .page-header__scroll::before { margin-top: 0.6666666667em; -webkit-animation: scrollIndicatorReverse 1.333s linear infinite; animation: scrollIndicatorReverse 1.333s linear infinite; } } .page-header__body { padding-left: 10%; padding-right: 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-header__body > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .page-header__body p { padding-bottom: 0; } .page-header__body p:not(:last-child) { margin-bottom: 1em; } .page-header__date { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; font-size: 0.875rem; text-transform: uppercase; } .page-header--side.page-header--has-scroll .page-header__date { margin-top: auto; } .page-header__image { position: relative; } .page-header__background-image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; background-size: cover; } .page-header__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-header__background .field--label { display: none; } .page-header__background img { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: none; max-height: none; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .page-header__background img { top: 0; left: 0; -webkit-transform: none; transform: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } } @media (max-width: 767px) { .page-header__background--default:not(:only-child) { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } } @media (min-width: 768px) { .page-header__background--mobile { display: none; } } @media (max-width: 767px) { .page-header__outside { margin-top: 35px; } } @media (min-width: 768px) { .page-header__outside { margin-top: 54px; } } @media (min-width: 1024px) { .page-header__outside { margin-top: 80px; } } .page-header__modal { width: 100rem; max-width: 80vw; } .page-header__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } .page-header__video .da-vinci-code-icon { top: 0; -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } .page-header__video, .page-header__video:hover { color: #fff; } .page-header__video:hover { opacity: 0.75; } .page-header__video:hover .da-vinci-code-icon { -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 767px) { .page-header__video { font-size: 3rem; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .page-header__video { font-size: 6rem; } } @media screen and (min-width: 1280px) { .page-header__video { font-size: 8rem; } } @media (max-width: 1023px) { .page-header + .page-header__social-share { display: none; } } @media (min-width: 1024px) { .page-header + .page-header__social-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .hide-default-heading .page-header + .page-header__social-share { display: none; } .page-header--article .page-header__wrap { margin: 0 10%; width: auto; } .page-header--article .page-header__body { padding-left: 0; padding-right: 0; } .page-header--article .page-header__title { margin-bottom: 0; overflow-wrap: break-word; } @media (max-width: 767px) { .page-header--article { margin-top: 3rem; } .page-header--article .page-header__date { margin-bottom: 1.5rem; } .page-header--article .page-header__content { margin-top: 1.875rem; font-size: 1.125rem; } .page-header--article .page-header__image { margin-top: 1rem; } } @media (max-width: 1023px) { .page-header--article .page-header__title-wrap .page-header__social-share { display: none; } } @media (min-width: 1024px) { .page-header--article .page-header__title-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-header--article .page-header__title { margin-right: 1.5rem; } } @media (min-width: 768px) { .page-header--article .page-header__content { font-size: 1.625rem; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .page-header--article { margin-top: 4rem; } .page-header--article .page-header__date { margin-bottom: 1.875rem; } .page-header--article .page-header__content { margin-top: 2.5rem; } .page-header--article .page-header__image { margin-top: 1.875rem; } } @media screen and (min-width: 1280px) { .page-header--article { margin-top: 4.5rem; } .page-header--article .page-header__date { margin-bottom: 2.625rem; } .page-header--article .page-header__content { margin-top: 3.5rem; } .page-header--article .page-header__image { margin-top: 2.625rem; } } .page-header--article .page-header__background, .page-header--article .page-header__background-image, .page-header--article .page-header__background img { position: static; top: auto; left: auto; width: 100%; height: auto; -webkit-transform: none; transform: none; max-width: 100%; } @media (min-width: 1024px) { .page-header--article .page-header__title, .page-header--article .page-header__content, .page-header--article .page-header__image { width: 70%; } } .page-header--article.page-header--full .page-header__image { margin-left: -12.5%; margin-right: -12.5%; } @media (min-width: 1024px) { .page-header--article.page-header--full .page-header__image { width: auto; } } .page-header--article .page-header__outside { display: none; } @media (max-width: 767px) { .page-header--banner { margin-bottom: 0.3125rem; } } @media (max-width: 767px) { .page-header--banner .page-header__title { margin-bottom: 0.3125rem; } } @media (max-width: 767px) { .page-header--banner .page-header__title { font-size: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--banner .page-header__title { font-size: 2.5rem; } } @media (min-width: 1024px) { .page-header--banner .page-header__title { font-size: 3.125rem; } } @media (max-width: 767px) { .page-header--banner .page-header__body { font-size: 1rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--banner .page-header__body { font-size: 1.375rem; } } @media (min-width: 1024px) { .page-header--banner .page-header__body { font-size: 1.875rem; } } .page-header--banner .page-header__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1279px) { .page-header--banner .page-header__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .page-header--banner .page-header__outside { display: none; } .page-header--banner .page-header__below { margin-top: 32px; } .page-header--banner .page-header__body { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .page-header--banner .page-header__body { padding: 2.25rem 10%; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .page-header--banner .page-header__body { padding: 3.125rem 10%; } } @media screen and (min-width: 1280px) { .page-header--banner .page-header__body { border-top-right-radius: 48px; margin-right: -48px; min-height: 26.25rem; width: 50%; padding: 4.5rem 3.125rem 4.5rem 10%; } } .page-header--banner .page-header__image { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } @media screen and (max-width: 1279px) { .page-header--banner .page-header__image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .page-header--banner .page-header__image::before { content: ""; display: block; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .page-header--banner .page-header__image::before { padding-bottom: 34%; } } @media (max-width: 767px) { .page-header--banner .page-header__image::before { padding-bottom: 40%; } } .page-header--hero .page-header__wrap { color: #fff; } @media (max-width: 767px) { .page-header--hero .page-header__wrap { height: 17.0625rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--hero .page-header__wrap { height: 27.5rem; } } @media (min-width: 1024px) { .page-header--hero .page-header__wrap { height: 38.125rem; } } .page-header--hero .page-header__title { margin: 0; } @media (max-width: 767px) { .page-header--hero .page-header__title { margin-bottom: 0.3125rem; } } @media (max-width: 767px) { .page-header--hero .page-header__title { font-size: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--hero .page-header__title { font-size: 3.375rem; } } @media (min-width: 1024px) { .page-header--hero .page-header__title { font-size: 4.375rem; } } @media (max-width: 767px) { .page-header--hero .page-header__body, .page-header--hero .page-header__outside { font-size: 1rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--hero .page-header__body, .page-header--hero .page-header__outside { font-size: 1.25rem; } } @media (min-width: 1024px) { .page-header--hero .page-header__body, .page-header--hero .page-header__outside { font-size: 1.5rem; } } .page-header--hero .page-header__wrap, .page-header--hero .page-header__body { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .page-header--hero .page-header__body { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } @media (max-width: 767px) { .page-header--hero .page-header__body { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } } @media (max-width: 767px) { .page-header--hero .page-header__body, .page-header--hero .page-header__outside { padding-top: 2rem; padding-bottom: 2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--hero .page-header__body, .page-header--hero .page-header__outside { padding-top: 3rem; padding-bottom: 3rem; } } @media (min-width: 1024px) { .page-header--hero .page-header__body, .page-header--hero .page-header__outside { padding-top: 4rem; padding-bottom: 4rem; } } .page-header--hero .page-header__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .page-header--hero .page-header__outside { background: #f6f5f4; color: #34220d; margin-top: 0; } @media (max-width: 767px) { .page-header--hero .page-header__outside { font-size: 16px; } } @media (min-width: 768px) { .page-header--hero .page-header__outside { display: none; } } @media (max-width: 767px) { .page-header--hero.page-header--side .page-header__body { text-align: center; } } @media (max-width: 1023px) { .page-header--hero.page-header--side .page-header__body { width: 100%; background-image: -webkit-gradient( linear, left top, right top, color-stop(20%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) ); } } @media (min-width: 1024px) { .page-header--hero.page-header--side .page-header__body { width: 60%; background-image: -webkit-gradient( linear, left top, right top, color-stop(20%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) ); } } @media (min-width: 1024px) { .page-header--hero.page-header--side .page-header__title { max-width: 31.75rem; } } @media (min-width: 768px) { .page-header--hero.page-header--side .page-header__below { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .page-header--hero.page-header--side .page-header__outside { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 767px) { .page-header--hero.page-header--side .page-header__social-share { margin-top: 1.5rem; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media (min-width: 768px) { .page-header--hero.page-header--side .page-header__social-share:not(:last-child) { margin-right: 2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--hero.page-header--side.page-header--video .page-header__body { width: 66.66667%; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--hero.page-header--side.page-header--video .page-header__video { padding-left: 66.6667%; } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .page-header--hero.page-header--side.page-header--video .page-header__video { padding-left: 33.33333%; } } @media (min-width: 1024px) { .page-header--hero.page-header--side.page-header--video .page-header__video .da-vinci-code-icon { margin-left: 0.5em; } } @media screen and (min-width: 1280px) { .page-header--hero.page-header--side.page-header--video .page-header__video { padding-left: 10%; } } .page-header--hero.page-header--bottom .page-header__wrap { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .page-header--hero.page-header--bottom .page-header__body { text-align: center; width: 100%; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)) ); background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) ); } @media (min-width: 768px) { .page-header--hero.page-header--bottom .page-header__video { padding-bottom: 10%; } .page-header--hero.page-header--bottom .page-header__video .da-vinci-code-icon { margin-bottom: 0.5em; } } .page-header--hero.page-header--bottom .page-header__outside { text-align: center; } .page-header--hero.page-header--bottom .page-header__social-share { margin-top: 1.5rem; } .page-header--story .page-header__wrap { color: #fff; } @media (max-width: 767px) { .page-header--story .page-header__wrap { height: 20rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--story .page-header__wrap { height: 37.5rem; } } @media (min-width: 1024px) { .page-header--story .page-header__wrap { height: 50rem; } } @media (max-width: 767px) { .page-header--story .page-header__title { margin-bottom: 0.3125rem; } } @media (max-width: 767px) { .page-header--story .page-header__title { font-size: 1.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--story .page-header__title { font-size: 3.375rem; } } @media (min-width: 1024px) { .page-header--story .page-header__title { font-size: 4.375rem; } } .page-header--story .page-header__outside { text-align: center; } @media (min-width: 768px) { .page-header--story .page-header__outside { display: none; } } @media (max-width: 767px) { .page-header--story .page-header__body, .page-header--story .page-header__outside { font-size: 1rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--story .page-header__body, .page-header--story .page-header__outside { font-size: 1.25rem; } } @media (min-width: 1024px) { .page-header--story .page-header__body, .page-header--story .page-header__outside { font-size: 1.5rem; } } .page-header--story .page-header__wrap, .page-header--story .page-header__body { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .page-header--story .page-header__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } .page-header--story .page-header__body > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 767px) { .page-header--story .page-header__body { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } } @media (max-width: 767px) { .page-header--story .page-header__body, .page-header--story .page-header__outside { padding-top: 2rem; padding-bottom: 2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .page-header--story .page-header__body, .page-header--story .page-header__outside { padding-top: 3rem; padding-bottom: 3rem; } } @media (min-width: 1024px) { .page-header--story .page-header__body, .page-header--story .page-header__outside { padding-top: 4rem; padding-bottom: 4rem; } } .page-header--story .page-header__outside { margin-top: 0; background: #f6f5f4; color: #34220d; } .page-header--story.page-header--communities .page-header__outside { background: #d64123; color: #ffffff; } .page-header--story.page-header--individuals-families .page-header__outside { background: #007cba; color: #ffffff; } .page-header--story.page-header--planet .page-header__outside { background: #2e8025; color: #ffffff; } .page-header--story .page-header__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } @media (max-width: 767px) { .page-header--story.page-header--side .page-header__body { text-align: center; } } @media (max-width: 1023px) { .page-header--story.page-header--side .page-header__body { width: 100%; background-image: -webkit-gradient( linear, left top, right top, color-stop(20%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) ); } } @media (min-width: 1024px) { .page-header--story.page-header--side .page-header__body { width: 60%; background-image: -webkit-gradient( linear, left top, right top, color-stop(20%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) ); } } @media (min-width: 1024px) { .page-header--story.page-header--side .page-header__title { max-width: 31.75rem; } } .page-header--story.page-header__social-share { display: none; } .page-header--story.page-header--bottom .page-header__wrap { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .page-header--story.page-header--bottom .page-header__body { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 100%; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)) ); background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) ); } .page-header--story.page-header--bottom .page-header__video { padding-bottom: 10%; } .page-header--story.page-header--bottom .page-header__video .da-vinci-code-icon { margin-bottom: 0.5em; } .page-header--story + .page-header__social-share { display: none; } .accordion-with-image-wrapper .field--name-field-background-image { display: none; } @media (min-width: 768px) and (max-width: 1024px) { .accordion-with-image-wrapper .accordion-group.component-paragraph-field { width: 100%; } } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion-group.component-paragraph-field { width: 100%; } } .accordion-with-image-wrapper .accordion-with-image_elements { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion-with-image_elements { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .accordion-with-image-wrapper .accordion__item__image_title_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion__item__image_title_wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion__button__indicator { display: block; margin-top: 2px; height: 0.82333em; width: 0.84333em; } } .accordion-with-image-wrapper .mobile-accordion-item-image img { width: 100%; } .accordion-with-image-wrapper .accordion-with-image__heading { text-align: center; max-width: 75%; font-size: 2.2em; margin-bottom: 35px; margin-left: auto; margin-right: auto; color: #30261d; } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion-with-image__heading { font-size: 24.8px; max-width: 90%; margin-bottom: 18px; } } .accordion-with-image-wrapper .main-accordion-content { width: 50%; padding-left: 2.1875rem; padding-right: 2.1875rem; } @media (min-width: 768px) and (max-width: 1024px) { .accordion-with-image-wrapper .main-accordion-content { width: 100%; } } @media (max-width: 767px) { .accordion-with-image-wrapper .main-accordion-content { width: 100%; padding-left: 0; padding-right: 0; } } .accordion-with-image-wrapper .field--name-field-column-first { border-bottom: 1px solid #cccccc; padding-bottom: 25px; margin-bottom: 12px; } @media (max-width: 767px) { .accordion-with-image-wrapper .field--name-field-column-first { font-size: 16px !important; border-bottom: none; } } .accordion-with-image-wrapper .accordion__body { padding-top: 0; padding-bottom: 0; } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion__body { padding-left: 40px; padding-right: 40px; } } .accordion-with-image-wrapper .accordion-image { display: none; } @media (min-width: 768px) and (max-width: 1024px) { .accordion-with-image-wrapper .mobile-accordion-item-image img { display: block; } } @media (max-width: 767px) { .accordion-with-image-wrapper .mobile-accordion-item-image img { display: block; } } .accordion-with-image-wrapper .mb-image { display: none; } @media (min-width: 768px) and (max-width: 1024px) { .accordion-with-image-wrapper .mb-image { display: block; } } @media (max-width: 767px) { .accordion-with-image-wrapper .mb-image { display: block; } } @media (min-width: 768px) and (max-width: 1024px) { .accordion-with-image-wrapper .lg-image { display: none !important; } } @media (max-width: 767px) { .accordion-with-image-wrapper .lg-image { display: none !important; } } .accordion-with-image-wrapper .accordion__item_title { display: -webkit-box; display: -ms-flexbox; display: flex; } .accordion-with-image-wrapper .accordion-item-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 768px) and (max-width: 1024px) { .accordion-with-image-wrapper .accordion-item-image { display: none !important; } } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion-item-image { display: none !important; } } .accordion-with-image-wrapper .accordion-item-image img.accordion-image.lg-image { width: 562px; height: 562px; } .accordion-with-image-wrapper .accordion__item_title { font-weight: bold; font-size: 23.4px; margin-bottom: 25px; font-family: "Nestle-Text-Bold"; } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion__item_title { font-size: 18px; margin-bottom: 16px; } } .accordion-with-image-wrapper .accordion__button { border: none !important; } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion__button { border-bottom: 1px solid #cccccc !important; padding-bottom: 0 !important; padding-left: 40px; padding-right: 40px; } } .accordion-with-image-wrapper .accordion__button:focus { border: none; outline: none; } .accordion-with-image-wrapper .mobile-accordion-item-image { display: none; } .accordion-with-image-wrapper .accordion--active { border: none !important; } @media (min-width: 1025px) { .accordion-with-image-wrapper .accordion--active .accordion__button__indicator { opacity: 0; } } .accordion-with-image-wrapper .accordion--active .accordion__button { border-bottom: none; border-top: 2px solid !important; } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion--active .accordion__button { border-bottom: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .accordion-with-image-wrapper .accordion--active .mobile-accordion-item-image { display: block !important; } } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion--active .mobile-accordion-item-image { display: block !important; } } .accordion-with-image-wrapper .accordion--active .mobile-accordion-item-image .accordion-image-container .accordion-image.lg-image { display: none !important; } @media (max-width: 767px) { .accordion-with-image-wrapper .accordion--active .accordion__body { border-bottom: 1px solid #cccccc; } } .accordion-with-image-wrapper .field--name-field-cta-button-url a { padding: 0 !important; background: none !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #026ea8; text-transform: uppercase; font-size: 13px !important; } .accordion-with-image-wrapper .field--name-field-cta-button-url a:hover { color: #026ea8 !important; } .accordion-with-image-wrapper .field--name-field-cta-button-url a:after { content: ""; display: block; position: absolute; top: 50%; right: -20px; width: 0.75em; height: 0.875em; margin-top: -7px !important; margin-left: 10px; background: url(./arrow-right--blue.svg) no-repeat center center/100% 100% !important; } .accordion-with-image-wrapper .field--name-field-cta-button-url a:hover:after { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .accordion-with-image-wrapper .field--name-field-cta-button-url a.external:after { background-image: url(./icon-external.svg) !important; } .region-banner { position: relative; -webkit-box-shadow: none; box-shadow: none; } .region-banner.well { background-color: transparent; border: none; margin: 0; padding: 0; } .region-banner .block-views-blocksearch-banner-block { min-height: 30vh; margin-bottom: 2rem; width: 100%; } @media (max-width: 1023px) { .region-banner .block-views-blocksearch-banner-block { height: auto; min-height: auto; width: 100%; } } @media (max-width: 767px) { .region-banner .block-views-blocksearch-banner-block { border-bottom-right-radius: 0; } } .region-banner .block-views-blocksearch-banner-block .view-search-banner { z-index: 1; } .region-banner .block-views-blocksearch-banner-block .view-search-banner article { height: 0; } .region-banner .block-views-blocksearch-banner-block .view-search-banner article h2 { display: none; } .region-banner .block-views-blocksearch-banner-block .field-components-container { height: 100%; } .region-banner .block-views-blocksearch-banner-block .field-components-container .component-paragraph-field { height: 100%; } .region-banner .block-views-blocksearch-banner-block .paragraph--type--c-image .field--name-field-c-image { position: relative; margin-bottom: -4.375rem; height: 23.75rem; overflow: hidden; } @media (min-width: 768px) and (max-width: 1023px) { .region-banner .block-views-blocksearch-banner-block .paragraph--type--c-image .field--name-field-c-image { height: 37.5rem; } } @media (min-width: 1024px) { .region-banner .block-views-blocksearch-banner-block .paragraph--type--c-image .field--name-field-c-image { height: 50rem; margin-bottom: -9.6875rem; } } .region-banner .block-views-blocksearch-banner-block .paragraph--type--c-image .field--name-field-c-image::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent) ); background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); z-index: 1; } .region-banner .block-views-blocksearch-banner-block .paragraph--type--c-image .field--name-field-c-image img { position: absolute; top: 50%; left: 50%; right: 0; bottom: 0; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .region-banner .block-views-blocksearch-banner-block .paragraph--type--c-image .field--name-field-c-image img { top: 0; left: 0; height: 100%; -webkit-transform: none; transform: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } } .region-banner .block-views-blocksearch-banner-block .field--name-field-ln-n-components { margin: 0; } .region-banner .block-views-blocksearch-banner-block .paragraph.search-slogan-container { height: auto; } @media (max-width: 1023px) { .region-banner .block-views-blocksearch-banner-block .paragraph.search-slogan-container { -webkit-transform: translateY(0); transform: translateY(0); padding-bottom: 0; margin-bottom: 0; } } .region-banner .block-views-blocksearch-banner-block .paragraph.search-slogan-container .slogan-text { position: absolute; bottom: 100%; left: 0; right: 0; color: #fff; } .region-banner .block-views-blocksearch-banner-block .paragraph.search-slogan-container .slogan-text__title { color: inherit; } .search-slogan-container { position: relative; margin: 0 auto; max-width: 96.875rem; margin-bottom: 1.25rem; } @media (min-width: 1024px) { .search-slogan-container { padding: 0 1.25rem; } } .search-slogan-container .slogan-search-filter-form { background-color: #a50064; border-top-right-radius: 35px; padding: 2.1875rem 1.25rem; } @media (min-width: 768px) and (max-width: 1023px) { .search-slogan-container .slogan-search-filter-form { padding: 3.125rem 2.8125rem 3.4375rem; } } @media (min-width: 1024px) { .search-slogan-container .slogan-search-filter-form { border-radius: 15px; padding: 1.875rem 3.125rem; } } .search-slogan-container .slogan-search-filter-form__heading { text-align: center; color: #ffffff; font-family: "Nestle-Text-Bold"; font-size: 26px; margin-bottom: 2.1875rem; } @media (min-width: 768px) and (max-width: 1023px) { .search-slogan-container .slogan-search-filter-form__heading { font-size: 20px; margin-bottom: 1.5625rem; } } @media (max-width: 767px) { .search-slogan-container .slogan-search-filter-form__heading { font-size: 16px; margin-bottom: 1.375rem; } } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block { display: block; width: 100%; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block::before { display: none; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form--inline { margin: 0; padding: 0; list-style: none; margin-left: -1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form--inline::after, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form--inline::before { display: none; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item-keyword { position: relative; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item { float: none; margin-bottom: 0.9375rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-left: 1rem; margin-bottom: 1rem; display: block; } @media (min-width: 768px) { .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item { width: 50%; } } @media (min-width: 1024px) { .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item { width: 25%; } } @media (min-width: 768px) and (max-width: 1023px) { .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item:first-of-type { width: 100%; } } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item label { color: #ffffff; margin-bottom: 0.25rem; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item input, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item .select-wrapper, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item select { width: 100%; height: 2.25rem; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item input:focus, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item .select-wrapper:focus, .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item select:focus { outline: 2px solid currentColor; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item input::-ms-clear { display: none; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item input::-webkit-input-placeholder { color: #30261d; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item input::-moz-placeholder { color: #30261d; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item input:-ms-input-placeholder { color: #30261d; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item input::-ms-input-placeholder { color: #30261d; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item input::placeholder { color: #30261d; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item .input-group { width: 100%; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item .input-group input + span.input-group-addon { background-color: transparent; border: none; color: transparent; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 5; width: auto; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-item .input-group input + span.input-group-addon > span { opacity: 0.9; right: 0.6875rem; position: absolute; top: 0.6875rem; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .select-wrapper:after { content: ""; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions { float: none; width: 100%; padding-left: 1rem; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (min-width: 768px) { .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn { width: 100%; margin-top: 1rem; margin-right: 0; } @media (min-width: 768px) and (max-width: 1023px) { .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn { max-width: 20.625rem; margin-top: 2.1875rem; } } @media (min-width: 1024px) { .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn { width: auto; margin-top: 0.9375rem; } } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn.icon-before .glyphicon { width: 1.25rem; height: 1.25rem; background: url(./Search-Icon-blue.svg) no-repeat; background-size: 100%; top: 0; vertical-align: text-bottom; margin-left: 0; margin-right: 0.625rem; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn.icon-before .glyphicon::before { display: none; } .search-slogan-container .block-views-exposed-filter-blocksearch-search-filter-block form .form-actions .btn:nth-child(2) { margin-right: 1rem; } @media (max-width: 1023px) { .search-slogan-container .slogan-inner { position: static; } } .slogan-text { text-align: center; } .slogan-text__title { font-size: 80px; line-height: 1.3; font-family: "NestleBrush"; color: #63513d; margin: 0 auto 1.5625rem; } @media (min-width: 768px) and (max-width: 1023px) { .slogan-text__title { font-size: 65px; line-height: 1.3; } } @media (max-width: 767px) { .slogan-text__title { font-size: 36px; padding: 0; max-width: 80%; } } .path-search .region-content > article, .block-job-search-block .region-content > article { position: relative; } .path-search .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--c-image, .block-job-search-block .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--c-image { height: 31.2rem; min-height: 68vh; overflow: hidden; margin-bottom: 2rem; } @media (max-width: 1023px) { .path-search .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--c-image, .block-job-search-block .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--c-image { height: 36.9rem; } } .path-search .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--c-image .field, .block-job-search-block .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--c-image .field { float: left; height: 100%; width: 100%; } .path-search .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--c-image .field img, .block-job-search-block .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--c-image .field img { float: left; width: 100%; } @media (max-width: 1023px) { .path-search .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--c-image .field img, .block-job-search-block .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--c-image .field img { height: 100%; display: block; margin-left: auto; margin-right: auto; -o-object-fit: cover; object-fit: cover; } } .career-areas .region-content .field--name-field-ln-n-components, .companies .region-content .field--name-field-ln-n-components, .locations .region-content .field--name-field-ln-n-components { margin: 0; } .path-taxonomy .region-content .field--name-field-ln-n-components { margin: 0 15px; } .path-jobs article .contextual { z-index: 1000; } .path-jobs article .contextual .trigger { top: 54px; } .path-jobs article .contextual .contextual-links { top: 54px; } .brand-category-grid-container > .component-paragraph-field { width: 100%; } .brand-category-grid-container .image-with-text-header-container { max-width: 60%; margin-left: auto; margin-right: auto; text-align: center; } @media (max-width: 767px) { .brand-category-grid-container .image-with-text-header-container { max-width: 75%; } } @media (min-width: 1024px) { .brand-category-grid-container .brand-category-grid-wrapper .brand-category-grid-inner { padding-left: 27px; padding-right: 27px; max-width: 1010px; margin-left: auto; margin-right: auto; } } @media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1251px) { .brand-category-grid-container .brand-category-grid-wrapper .brand-category-grid-inner { padding-left: 17px; padding-right: 17px; } } @media (min-width: 1024px) and (max-width: 1024px) { .brand-category-grid-container .brand-category-grid-wrapper .brand-category-grid-inner { max-width: 980px; } } .brand-category-grid-container .brand-category-grid-wrapper .card-grid-container__title { font-size: 1.6875rem; font-family: "Nestle-Text-Book"; color: #30261d; margin-bottom: 0.9375rem; } .brand-category-grid-container .brand-category-grid-wrapper .card-grid-container__description { font-size: 1rem; color: #30261d; font-family: "Nestle-Text-Book"; line-height: 1.5rem; } .brand-category-grid-container .brand-category-grid-wrapper .card-grid { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: auto; margin-right: auto; } @media (min-width: 975px) { .brand-category-grid-container .brand-category-grid-wrapper .card-grid { max-width: 980px; } } @media (min-width: 768px) and (max-width: 974px) { .brand-category-grid-container .brand-category-grid-wrapper .card-grid { max-width: 650px; } } @media (max-width: 767px) { .brand-category-grid-container .brand-category-grid-wrapper .card-grid { max-width: 80%; } .brand-category-grid-container .brand-category-grid-wrapper .card-grid .card-grid__item { margin-left: auto; margin-right: auto; } } .brand-category-grid-container .brand-category-grid-wrapper .card-grid__item { width: 297px; padding-left: 0; padding-right: 0; } .brand-category-grid-container .brand-category-grid-wrapper .card-grid__item:hover .field--name-field-c-link a:after { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } @media (max-width: 1024px) { .brand-category-grid-container .brand-category-grid-wrapper .card-grid__item { margin-right: 0; } } @media (max-width: 767px) { .brand-category-grid-container .brand-category-grid-wrapper .card-grid__item { text-align: center; } .brand-category-grid-container .brand-category-grid-wrapper .card-grid__item .paragraph--type--image-with-text-link-card { margin-left: auto; margin-right: auto; width: 100%; } } @media (max-width: 767px) { .brand-category-grid-container .brand-category-grid-wrapper .card-grid__item .image-wrapping-link { display: block; text-align: center; } } .brand-category-grid-container .brand-category-grid-wrapper .card-grid__item .image-wrapping-link img { -webkit-box-shadow: 2px 2px 5px rgba(46, 38, 30, 0.2); box-shadow: 2px 2px 5px rgba(46, 38, 30, 0.2); border-radius: 12px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; } @media (max-width: 767px) { .brand-category-grid-container .brand-category-grid-wrapper .card-grid__item .image-wrapping-link img { display: block; -ms-flex-negative: 0; flex-shrink: 0; } } .brand-category-grid-container .brand-category-grid-wrapper .card-grid__item .image-wrapping-link:hover img { opacity: 1; -webkit-box-shadow: 2px 2px 10px rgba(46, 38, 30, 0.3215686275); box-shadow: 2px 2px 10px rgba(46, 38, 30, 0.3215686275); } @media (max-width: 767px) { .brand-category-grid-container .brand-category-grid-wrapper .card-grid__item { width: 100%; } } .brand-category-grid-container .brand-category-grid-wrapper .card-grid-container__header.text-align-center { max-width: 60%; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .brand-category-grid-container .brand-category-grid-wrapper .card-grid-container__header.text-align-center { max-width: 75%; } } @media (max-width: 1023px) { .brand-category-grid-container .brand-category-grid-wrapper .card-grid-container__header h2 { max-width: initial !important; } } .brand-category-grid-container .brand-category-grid-wrapper .field--name-field-c-link { margin-top: 10px; margin-bottom: 15px; } @media (max-width: 767px) { .brand-category-grid-container .brand-category-grid-wrapper .field--name-field-c-link { text-align: left; margin-bottom: 0; } } .brand-category-grid-container .brand-category-grid-wrapper .field--name-field-c-link a { font-weight: bold; font-size: 18px; color: #30261d; } .brand-category-grid-container .brand-category-grid-wrapper .field--name-field-c-link a:after { content: " "; background: url(./arrow-right--dark.svg) no-repeat center center/100% 100%; width: 0.75em; height: 0.875em; display: inline-block; position: relative; vertical-align: middle; margin-bottom: 2px; margin-left: 15px; margin-right: 15px; } .brand-category-grid-container .brand-category-grid-wrapper .field--name-field-c-link a.external:after { background-image: url(./external--icon--darkoak.svg) !important; } .brand-header-wrapper { width: 100%; margin: 0; } .brand-header-logo-wrapper { padding-left: 85px; } .brand-header-logo-wrapper img { left: 5%; position: absolute; z-index: 1; top: 333px; border-radius: 50%; border: 2px solid #f6f5f4; } @media (max-width: 1023px) { .brand-header-logo-wrapper img { top: 150px; width: 190px; } } @media (max-width: 767px) { .brand-header-logo-wrapper img { top: 175px; width: 140px; left: 20px; } } .brand-header-overlay { border-radius: 40px 40px 0 0; width: 100%; background-color: white; position: absolute; height: 100px; top: 450px; } @media (max-width: 1023px) { .brand-header-overlay { top: 220px; } } .brand-header-background-image { background-color: #e8e5e2; } .brand-header-background-image img { width: 100%; height: 500px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1023px) { .brand-header-background-image img { height: 261px; } } .brand-header-info { display: -ms-grid; display: grid; -ms-grid-rows: 3; grid-template-rows: 3; -ms-grid-columns: 25% 25% 25% 25%; grid-template-columns: 25% 25% 25% 25%; margin-top: 100px; } .brand-header-info > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .brand-header-info > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } .brand-header-info > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 3; } .brand-header-info > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 4; } @media (max-width: 1023px) { .brand-header-info { -ms-grid-columns: 50% 50%; grid-template-columns: 50% 50%; margin-top: 90px; } } @media (max-width: 767px) { .brand-header-info { -ms-grid-columns: 100%; grid-template-columns: 100%; margin-top: 65px; } } .brand-header-info .brand-header-title { display: -ms-inline-grid; display: inline-grid; -ms-grid-row: 1; grid-row: 1; margin-bottom: 10px; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; } .brand-header-info .brand-header-title h1 { margin: 0; -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; font-size: 1.3em; } @media (max-width: 1023px) { .brand-header-info .brand-header-title h1 { font-size: 16px; } } @media (min-width: 1280px) { .brand-header-info .brand-header-title h1 { font-size: 1.6em; } } @media (max-width: 1023px) { .brand-header-info .brand-header-title { -ms-grid-column: 1; grid-column: 1; } } .brand-header-info .brand-header-title .page-header__title { color: #30261d; font-size: 44px; } .brand-header-info .brand-header-strapline { display: -ms-inline-grid; display: inline-grid; -ms-grid-row: 2; grid-row: 2; color: #30261d; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; } .brand-header-info .brand-header-strapline .page-header__title { margin: 0; font-size: 1.85em; } @media (min-width: 1280px) { .brand-header-info .brand-header-strapline .page-header__title { font-size: 2.75em; } } @media (max-width: 1023px) { .brand-header-info .brand-header-strapline { margin-bottom: 20px; } } @media (max-width: 767px) { .brand-header-info .brand-header-strapline { -ms-grid-column: 1; grid-column: 1; margin-bottom: 20px; } } .brand-header-info .brand-header-link { display: block; -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 4; grid-column: 4; -ms-grid-row-align: end; align-self: end; } @media (min-width: 768px) { .brand-header-info .brand-header-link { padding-top: 50px; } } @media (max-width: 1023px) { .brand-header-info .brand-header-link { -ms-grid-row: 3; grid-row: 3; -ms-grid-column: 1; grid-column: 1; margin-top: 20px; -ms-grid-row-align: auto; align-self: auto; margin: 0; } } .brand-header-info .brand-header-link a { color: #000000; border-radius: 40px; height: 44px; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: -webkit-max-content; height: -moz-max-content; height: max-content; background: url(./icon-external--blue.svg) 90% 50% no-repeat; background-color: #f6f5f4; padding: 10px 50px 10px 25px; display: block; font-size: 14px; float: right; } .brand-header-info .brand-header-link a:hover, .brand-header-info .brand-header-link a:active, .brand-header-info .brand-header-link a:hover:active { background-color: #e8e5e2; } @media (max-width: 1023px) { .brand-header-info .brand-header-link a { width: -webkit-max-content; width: -moz-max-content; width: max-content; float: left; } } @media (max-width: 768px) { .brand-header-info .brand-header-link a { width: 100%; } } .brand-header-info .brand-header-socialshare { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 4; grid-column: 4; float: right; } @media (max-width: 1023px) { .brand-header-info .brand-header-socialshare { display: none; } } .brand-header-info .brand-header-socialshare .block-view-container { float: right; } .brand-gallery img { width: 100%; } .brand-gallery .brand-image-wrapper { position: relative; } .brand-gallery .brand-image-wrapper a { margin: 0; padding: 10px 0; font-size: 22.16px; font-family: "Nestle-Text-Light"; line-height: 1.25; display: block; } .brand-gallery .brand-image-wrapper a.more { font-size: 16px; font-family: "Nestle-Text-Book"; } .brand-gallery .carousel-abstract { color: #63513d; } .brand-gallery .carousel-abstract p { line-height: 1.5; } @media (max-width: 1023px) { .brand-gallery .carousel-abstract p { padding-bottom: 0; } } .brand-gallery .info { position: absolute; width: 25%; top: 5%; right: 0; margin-right: 8%; margin-top: 2%; } @media (max-width: 1023px) { .brand-gallery .info { margin: 0; position: relative; width: 100%; background-color: #e8e8e9; padding: 2em 3em; } } .brand-gallery .slider-nav { margin-top: 16px; } .brand-gallery .slider-nav img { max-width: 62%; height: auto; margin: 0 auto; opacity: 0.3; } .brand-gallery .slider-nav img:focus { outline: none; } .brand-gallery .slider-nav .slick-slide { cursor: pointer; } .brand-gallery .slider-nav .slick-slide:focus { outline: none; } .brand-gallery .slider-nav .slick-current img { opacity: 1; } .brand-gallery .slider-nav h3 { margin-bottom: 0; } @media screen and (max-width: 575px) { .brand-gallery .slider-nav { padding: 0 15%; } } .brand-gallery .slick-dots { display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; margin-top: 10px; } .brand-gallery .slick-dots li { list-style: none; position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .brand-gallery .slick-dots li button { font-size: 0; width: 12px; height: 12px; line-height: 0; display: block; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; border: 2px solid #c4c4c4; border-radius: 100%; } .brand-gallery .slick-dots li button:hover { background-color: #494950; opacity: 0.75; } .brand-gallery .slick-dots li.slick-active button { background-color: #a7a8af; } .brand-gallery .slick-arrow { width: 3rem; height: 3rem; position: absolute; opacity: 0.5; border-radius: 0; text-indent: -9999px; cursor: pointer; z-index: 1; } .brand-gallery .slick-arrow.slick-prev { background: url(..png) no-repeat rgb(121.6666666667, 121.6666666667, 133.3333333333) 16px -52px; background-size: 85px 137px; left: 0; bottom: 0; } .brand-gallery .slick-arrow.slick-next { background: url(..png) no-repeat rgb(121.6666666667, 121.6666666667, 133.3333333333) -25px -48px; background-size: 80px 125px; right: 0; bottom: 0; } .brand-gallery .slick-arrow:focus { outline: 0; } .brand-gallery .slick-arrow:hover { background-color: #494950; } @media (max-width: 1023px) { .card-carousel-container { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1024px) { .card-carousel-container { margin-top: 60px; margin-bottom: 60px; } } .paragraph[class*="paragraph--type--layout"] .card-carousel-container { margin-top: 0; } .paragraph[class*="paragraph--type--layout"] > .component-paragraph-field > .field--items > .field--item:last-child > .paragraph--type--card-carousel .card-carousel-container { margin-bottom: 0; } @media (max-width: 1023px) { .card-carousel-container--inset { padding: 50px 10%; } } @media (min-width: 1024px) { .card-carousel-container--inset { padding: 60px 90px; } } @media (max-width: 1023px) { .card-carousel-container--inset { margin-left: -12.5%; margin-right: -12.5%; } } @media (min-width: 1024px) { .card-carousel-container--inset { border-radius: 20px; } } .card-carousel-container__title { margin-bottom: 1em; } .paragraph[class*="paragraph--type--layout"] .card-carousel-container__title { font-size: 1.875rem; } @media (max-width: 1023px) { .paragraph[class*="paragraph--type--layout"] .card-carousel-container__title { font-size: 1.625rem; } } .card-carousel-container__title.section-divider, .view-display-id-related_stories_block-view-builder .card-carousel-container__title.field--name-field-title { margin-top: 0; } .card-carousel-container--inset .card-carousel-container__title { text-align: center; } .card-carousel-container__link { margin-top: 0.75rem; text-align: center; } .slick-dotted + .card-carousel-container__link { margin-top: 4rem; } .card-carousel, .card-carousel__item { list-style: none; } .card-carousel__item { margin-bottom: 0; height: 100%; } .card-carousel.slick-initialized .card-carousel__item { padding-left: 0.625rem; padding-right: 0.625rem; } .card-carousel-container--section-divider .card-carousel .slick-track { margin-left: 0; } .card-carousel.slick-dotted { margin-bottom: -1.5rem; } .card-carousel .slick-list { margin-bottom: 1.25rem; padding-bottom: 1.25rem; z-index: 1; } .card-carousel .slick-list::before, .card-carousel .slick-list::after { content: ""; display: block; position: absolute; top: -2px; bottom: -2px; z-index: 1; } @media (max-width: 1023px) { .card-carousel .slick-list::before, .card-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, #ffffff), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(to right, #ffffff 25%, rgba(255, 255, 255, 0)); } } @media (min-width: 1024px) { .card-carousel .slick-list::before, .card-carousel .slick-list::after { background: linear-gradient(to right, #ffffff 90px, rgba(255, 255, 255, 0)); } } @media (max-width: 1023px) { .card-carousel-container--5-oak .card-carousel .slick-list::before, .card-carousel-container--5-oak .card-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, #f6f5f4), to(rgba(246, 245, 244, 0)) ); background: linear-gradient(to right, #f6f5f4 25%, rgba(246, 245, 244, 0)); } } @media (min-width: 1024px) { .card-carousel-container--5-oak .card-carousel .slick-list::before, .card-carousel-container--5-oak .card-carousel .slick-list::after { background: linear-gradient(to right, #f6f5f4 90px, rgba(246, 245, 244, 0)); } } .card-carousel .slick-list::before { left: 0; } .card-carousel .slick-list::after { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1023px) { .card-carousel .slick-list { margin-left: -12.5%; margin-right: -12.5%; padding-left: 10%; padding-right: 10%; } .card-carousel .slick-list::before, .card-carousel .slick-list::after { width: 10%; } } @media (min-width: 1024px) { .card-carousel .slick-list { margin-left: -90px; margin-right: -90px; padding-left: 90px; padding-right: 90px; } .card-carousel .slick-list::before, .card-carousel .slick-list::after { width: 100px; } } .card-carousel .slick-dots { width: 100%; } .paragraph[class*="paragraph--type--layout"] .card-carousel .slick-dots { display: none; } .card-carousel .slick-dots .slick-dot-icon { display: none; } .card-carousel .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: inherit; text-indent: 0; z-index: 3; font-size: 16px; } .card-carousel .slick-arrow .da-vinci-code-icon { top: 0; } .card-carousel .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; } .card-carousel .slick-arrow.slick-prev { left: 50%; margin-left: -50vw; border-radius: 0 4px 4px 0; } @media screen and (min-width: 1366px) { .card-carousel .slick-arrow.slick-prev { left: 58%; } } @media screen and (min-width: 1920px) { .card-carousel .slick-arrow.slick-prev { margin-left: -60rem; } } @media (min-width: 768px) { .paragraph[class*="paragraph--type--layout"] .card-carousel .slick-arrow.slick-prev { left: auto; margin-left: 0; right: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph[class*="paragraph--type--layout"] .card-carousel .slick-arrow.slick-prev { border-radius: 4px; } } .card-carousel .slick-arrow.slick-next { right: 50%; margin-right: -50vw; border-radius: 4px 0 0 4px; } @media screen and (min-width: 1366px) { .card-carousel .slick-arrow.slick-next { right: 58%; } } @media screen and (min-width: 1920px) { .card-carousel .slick-arrow.slick-next { margin-right: -60rem; } } @media (min-width: 768px) { .paragraph[class*="paragraph--type--layout"] .card-carousel .slick-arrow.slick-next { right: auto; margin-right: 0; left: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph[class*="paragraph--type--layout"] .card-carousel .slick-arrow.slick-next { border-radius: 4px; } } @media (max-width: 1023px) { .card-carousel .slick-arrow { background: #007cba; color: #ffffff; } } @media (min-width: 1024px) { .card-carousel .slick-arrow { background: none; color: #007cba; } .card-carousel .slick-arrow .da-vinci-code-icon { font-size: 1.5em; } } @media (min-width: 1024px) { .card-carousel-container--inset .card-carousel .slick-arrow.slick-prev { left: auto; margin-left: 0; right: 100%; margin-right: 13px; } .card-carousel-container--inset .card-carousel .slick-arrow.slick-next { right: auto; margin-right: 0; left: 100%; margin-left: 13px; } } .card-carousel .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .card-carousel.slick-initialized .slick-slide { float: none; height: auto; outline: none; } .card-carousel.slick-initialized .slick-slide .card-item { height: 100%; min-height: 100%; } .card-carousel.slick-initialized .slick-slide, .card-carousel.slick-initialized .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .card-grid-container .card-grid-container__header.text-align-center { max-width: 75%; margin-left: auto; margin-right: auto; } @media (max-width: 1023px) { .card-grid-container .card-grid-container__header h2 { max-width: initial !important; } } @media (max-width: 767px) { .card-grid-container { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 768px) and (max-width: 1023px) { .card-grid-container { margin-top: 55px; margin-bottom: 55px; } } @media (min-width: 1024px) { .card-grid-container { margin-top: 80px; margin-bottom: 80px; } } .card-grid-container__header { margin-bottom: 1.5rem; } .card-grid-container__title { margin-bottom: 0.333em; } .card-grid-container__title:last-child { margin-bottom: 0.5em; } .card-grid-container__sub-title:last-child { margin-bottom: 0.5em; } .card-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1.25rem; margin-bottom: -1.25rem; } .card-grid, .card-grid__item { list-style: none; } .card-grid__item { padding-left: 1.25rem; margin-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .card-grid__item { width: 100%; } @media (min-width: 768px) { .card-grid--2 .card-grid__item { width: 50%; } } @media (min-width: 768px) and (max-width: 1023px) { .card-grid--3 .card-grid__item, .card-grid--4 .card-grid__item, .card-grid--5 .card-grid__item { width: 50%; } } @media (min-width: 1024px) { .card-grid--3 .card-grid__item { width: 33.3333%; } } @media (min-width: 1024px) { .card-grid--4 .card-grid__item { width: 25%; } } @media (min-width: 1024px) { .card-grid--5 .card-grid__item { width: 25%; } } @media screen and (min-width: 1366px) { .card-grid--5 .card-grid__item { width: 20%; } } @-webkit-keyframes arrow-wiggle { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 25% { -webkit-transform: translateX(10%); transform: translateX(10%); } 75% { -webkit-transform: translateX(-10%); transform: translateX(-10%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes arrow-wiggle { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 25% { -webkit-transform: translateX(10%); transform: translateX(10%); } 75% { -webkit-transform: translateX(-10%); transform: translateX(-10%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .card-item { border-radius: 7px; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); overflow: unset; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; -webkit-transition: -webkit-box-shadow 0.1s ease; transition: -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease; transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } .card-item--dark-oak { background-color: #30261d; color: #ffffff; } .card-item--oak { background-color: #63513d; color: #ffffff; } .card-item--85-oak { background-color: #8a7969; color: #ffffff; } .card-item--30-oak { background-color: #d1cbc5; color: #34220d; } .card-item--15-oak { background-color: #e8e5e2; color: #34220d; } .card-item--5-oak { background-color: #f6f5f4; color: #34220d; } .card-item--white { background-color: #ffffff; color: #34220d; } .card-item--blue, .views-row.individuals .card-item { background-color: #007cba; color: #ffffff; } .card-item--teal, .views-row.company .card-item { background-color: #00818f; color: #ffffff; } .card-item--green, .views-row.planet .card-item { background-color: #2e8025; color: #ffffff; } .card-item--orange, .views-row.communities .card-item { background-color: #d64123; color: #ffffff; } .card-item--red { background-color: #ca003d; color: #ffffff; } .card-item--pink { background-color: #a50064; color: #ffffff; } .card-item--purple { background-color: #8f4899; color: #ffffff; } .card-item--purple-alt { background-color: #6f2277; color: #ffffff; } .card-item--annual-red { background-color: #ce0037; color: #ffffff; } .card-item--annual-pink { background-color: #c6007e; color: #ffffff; } .card-item--annual-teal { background-color: #007681; color: #ffffff; } .card-item--annual-yellow { background-color: #eaaa00; color: #ffffff; } .card-item--annual-brown { background-color: #774212; color: #ffffff; } .card-item--annual-purple { background-color: #ac4fc6; color: #ffffff; } .card-item--extended { background-color: #ffffff; color: #34220d; } .card-item, .card-item .component-paragraph-field, .card-item .field--name-field-card-entity-selector, .card-item__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } @media (min-width: 768px) { .paragraph--type--layout-columns-1 .card-item, .card-carousel--landscape .card-item, .card-item--wide .card-item, .card-grid--1 .card-item, .paragraph--type--layout-columns-1 .card-item__link, .card-carousel--landscape .card-item__link, .card-item--wide .card-item__link, .card-grid--1 .card-item__link { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .card-item__link { height: 100%; } .card-item__link, .card-item__link:hover, .card-item__link:active { color: inherit; outline: none; } .card-item__link:focus { color: inherit; outline: -webkit-focus-ring-color auto 2px; } .card-item__link:hover img { opacity: 1; } .card-item__image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; height: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 7px 7px 0 0; position: relative; overflow: hidden; } .card-item__image img { width: 100%; } @media (min-width: 768px) { .paragraph--type--layout-columns-1 .card-item__image, .card-carousel--landscape .card-item__image, .card-item--wide .card-item__image, .card-grid--1 .card-item__image { border-radius: 7px 0 0 7px; width: 50%; background-color: #000000; } .paragraph--type--layout-columns-1 .card-item__image::before, .card-carousel--landscape .card-item__image::before, .card-item--wide .card-item__image::before, .card-grid--1 .card-item__image::before { content: ""; display: block; width: 100%; padding-bottom: 56.25%; } .paragraph--type--layout-columns-1 .card-item__image img, .card-carousel--landscape .card-item__image img, .card-item--wide .card-item__image img, .card-grid--1 .card-item__image img { position: absolute; top: 50%; left: 50%; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .paragraph--type--layout-columns-1 .card-item__image img, .card-carousel--landscape .card-item__image img, .card-item--wide .card-item__image img, .card-grid--1 .card-item__image img { top: 0; left: 0; height: 100%; -webkit-transform: none; transform: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } } .paragraph--type--layout-columns-1 .card-item__image--fallback, .card-carousel--landscape .card-item__image--fallback, .card-item--wide .card-item__image--fallback, .card-grid--1 .card-item__image--fallback { background-position: center center; background-size: cover; } .paragraph--type--layout-columns-1 .card-item__image--fallback img, .card-carousel--landscape .card-item__image--fallback img, .card-item--wide .card-item__image--fallback img, .card-grid--1 .card-item__image--fallback img { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } } .card-item__label { font-size: inherit; position: absolute; bottom: 0; left: 0; max-width: 80%; max-width: calc(100% - 22px); margin-bottom: 0; font-family: "NestleBrush"; text-transform: uppercase; font-size: 0.8125rem; line-height: 0.875rem; padding: 4px 20px 5px; border-top-right-radius: 15px; } .card-item--dark-oak:not(.card-item--extended) .card-item__label { background-color: rgb(16.2077922078, 12.8311688312, 9.7922077922); } .card-item--dark-oak.card-item--extended .card-item__label { background-color: #30261d; } .card-item--dark-oak .card-item__label { color: #ffffff; } .card-item--oak:not(.card-item--extended) .card-item__label { background-color: rgb(67.44375, 55.18125, 41.55625); } .card-item--oak.card-item--extended .card-item__label { background-color: #63513d; } .card-item--oak .card-item__label { color: #ffffff; } .card-item--85-oak:not(.card-item--extended) .card-item__label { background-color: rgb(109.037037037, 95.6049382716, 82.962962963); } .card-item--85-oak.card-item--extended .card-item__label { background-color: #8a7969; } .card-item--85-oak .card-item__label { color: #ffffff; } .card-item--30-oak:not(.card-item--extended) .card-item__label { background-color: rgb(186.4423076923, 177.5, 168.5576923077); } .card-item--30-oak.card-item--extended .card-item__label { background-color: #d1cbc5; } .card-item--30-oak .card-item__label { color: #34220d; } .card-item--15-oak:not(.card-item--extended) .card-item__label { background-color: rgb(209.4423076923, 203.5, 197.5576923077); } .card-item--15-oak.card-item--extended .card-item__label { background-color: #e8e5e2; } .card-item--15-oak .card-item__label { color: #34220d; } .card-item--5-oak:not(.card-item--extended) .card-item__label { background-color: rgb(223.05, 219.5, 215.95); } .card-item--5-oak.card-item--extended .card-item__label { background-color: #f6f5f4; } .card-item--5-oak .card-item__label { color: #34220d; } .card-item--blue:not(.card-item--extended) .card-item__label, .views-row.individuals .card-item:not(.card-item--extended) .card-item__label { background-color: #005a87; } .card-item--blue.card-item--extended .card-item__label, .views-row.individuals .card-item--extended.card-item .card-item__label { background-color: #007cba; } .card-item--blue .card-item__label, .views-row.individuals .card-item .card-item__label { color: #ffffff; } .card-item--teal:not(.card-item--extended) .card-item__label, .views-row.company .card-item:not(.card-item--extended) .card-item__label { background-color: rgb(0, 82.993006993, 92); } .card-item--teal.card-item--extended .card-item__label, .views-row.company .card-item--extended.card-item .card-item__label { background-color: #00818f; } .card-item--teal .card-item__label, .views-row.company .card-item .card-item__label { color: #ffffff; } .card-item--green:not(.card-item--extended) .card-item__label, .views-row.planet .card-item:not(.card-item--extended) .card-item__label { background-color: rgb(31.7818181818, 88.4363636364, 25.5636363636); } .card-item--green.card-item--extended .card-item__label, .views-row.planet .card-item--extended.card-item .card-item__label { background-color: #2e8025; } .card-item--green .card-item__label, .views-row.planet .card-item .card-item__label { color: #ffffff; } .card-item--orange:not(.card-item--extended) .card-item__label, .views-row.communities .card-item:not(.card-item--extended) .card-item__label { background-color: rgb(170.1686746988, 51.686746988, 27.8313253012); } .card-item--orange.card-item--extended .card-item__label, .views-row.communities .card-item--extended.card-item .card-item__label { background-color: #d64123; } .card-item--orange .card-item__label, .views-row.communities .card-item .card-item__label { color: #ffffff; } .card-item--red:not(.card-item--extended) .card-item__label { background-color: rgb(151, 0, 45.599009901); } .card-item--red.card-item--extended .card-item__label { background-color: #ca003d; } .card-item--red .card-item__label { color: #ffffff; } .card-item--pink:not(.card-item--extended) .card-item__label { background-color: rgb(114, 0, 69.0909090909); } .card-item--pink.card-item--extended .card-item__label { background-color: #a50064; } .card-item--pink .card-item__label { color: #ffffff; } .card-item--purple:not(.card-item--extended) .card-item__label { background-color: rgb(110.5866666667, 55.68, 118.32); } .card-item--purple.card-item--extended .card-item__label { background-color: #8f4899; } .card-item--purple .card-item__label { color: #ffffff; } .card-item--purple-alt:not(.card-item--extended) .card-item__label { background-color: rgb(74, 22.6666666667, 79.3333333333); } .card-item--purple-alt.card-item--extended .card-item__label { background-color: #6f2277; } .card-item--purple-alt .card-item__label { color: #ffffff; } .card-item--annual-red:not(.card-item--extended) .card-item__label { background-color: rgb(155, 0, 41.3834951456); } .card-item--annual-red.card-item--extended .card-item__label { background-color: #ce0037; } .card-item--annual-red .card-item__label { color: #ffffff; } .card-item--annual-pink:not(.card-item--extended) .card-item__label { background-color: rgb(147, 0, 93.5454545455); } .card-item--annual-pink.card-item--extended .card-item__label { background-color: #c6007e; } .card-item--annual-pink .card-item__label { color: #ffffff; } .card-item--annual-teal:not(.card-item--extended) .card-item__label { background-color: rgb(0, 71.3488372093, 78); } .card-item--annual-teal.card-item--extended .card-item__label { background-color: #007681; } .card-item--annual-teal .card-item__label { color: #ffffff; } .card-item--annual-yellow:not(.card-item--extended) .card-item__label { background-color: rgb(183, 132.9487179487, 0); } .card-item--annual-yellow.card-item--extended .card-item__label { background-color: #eaaa00; } .card-item--annual-yellow .card-item__label { color: #ffffff; } .card-item--annual-brown:not(.card-item--extended) .card-item__label { background-color: rgb(74.700729927, 41.4306569343, 11.299270073); } .card-item--annual-brown.card-item--extended .card-item__label { background-color: #774212; } .card-item--annual-brown .card-item__label { color: #ffffff; } .card-item--annual-purple:not(.card-item--extended) .card-item__label { background-color: rgb(145.4935622318, 55.2875536481, 170.7124463519); } .card-item--annual-purple.card-item--extended .card-item__label { background-color: #ac4fc6; } .card-item--annual-purple .card-item__label { color: #ffffff; } .card-item--white .card-item__label { background-color: #007cba; color: #ffffff; } .card-item__content { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 1rem; padding: 2rem 1.5rem 1.5rem; border-radius: 0 0 7px 7px; position: relative; } .card-item--story .card-item__content { padding: 1.25rem; } .card-item__content--no-image { border-top-left-radius: 7px; border-top-right-radius: 7px; } .card-item--white .card-item__content, .card-item--extended .card-item__content { border: 1px solid #e6e2df; } @media (min-width: 768px) { .paragraph--type--layout-columns-1 .card-item--white .card-item__content, .card-carousel--landscape .card-item--white .card-item__content, .card-item--wide .card-item--white .card-item__content, .card-grid--1 .card-item--white .card-item__content, .paragraph--type--layout-columns-1 .card-item--extended .card-item__content, .card-carousel--landscape .card-item--extended .card-item__content, .card-item--wide .card-item--extended .card-item__content, .card-grid--1 .card-item--extended .card-item__content { border-top: 1px solid #e6e2df; border-left: none; } } @media (min-width: 768px) { .paragraph--type--layout-columns-1 .card-item__content, .card-carousel--landscape .card-item__content, .card-item--wide .card-item__content, .card-grid--1 .card-item__content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-radius: 0 7px 7px 0; width: 50%; } .paragraph--type--layout-columns-1 .card-item__content--no-image, .card-carousel--landscape .card-item__content--no-image, .card-item--wide .card-item__content--no-image, .card-grid--1 .card-item__content--no-image { border-radius: 7px; } } .paragraph--type--ln-c-card.blockquote-background .card-item__content::before, .card-item--entity.card-item--blockquote .card-item__content::before { content: "“"; display: block; color: rgba(0, 0, 0, 0.15); font-size: 13.4375rem; line-height: 1em; margin-bottom: -0.6279069767em; padding-bottom: 1.5rem; margin-top: -0.1674418605em; font-family: "NestleBrush"; } .card-item__quote-icon { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; color: rgba(0, 0, 0, 0.15); margin-bottom: 1.5rem; width: 4.25rem; height: 2.7372881356rem; } .card-item--entity .card-item__quote-icon { display: none; } .card-item__title, .card-item__body, .card-item__more { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; position: relative; z-index: 2; } @media (min-width: 768px) { .paragraph--type--layout-columns-1 .card-item__title, .card-carousel--landscape .card-item__title, .card-item--wide .card-item__title, .card-grid--1 .card-item__title, .paragraph--type--layout-columns-1 .card-item__body, .card-carousel--landscape .card-item__body, .card-item--wide .card-item__body, .card-grid--1 .card-item__body, .paragraph--type--layout-columns-1 .card-item__more, .card-carousel--landscape .card-item__more, .card-item--wide .card-item__more, .card-grid--1 .card-item__more { max-width: 460px; } } .card-item__title, .card-item__body h3 { font-size: 1.6875rem; line-height: 1.2222222222em; font-family: "Nestle-Text-Book"; padding: 0; margin-bottom: 16px; font-weight: 400; } .card-item--story .card-item__title, .card-item--story .card-item__body h3 { font-family: "Nestle-Text-Bold"; } @media (max-width: 1023px) { .card-item--story .card-item__title, .card-item--story .card-item__body h3 { font-size: 1.0625rem; } } @media (min-width: 1024px) { .card-item--story .card-item__title, .card-item--story .card-item__body h3 { font-size: 1.25rem; } } .card-item--extended.card-item--dark-oak .card-item__title, .card-item--extended.card-item--dark-oak .card-item__body h3 { color: #30261d; } .card-item--extended.card-item--oak .card-item__title, .card-item--extended.card-item--oak .card-item__body h3 { color: #63513d; } .card-item--extended.card-item--85-oak .card-item__title, .card-item--extended.card-item--85-oak .card-item__body h3 { color: #8a7969; } .card-item--extended.card-item--30-oak .card-item__title, .card-item--extended.card-item--30-oak .card-item__body h3 { color: #d1cbc5; } .card-item--extended.card-item--15-oak .card-item__title, .card-item--extended.card-item--15-oak .card-item__body h3 { color: #e8e5e2; } .card-item--extended.card-item--5-oak .card-item__title, .card-item--extended.card-item--5-oak .card-item__body h3 { color: #f6f5f4; } .card-item--extended.card-item--blue .card-item__title, .views-row.individuals .card-item--extended.card-item .card-item__title, .card-item--extended.card-item--blue .card-item__body h3, .views-row.individuals .card-item--extended.card-item .card-item__body h3 { color: #007cba; } .card-item--extended.card-item--teal .card-item__title, .views-row.company .card-item--extended.card-item .card-item__title, .card-item--extended.card-item--teal .card-item__body h3, .views-row.company .card-item--extended.card-item .card-item__body h3 { color: #00818f; } .card-item--extended.card-item--green .card-item__title, .views-row.planet .card-item--extended.card-item .card-item__title, .card-item--extended.card-item--green .card-item__body h3, .views-row.planet .card-item--extended.card-item .card-item__body h3 { color: #2e8025; } .card-item--extended.card-item--orange .card-item__title, .views-row.communities .card-item--extended.card-item .card-item__title, .card-item--extended.card-item--orange .card-item__body h3, .views-row.communities .card-item--extended.card-item .card-item__body h3 { color: #d64123; } .card-item--extended.card-item--red .card-item__title, .card-item--extended.card-item--red .card-item__body h3 { color: #ca003d; } .card-item--extended.card-item--pink .card-item__title, .card-item--extended.card-item--pink .card-item__body h3 { color: #a50064; } .card-item--extended.card-item--purple .card-item__title, .card-item--extended.card-item--purple .card-item__body h3 { color: #8f4899; } .card-item--extended.card-item--purple-alt .card-item__title, .card-item--extended.card-item--purple-alt .card-item__body h3 { color: #6f2277; } .card-item--extended.card-item--annual-red .card-item__title, .card-item--extended.card-item--annual-red .card-item__body h3 { color: #ce0037; } .card-item--extended.card-item--annual-pink .card-item__title, .card-item--extended.card-item--annual-pink .card-item__body h3 { color: #c6007e; } .card-item--extended.card-item--annual-teal .card-item__title, .card-item--extended.card-item--annual-teal .card-item__body h3 { color: #007681; } .card-item--extended.card-item--annual-yellow .card-item__title, .card-item--extended.card-item--annual-yellow .card-item__body h3 { color: #eaaa00; } .card-item--extended.card-item--annual-brown .card-item__title, .card-item--extended.card-item--annual-brown .card-item__body h3 { color: #774212; } .card-item--extended.card-item--annual-purple .card-item__title, .card-item--extended.card-item--annual-purple .card-item__body h3 { color: #ac4fc6; } .card-item--extended.card-item--white .card-item__title, .card-item--extended.card-item--white .card-item__body h3 { color: #007cba; } .card-item--story .card-item__title, .card-item--story .card-item__body { padding-right: 4rem; } .hide-title .card-item__title, .card-item--hide-title .card-item__title { display: none; } .card-item__title p:last-child { padding-bottom: 0; } .card-item--story .card-item__title { position: relative; } .card-item--story .card-item__title::after { content: ""; display: block; position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; } .views-row.company .card-item--story .card-item__title::after { width: 26px; height: 45px; background-image: url(./waterdrop.png); } .views-row.individuals .card-item--story .card-item__title::after { width: 0.875rem; height: 1.8125rem; background-image: url(./individual-families-picto.png); } .views-row.communities .card-item--story .card-item__title::after { width: 2.5rem; height: 1.6875rem; background-image: url(./communities-picto.png); } .views-row.planet .card-item--story .card-item__title::after { width: 1.8125rem; height: 2rem; background-image: url(./the-planet-picto.png); } .card-item__meta { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 16px; text-transform: uppercase; font-size: 13px; color: inherit; letter-spacing: 0.05em; } .card-item__meta dt { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .card-item--white .card-item__meta { color: #63513d; } .card-item__icon { margin-left: 1.5rem; } .card-item__body p:not(:last-child), .card-item__body:not(:last-child) { margin-bottom: 24px; } .card-item__body p { padding-bottom: 0; } @media (max-width: 1023px) { .card-item--story .card-item__body { font-size: 0.875rem; } } @media (min-width: 1024px) { .card-item--story .card-item__body { font-size: 1rem; } } .card-item__more { margin-top: auto; font-size: 13px; text-transform: uppercase; } .card-item__more .read-more-icon { background: url(./arrow-right--white.svg) no-repeat center center/100% 100%; width: 0.75em; height: 0.875em; display: inline-block; position: relative; vertical-align: middle; top: -0.125em; } .card-item--white .card-item__more, .card-item--extended .card-item__more { color: #007cba; } .card-item--white .card-item__more .read-more-icon, .card-item--extended .card-item__more .read-more-icon { background-image: url(./arrow-right--blue.svg); } .card-item__more .da-vinci-code-icon, .card-item__more .read-more-icon, .card-item__more .extlink { margin-left: 0.5rem; font-size: 1rem; -webkit-transform: translateX(0); transform: translateX(0); } .card-item:hover .card-item__more .da-vinci-code-icon, .card-item:hover .card-item__more .read-more-icon, .card-item:hover .card-item__more .extlink { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .card-item__more .extlink { display: inline-block; margin-left: 0; } .card-item__more .extlink span.ext { background: currentcolor; -webkit-mask: url(./icon-external.svg) right center no-repeat; mask: url(./icon-external.svg) right center no-repeat; } @media (min-width: 768px) { .paragraph--type--layout-columns-1 .card-item__more, .card-carousel--landscape .card-item__more, .card-item--wide .card-item__more, .card-grid--1 .card-item__more { margin-top: auto; } } a.card-item__link .card-item:hover { -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.16); box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.16); } .card-container-parent, .card-container, .box-custom-flex, .box-custom-flex .component-paragraph-field, div[class*="paragraph--type--layout-"] .box-custom-flex .component-paragraph-field, .box-custom-flex .field--type-text-long, .box-custom-flex .box-image-container, .paragraph--type--ln-c-card, .paragraph--type--ln-c-card .component-paragraph-field, div[class*="paragraph--type--layout-"] .paragraph--type--ln-c-card .component-paragraph-field, .paragraph--type--ln-c-card .field--name-field-card-item, .paragraph--type--ln-c-card .field--name-field-card-item > .field--item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .paragraph--type--ln-c-card { margin-bottom: 0.75rem; } div[class*="paragraph--type--layout-"] .paragraph--type--ln-c-card .field--name-field-card-item > .field--item:not(:last-child) { margin-bottom: 0.75rem; } .box-custom-flex .boxContent img { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; min-height: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; } .box-image { border-radius: 7px 7px 0 0; overflow: hidden; margin: -33px -25px 24px; border-bottom: 1px solid #e6e2df; position: relative; } .box-image-container { border-radius: 7px; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); overflow: unset; font-size: 1rem; padding: 32px 24px 24px; border: 1px solid #e6e2df; } .box-image-container > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .box-image-container a.ext { background: none; color: inherit; } .box-image-container a span.ext { display: none; } .box-image-container p { padding-bottom: 0; } .box-image-container p:not(:last-child) { margin-bottom: 16px; } .box-image-container h2, .box-image-container h3, .box-image-container h4, .box-image-container h5, .box-image-container h6 { font-size: 1.6875rem; line-height: 1.2222222222em; font-family: "Nestle-Text-Book"; padding: 0; margin-bottom: 16px; font-weight: 400; } .box-image a:hover img { opacity: 1; } .box-image > a { display: block; } .box-image .text-overlay { position: absolute; bottom: 0; left: 0; max-width: 80%; max-width: calc(100% - 22px); margin-bottom: 0; display: inline-block; font-family: "NestleBrush"; text-transform: uppercase; font-size: 0.8125rem; line-height: 0.875rem; padding: 4px 20px 5px; border-top-right-radius: 15px; } .hide-title .card-bottom-text .card-bottom-text-title { display: none; } .path-search .view-search, .path-taxonomy .view-search, .search-wrapper .view-search { margin-top: 20px; } .path-search .view-search table, .path-taxonomy .view-search table, .search-wrapper .view-search table { text-align: left; border-spacing: 0; border-style: none; } @media (max-width: 767px) { .path-search .view-search table, .path-taxonomy .view-search table, .search-wrapper .view-search table { border-collapse: separate; border-spacing: 0 1.35rem; } } .path-search .view-search table .glyphicon-chevron-up, .path-taxonomy .view-search table .glyphicon-chevron-up, .search-wrapper .view-search table .glyphicon-chevron-up { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #ffffff; margin-bottom: 2px; } .path-search .view-search table .glyphicon-chevron-up:before, .path-taxonomy .view-search table .glyphicon-chevron-up:before, .search-wrapper .view-search table .glyphicon-chevron-up:before { content: " "; } .path-search .view-search table .glyphicon-chevron-down, .path-taxonomy .view-search table .glyphicon-chevron-down, .search-wrapper .view-search table .glyphicon-chevron-down { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #ffffff; margin-bottom: 2px; } .path-search .view-search table .glyphicon-chevron-down:before, .path-taxonomy .view-search table .glyphicon-chevron-down:before, .search-wrapper .view-search table .glyphicon-chevron-down:before { content: " "; } @media (max-width: 767px) { .path-search .view-search thead, .path-taxonomy .view-search thead, .search-wrapper .view-search thead { display: none; } } .path-search .view-search thead tr, .path-taxonomy .view-search thead tr, .search-wrapper .view-search thead tr { font-weight: 700; vertical-align: middle; font-size: 1em; color: #ffffff; } .path-search .view-search thead th, .path-taxonomy .view-search thead th, .search-wrapper .view-search thead th { white-space: nowrap; } .path-search .view-search thead th:hover a, .path-taxonomy .view-search thead th:hover a, .search-wrapper .view-search thead th:hover a { color: #ffffff; } .path-search .view-search thead .views-field a, .path-taxonomy .view-search thead .views-field a, .search-wrapper .view-search thead .views-field a { color: #ffffff; white-space: nowrap; } .path-search .view-search tbody tr:nth-child(odd), .path-taxonomy .view-search tbody tr:nth-child(odd), .search-wrapper .view-search tbody tr:nth-child(odd) { background-color: #e8e8e9; border: 0; border-top: 1px solid #ffffff; vertical-align: middle; } .path-search .view-search tbody tr:nth-child(even), .path-taxonomy .view-search tbody tr:nth-child(even), .search-wrapper .view-search tbody tr:nth-child(even) { border-color: #ffffff; background-color: #f4f4f5; border-left: 0; border-right: 0; } .path-search .view-search tr, .path-taxonomy .view-search tr, .search-wrapper .view-search tr { background-color: #e8e8e9; border: 0; } .path-search .view-search td, .path-search .view-search th, .path-taxonomy .view-search td, .path-taxonomy .view-search th, .search-wrapper .view-search td, .search-wrapper .view-search th { border: 0; padding: 10px; } @media (min-width: 768px) { .path-search .view-search td, .path-search .view-search th, .path-taxonomy .view-search td, .path-taxonomy .view-search th, .search-wrapper .view-search td, .search-wrapper .view-search th { border-bottom: 1px solid #ffffff; } } .path-search .view-search td, .path-taxonomy .view-search td, .search-wrapper .view-search td { white-space: normal !important; } .path-search .view-search th, .path-taxonomy .view-search th, .search-wrapper .view-search th { background-color: #6c707a; color: #ffffff; border-bottom: 1px solid #ffffff; } .path-search .view-search tfoot td, .path-taxonomy .view-search tfoot td, .search-wrapper .view-search tfoot td { font-weight: 700; } .path-search .view-search .exposed-filter-wrapper, .path-taxonomy .view-search .exposed-filter-wrapper, .search-wrapper .view-search .exposed-filter-wrapper { position: static; } .path-search .view-search .exposed-filter-wrapper .view-filters, .path-taxonomy .view-search .exposed-filter-wrapper .view-filters, .search-wrapper .view-search .exposed-filter-wrapper .view-filters { display: none; } .path-search .view-search .exposed-filter-wrapper .view-header, .path-taxonomy .view-search .exposed-filter-wrapper .view-header, .search-wrapper .view-search .exposed-filter-wrapper .view-header { width: 100%; margin: 0 0 20px 0; padding: 0; } .path-search .table-responsive, .path-taxonomy .table-responsive, .search-wrapper .table-responsive { border: 0; } .path-search .component-paragraph-field .view-search table, .path-taxonomy .component-paragraph-field .view-search table, .search-wrapper .component-paragraph-field .view-search table { max-width: 100%; } .search-wrapper .view-search { padding-left: 15px; padding-right: 15px; } .path-search .view-search .exposed-filter-wrapper .view-filters { display: block; width: auto; padding: 0; } .path-search .view-search .exposed-filter-wrapper .view-filters .form-inline { margin-bottom: 0; } .path-search .view-search .exposed-filter-wrapper .view-filters .form-inline .form-item { float: none; } .path-search .view-search .exposed-filter-wrapper .view-header { width: auto; margin: 0; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel > .component-paragraph-field { width: 80%; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image_with_text_link_card .slick-arrow.slick-next { top: 35%; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image_with_text_link_card .slick-arrow.slick-prev { top: 35%; } @media (min-width: 1024px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image_with_text_link_card-container--inset .image_with_text_link_card .slick-arrow.slick-next { left: auto; right: -25%; } } @media (min-width: 1180px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image_with_text_link_card-container--inset .image_with_text_link_card .slick-arrow.slick-next { right: -15%; } } @media (min-width: 1024px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image_with_text_link_card-container--inset .image_with_text_link_card .slick-arrow.slick-prev { right: auto; left: -25%; } } @media (min-width: 1180px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image_with_text_link_card-container--inset .image_with_text_link_card .slick-arrow.slick-prev { left: -15%; } } @media (max-width: 768px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image_with_text_link_card .slick-slide { height: auto; } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image_with_text_link_card .slick-slide img { height: 100%; } @media (max-width: 768px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image_with_text_link_card .slick-slide img { height: 150px; } } @media (min-width: 1024px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white .brand-category-grid-inner { max-width: initial; } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-grid-container__title { font-size: 1.6875rem; font-family: "Nestle-Text-Book"; color: #30261d; margin-bottom: 0.9375rem; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container__title { max-width: 1090px; margin-left: auto; margin-right: auto; } @media (min-width: 1024px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container__title { -webkit-transform: translateX(-25px); transform: translateX(-25px); } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white .card-carousel-container__title { max-width: initial; } @media (min-width: 1024px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white .card-carousel-container__title { -webkit-transform: translateX(0); transform: translateX(0); } } @media (min-width: 1024px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white { -webkit-transform: translateX(0); transform: translateX(0); } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white .slick-list::before { left: -2px; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white .slick-list::after { right: -2px; } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white .card-carousel-container__title { max-width: initial; } @media (min-width: 1024px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white .card-carousel-container__title { -webkit-transform: translateX(0); transform: translateX(0); } } @media (min-width: 1024px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white { -webkit-transform: translateX(0); transform: translateX(0); } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white .slick-list::before { left: -2px; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container--white .slick-list::after { right: -2px; } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-grid-container__description { font-size: 1rem; color: #30261d; font-family: "Nestle-Text-Book"; line-height: 1.5rem; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container__grid.image_with_text_link_card .card-carousel__item:hover .field--name-field-c-link a:after { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } @media (max-width: 767px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container__grid.image_with_text_link_card .card-carousel__item { text-align: center; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container__grid.image_with_text_link_card .card-carousel__item .paragraph--type--image-with-text-link-card { margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container__grid.image_with_text_link_card .card-carousel__item .image-wrapping-link { display: block; text-align: center; } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container__grid.image_with_text_link_card .card-carousel__item .image-wrapping-link img { -webkit-box-shadow: 2px 2px 5px rgba(46, 38, 30, 0.2); box-shadow: 2px 2px 5px rgba(46, 38, 30, 0.2); border-radius: 12px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 767px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container__grid.image_with_text_link_card .card-carousel__item .image-wrapping-link img { display: block; -ms-flex-negative: 0; flex-shrink: 0; } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-carousel-container__grid.image_with_text_link_card .card-carousel__item .image-wrapping-link:hover img { opacity: 1; -webkit-box-shadow: 2px 2px 10px rgba(46, 38, 30, 0.3215686275); box-shadow: 2px 2px 10px rgba(46, 38, 30, 0.3215686275); } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-grid-container__header.text-align-center { max-width: 75%; margin-left: auto; margin-right: auto; } @media (max-width: 768px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-grid-container__header.text-align-center { max-width: 100%; } } @media (max-width: 1023px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .card-grid-container__header h2 { max-width: initial !important; } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .field--name-field-c-link { margin-top: 10px; margin-bottom: 15px; } @media (max-width: 768px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .field--name-field-c-link { text-align: left; margin-bottom: 0; } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .field--name-field-c-link a { font-weight: bold; font-size: 18px; color: #30261d; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .field--name-field-c-link a:after { content: " "; background: url(./arrow-right--dark.svg) no-repeat center center/100% 100%; width: 0.75em; height: 0.875em; display: inline-block; position: relative; vertical-align: middle; margin-bottom: 2px; margin-left: 15px; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .field--name-field-c-link a.external:after { background-image: url(./external--icon--darkoak.svg) !important; } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .right-shadow::after { content: ""; right: 0 !important; position: absolute; pointer-events: none; background: linear-gradient( to right, rgb(255, 255, 255) 12px, rgba(255, 255, 255, 0) ); opacity: 1; width: 100px !important; } @media (max-width: 767px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .right-shadow::after { width: 45px !important; } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .left-shadow::before { content: ""; left: 0 !important; position: absolute; pointer-events: none; background: linear-gradient( to right, rgb(255, 255, 255) 12px, rgba(255, 255, 255, 0) ); opacity: 1; width: 100px !important; } @media (max-width: 767px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .left-shadow::before { width: 45px !important; } } .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image-wrapping-link img { height: auto !important; width: 100%; } @media (max-width: 768px) { .brand-category-grid-carousel-container.image-with-text-link-card-carousel .brand-category-grid-wrapper .image-wrapping-link img { height: 150px !important; -o-object-fit: cover; object-fit: cover; } } .image_with_text_link_card, .image_with_text_link_card__item { list-style: none; } .image_with_text_link_card__item { margin-bottom: 0; height: 100%; } .image_with_text_link_card.slick-initialized .card-carousel__item { padding-left: 0.625rem; padding-right: 0.625rem; } .image_with_text_link_card .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .card-carousel-container--section-divider .image_with_text_link_card .slick-track { margin-left: 0; } .image_with_text_link_card.slick-dotted { margin-bottom: -1.5rem; } .image_with_text_link_card .slick-list { margin-bottom: 1.25rem; padding-bottom: 1.25rem; z-index: 1; } .image_with_text_link_card .slick-list::before, .image_with_text_link_card .slick-list::after { content: ""; display: block; position: absolute; top: -2px; bottom: -2px; z-index: 1; } @media (max-width: 1023px) { .image_with_text_link_card .slick-list::before, .image_with_text_link_card .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, #ffffff), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(to right, #ffffff 25%, rgba(255, 255, 255, 0)); } } @media (min-width: 1024px) { .image_with_text_link_card .slick-list::before, .image_with_text_link_card .slick-list::after { background: linear-gradient(to right, #ffffff 90px, rgba(255, 255, 255, 0)); } } @media (max-width: 1023px) { .card-carousel-container--5-oak .image_with_text_link_card .slick-list::before, .card-carousel-container--5-oak .image_with_text_link_card .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, #f6f5f4), to(rgba(246, 245, 244, 0)) ); background: linear-gradient(to right, #f6f5f4 25%, rgba(246, 245, 244, 0)); } } @media (min-width: 1024px) { .card-carousel-container--5-oak .image_with_text_link_card .slick-list::before, .card-carousel-container--5-oak .image_with_text_link_card .slick-list::after { background: linear-gradient(to right, #f6f5f4 90px, rgba(246, 245, 244, 0)); } } .image_with_text_link_card .slick-list::before { left: 0; } .image_with_text_link_card .slick-list::after { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1023px) { .image_with_text_link_card .slick-list { margin-left: -12.5%; margin-right: -12.5%; padding-left: 10%; padding-right: 10%; } .image_with_text_link_card .slick-list::before, .image_with_text_link_card .slick-list::after { width: 10%; } } @media (min-width: 1024px) { .image_with_text_link_card .slick-list { margin-left: -90px; margin-right: -90px; padding-left: 90px; padding-right: 90px; } .image_with_text_link_card .slick-list::before, .image_with_text_link_card .slick-list::after { width: 100px; } } .image_with_text_link_card .slick-dots { width: 100%; } .paragraph[class*="paragraph--type--layout"] .image_with_text_link_card .slick-dots { display: none; } .image_with_text_link_card .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-indent: 0; z-index: 3; font-size: 16px; } .image_with_text_link_card .slick-arrow .da-vinci-code-icon { top: 0; } .image_with_text_link_card .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; } .image_with_text_link_card .slick-arrow.slick-prev { left: 50%; margin-left: -50vw; border-radius: 0 4px 4px 0; } @media screen and (min-width: 1366px) { .image_with_text_link_card .slick-arrow.slick-prev { left: 58%; } } @media screen and (min-width: 1920px) { .image_with_text_link_card .slick-arrow.slick-prev { margin-left: -60rem; } } @media (min-width: 768px) { .paragraph[class*="paragraph--type--layout"] .image_with_text_link_card .slick-arrow.slick-prev { left: auto; margin-left: 0; right: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph[class*="paragraph--type--layout"] .image_with_text_link_card .slick-arrow.slick-prev { border-radius: 4px; } } .image_with_text_link_card .slick-arrow.slick-next { right: 50%; margin-right: -50vw; border-radius: 4px 0 0 4px; } @media screen and (min-width: 1366px) { .image_with_text_link_card .slick-arrow.slick-next { right: 58%; } } @media screen and (min-width: 1920px) { .image_with_text_link_card .slick-arrow.slick-next { margin-right: -60rem; } } @media (min-width: 768px) { .paragraph[class*="paragraph--type--layout"] .image_with_text_link_card .slick-arrow.slick-next { right: auto; margin-right: 0; left: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph[class*="paragraph--type--layout"] .image_with_text_link_card .slick-arrow.slick-next { border-radius: 4px; } } @media (max-width: 1023px) { .image_with_text_link_card .slick-arrow { background: #007cba; color: #ffffff; } } @media (min-width: 1024px) { .image_with_text_link_card .slick-arrow { background: none; color: #007cba; } .image_with_text_link_card .slick-arrow .da-vinci-code-icon { font-size: 1.5em; } } @media (min-width: 1024px) { .card-carousel-container--inset .image_with_text_link_card .slick-arrow.slick-prev { left: auto; margin-left: 0; right: 100%; margin-right: 13px; } .card-carousel-container--inset .image_with_text_link_card .slick-arrow.slick-next { right: auto; margin-right: 0; left: 100%; margin-left: 13px; } } .image_with_text_link_card.slick-initialized .slick-slide { float: none; height: auto; outline: none; } .image_with_text_link_card.slick-initialized .slick-slide .card-item { height: 100%; min-height: 100%; } .image_with_text_link_card.slick-initialized .slick-slide, .image_with_text_link_card.slick-initialized .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .category-carousel__links { font-size: 1.125rem; position: relative; z-index: 10; } @media screen and (min-width: 1280px) { .category-carousel__links { font-size: 1.375rem; } } @media screen and (min-width: 1920px) { .category-carousel__links { font-size: 1.5rem; } } @media (max-width: 767px) { .category-carousel__links-container { display: none; } } .category-carousel__links, .category-carousel__links li { list-style: none; } .category-carousel__links li { margin-bottom: 0.6666666667em; } .category-carousel__links a { color: inherit; position: relative; display: inline-block; line-height: 1.2; } .category-carousel__links a::after { content: ""; position: absolute; display: block; left: 0; right: 0; top: 100%; margin-top: 0.0833333333em; border-bottom: 2px solid #00818f; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.1667s ease; transition: -webkit-transform 0.1667s ease; transition: transform 0.1667s ease; transition: transform 0.1667s ease, -webkit-transform 0.1667s ease; } .category-carousel__links a:hover, .category-carousel__links a[aria-current="true"] { font-weight: 700; } .category-carousel__links a:hover::after, .category-carousel__links a[aria-current="true"]::after { -webkit-transform: scaleX(1); transform: scaleX(1); } .category-carousel .field--name-field-da-vinci-category-carousel > .field--item:last-child .card-carousel-container { margin-bottom: 0; } .paragraph.category-carousel .field--name-field-column-first, .paragraph.category-carousel .field--name-field-column-second { margin: 0; } .paragraph.category-carousel .field--name-field-column-first { padding-right: 1.5rem; } @media (min-width: 768px) { .paragraph.category-carousel .field--name-field-column-first { width: 33.3333%; } } @media (min-width: 1024px) { .paragraph.category-carousel .field--name-field-column-first { width: 30%; } } @media screen and (min-width: 1280px) { .paragraph.category-carousel .field--name-field-column-first { width: 25%; } } .paragraph.category-carousel .field--name-field-column-second { width: 100%; } @media (min-width: 768px) { .paragraph.category-carousel .field--name-field-column-second { width: 66.6667%; } } @media (min-width: 1024px) { .paragraph.category-carousel .field--name-field-column-second { width: 70%; } } @media screen and (min-width: 1280px) { .paragraph.category-carousel .field--name-field-column-second { width: 75%; } } .block-views-blocksearch-company-search h2, .block-views-blocksearch-block-zone-search-results h2 { font-family: "Nestle-Text-Bold"; color: #00629b; margin-bottom: 80px; } @media (max-width: 1023px) { .block-views-blocksearch-company-search h2, .block-views-blocksearch-block-zone-search-results h2 { font-size: 32px; margin-bottom: 40px; } } .block-views-blocksearch-company-search .view-footer, .block-views-blocksearch-block-zone-search-results .view-footer { text-align: center; padding: 0 32px 32px 32px; } .block-views-blocksearch-company-search .view-footer a, .block-views-blocksearch-block-zone-search-results .view-footer a { font-weight: 700; font-family: "Nestle-Text-Bold"; display: inline-block; margin: 2rem auto; padding: 16px 40px; background-color: #00629b; color: #ffffff; } .webform-submission-contact-us-form:not(.iti-flag), .contact-tooltip { position: relative; } .webform-submission-contact-us-form:not(.iti-flag)::before, .contact-tooltip::before { content: ""; position: absolute; width: 20px; height: 10px; top: 50%; left: 6px; margin-top: -5px; background-image: url(./flags%402x.png); background-repeat: no-repeat; background-position: 20px 0; background-size: 5652px 15px; z-index: 1; } .webform-submission-contact-us-form:not(.iti-flag).be::before, .contact-tooltip.be::before { width: 18px; } .webform-submission-contact-us-form:not(.iti-flag).ch::before, .contact-tooltip.ch::before { width: 15px; } .webform-submission-contact-us-form:not(.iti-flag).mc::before, .contact-tooltip.mc::before { width: 19px; } .webform-submission-contact-us-form:not(.iti-flag).ne::before, .contact-tooltip.ne::before { width: 18px; } .webform-submission-contact-us-form:not(.iti-flag).np::before, .contact-tooltip.np::before { width: 13px; } .webform-submission-contact-us-form:not(.iti-flag).va::before, .contact-tooltip.va::before { width: 15px; } .webform-submission-contact-us-form:not(.iti-flag).ac::before, .contact-tooltip.ac::before { height: 10px; background-position: 0 0; } .webform-submission-contact-us-form:not(.iti-flag).ad::before, .contact-tooltip.ad::before { height: 14px; background-position: -22px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ae::before, .contact-tooltip.ae::before { height: 10px; background-position: -44px 0; } .webform-submission-contact-us-form:not(.iti-flag).af::before, .contact-tooltip.af::before { height: 14px; background-position: -66px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ag::before, .contact-tooltip.ag::before { height: 14px; background-position: -88px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ai::before, .contact-tooltip.ai::before { height: 10px; background-position: -110px 0; } .webform-submission-contact-us-form:not(.iti-flag).al::before, .contact-tooltip.al::before { height: 15px; background-position: -132px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).am::before, .contact-tooltip.am::before { height: 10px; background-position: -154px 0; } .webform-submission-contact-us-form:not(.iti-flag).ao::before, .contact-tooltip.ao::before { height: 14px; background-position: -176px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).aq::before, .contact-tooltip.aq::before { height: 14px; background-position: -198px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ar::before, .contact-tooltip.ar::before { height: 13px; background-position: -220px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).as::before, .contact-tooltip.as::before { height: 10px; background-position: -242px 0; } .webform-submission-contact-us-form:not(.iti-flag).at::before, .contact-tooltip.at::before { height: 14px; background-position: -264px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).au::before, .contact-tooltip.au::before { height: 10px; background-position: -286px 0; } .webform-submission-contact-us-form:not(.iti-flag).aw::before, .contact-tooltip.aw::before { height: 14px; background-position: -308px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ax::before, .contact-tooltip.ax::before { height: 13px; background-position: -330px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).az::before, .contact-tooltip.az::before { height: 10px; background-position: -352px 0; } .webform-submission-contact-us-form:not(.iti-flag).ba::before, .contact-tooltip.ba::before { height: 10px; background-position: -374px 0; } .webform-submission-contact-us-form:not(.iti-flag).bb::before, .contact-tooltip.bb::before { height: 14px; background-position: -396px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).bd::before, .contact-tooltip.bd::before { height: 12px; background-position: -418px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).be::before, .contact-tooltip.be::before { height: 15px; background-position: -440px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).bf::before, .contact-tooltip.bf::before { height: 14px; background-position: -460px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).bg::before, .contact-tooltip.bg::before { height: 12px; background-position: -482px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).bh::before, .contact-tooltip.bh::before { height: 12px; background-position: -504px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).bi::before, .contact-tooltip.bi::before { height: 12px; background-position: -526px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).bj::before, .contact-tooltip.bj::before { height: 14px; background-position: -548px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).bl::before, .contact-tooltip.bl::before { height: 14px; background-position: -570px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).bm::before, .contact-tooltip.bm::before { height: 10px; background-position: -592px 0; } .webform-submission-contact-us-form:not(.iti-flag).bn::before, .contact-tooltip.bn::before { height: 10px; background-position: -614px 0; } .webform-submission-contact-us-form:not(.iti-flag).bo::before, .contact-tooltip.bo::before { height: 14px; background-position: -636px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).bq::before, .contact-tooltip.bq::before { height: 14px; background-position: -658px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).br::before, .contact-tooltip.br::before { height: 14px; background-position: -680px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).bs::before, .contact-tooltip.bs::before { height: 10px; background-position: -702px 0; } .webform-submission-contact-us-form:not(.iti-flag).bt::before, .contact-tooltip.bt::before { height: 14px; background-position: -724px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).bv::before, .contact-tooltip.bv::before { height: 15px; background-position: -746px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).bw::before, .contact-tooltip.bw::before { height: 14px; background-position: -768px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).by::before, .contact-tooltip.by::before { height: 10px; background-position: -790px 0; } .webform-submission-contact-us-form:not(.iti-flag).bz::before, .contact-tooltip.bz::before { height: 14px; background-position: -812px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ca::before, .contact-tooltip.ca::before { height: 10px; background-position: -834px 0; } .webform-submission-contact-us-form:not(.iti-flag).cc::before, .contact-tooltip.cc::before { height: 10px; background-position: -856px 0; } .webform-submission-contact-us-form:not(.iti-flag).cd::before, .contact-tooltip.cd::before { height: 15px; background-position: -878px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).cf::before, .contact-tooltip.cf::before { height: 14px; background-position: -900px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).cg::before, .contact-tooltip.cg::before { height: 14px; background-position: -922px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ch::before, .contact-tooltip.ch::before { height: 15px; background-position: -944px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ci::before, .contact-tooltip.ci::before { height: 14px; background-position: -961px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ck::before, .contact-tooltip.ck::before { height: 10px; background-position: -983px 0; } .webform-submission-contact-us-form:not(.iti-flag).cl::before, .contact-tooltip.cl::before { height: 14px; background-position: -1005px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).cm::before, .contact-tooltip.cm::before { height: 14px; background-position: -1027px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).cn::before, .contact-tooltip.cn::before { height: 14px; background-position: -1049px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).co::before, .contact-tooltip.co::before { height: 14px; background-position: -1071px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).cp::before, .contact-tooltip.cp::before { height: 14px; background-position: -1093px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).cr::before, .contact-tooltip.cr::before { height: 12px; background-position: -1115px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).cu::before, .contact-tooltip.cu::before { height: 10px; background-position: -1137px 0; } .webform-submission-contact-us-form:not(.iti-flag).cv::before, .contact-tooltip.cv::before { height: 12px; background-position: -1159px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).cw::before, .contact-tooltip.cw::before { height: 14px; background-position: -1181px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).cx::before, .contact-tooltip.cx::before { height: 10px; background-position: -1203px 0; } .webform-submission-contact-us-form:not(.iti-flag).cy::before, .contact-tooltip.cy::before { height: 14px; background-position: -1225px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).cz::before, .contact-tooltip.cz::before { height: 14px; background-position: -1247px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).de::before, .contact-tooltip.de::before { height: 12px; background-position: -1269px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).dg::before, .contact-tooltip.dg::before { height: 10px; background-position: -1291px 0; } .webform-submission-contact-us-form:not(.iti-flag).dj::before, .contact-tooltip.dj::before { height: 14px; background-position: -1313px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).dk::before, .contact-tooltip.dk::before { height: 15px; background-position: -1335px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).dm::before, .contact-tooltip.dm::before { height: 10px; background-position: -1357px 0; } .webform-submission-contact-us-form:not(.iti-flag).do::before, .contact-tooltip.do::before { height: 14px; background-position: -1379px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).dz::before, .contact-tooltip.dz::before { height: 14px; background-position: -1401px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ea::before, .contact-tooltip.ea::before { height: 14px; background-position: -1423px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ec::before, .contact-tooltip.ec::before { height: 14px; background-position: -1445px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ee::before, .contact-tooltip.ee::before { height: 13px; background-position: -1467px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).eg::before, .contact-tooltip.eg::before { height: 14px; background-position: -1489px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).eh::before, .contact-tooltip.eh::before { height: 10px; background-position: -1511px 0; } .webform-submission-contact-us-form:not(.iti-flag).er::before, .contact-tooltip.er::before { height: 10px; background-position: -1533px 0; } .webform-submission-contact-us-form:not(.iti-flag).es::before, .contact-tooltip.es::before { height: 14px; background-position: -1555px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).et::before, .contact-tooltip.et::before { height: 10px; background-position: -1577px 0; } .webform-submission-contact-us-form:not(.iti-flag).eu::before, .contact-tooltip.eu::before { height: 14px; background-position: -1599px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).fi::before, .contact-tooltip.fi::before { height: 12px; background-position: -1621px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).fj::before, .contact-tooltip.fj::before { height: 10px; background-position: -1643px 0; } .webform-submission-contact-us-form:not(.iti-flag).fk::before, .contact-tooltip.fk::before { height: 10px; background-position: -1665px 0; } .webform-submission-contact-us-form:not(.iti-flag).fm::before, .contact-tooltip.fm::before { height: 11px; background-position: -1687px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).fo::before, .contact-tooltip.fo::before { height: 15px; background-position: -1709px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).fr::before, .contact-tooltip.fr::before { height: 14px; background-position: -1731px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ga::before, .contact-tooltip.ga::before { height: 15px; background-position: -1753px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).gb::before, .contact-tooltip.gb::before { height: 10px; background-position: -1775px 0; } .webform-submission-contact-us-form:not(.iti-flag).gd::before, .contact-tooltip.gd::before { height: 12px; background-position: -1797px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).ge::before, .contact-tooltip.ge::before { height: 14px; background-position: -1819px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).gf::before, .contact-tooltip.gf::before { height: 14px; background-position: -1841px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).gg::before, .contact-tooltip.gg::before { height: 14px; background-position: -1863px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).gh::before, .contact-tooltip.gh::before { height: 14px; background-position: -1885px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).gi::before, .contact-tooltip.gi::before { height: 10px; background-position: -1907px 0; } .webform-submission-contact-us-form:not(.iti-flag).gl::before, .contact-tooltip.gl::before { height: 14px; background-position: -1929px 0; } .webform-submission-contact-us-form:not(.iti-flag).gm::before, .contact-tooltip.gm::before { height: 14px; background-position: -1951px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).gn::before, .contact-tooltip.gn::before { height: 14px; background-position: -1973px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).gp::before, .contact-tooltip.gp::before { height: 14px; background-position: -1995px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).gq::before, .contact-tooltip.gq::before { height: 14px; background-position: -2017px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).gr::before, .contact-tooltip.gr::before { height: 14px; background-position: -2039px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).gs::before, .contact-tooltip.gs::before { height: 10px; background-position: -2061px 0; } .webform-submission-contact-us-form:not(.iti-flag).gt::before, .contact-tooltip.gt::before { height: 13px; background-position: -2083px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).gu::before, .contact-tooltip.gu::before { height: 11px; background-position: -2105px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).gw::before, .contact-tooltip.gw::before { height: 10px; background-position: -2127px 0; } .webform-submission-contact-us-form:not(.iti-flag).gy::before, .contact-tooltip.gy::before { height: 12px; background-position: -2149px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).hk::before, .contact-tooltip.hk::before { height: 14px; background-position: -2171px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).hm::before, .contact-tooltip.hm::before { height: 10px; background-position: -2193px 0; } .webform-submission-contact-us-form:not(.iti-flag).hn::before, .contact-tooltip.hn::before { height: 10px; background-position: -2215px 0; } .webform-submission-contact-us-form:not(.iti-flag).hr::before, .contact-tooltip.hr::before { height: 10px; background-position: -2237px 0; } .webform-submission-contact-us-form:not(.iti-flag).ht::before, .contact-tooltip.ht::before { height: 12px; background-position: -2259px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).hu::before, .contact-tooltip.hu::before { height: 10px; background-position: -2281px 0; } .webform-submission-contact-us-form:not(.iti-flag).ic::before, .contact-tooltip.ic::before { height: 14px; background-position: -2303px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).id::before, .contact-tooltip.id::before { height: 14px; background-position: -2325px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ie::before, .contact-tooltip.ie::before { height: 10px; background-position: -2347px 0; } .webform-submission-contact-us-form:not(.iti-flag).il::before, .contact-tooltip.il::before { height: 15px; background-position: -2369px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).im::before, .contact-tooltip.im::before { height: 10px; background-position: -2391px 0; } .webform-submission-contact-us-form:not(.iti-flag).in::before, .contact-tooltip.in::before { height: 14px; background-position: -2413px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).io::before, .contact-tooltip.io::before { height: 10px; background-position: -2435px 0; } .webform-submission-contact-us-form:not(.iti-flag).iq::before, .contact-tooltip.iq::before { height: 14px; background-position: -2457px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ir::before, .contact-tooltip.ir::before { height: 12px; background-position: -2479px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).is::before, .contact-tooltip.is::before { height: 15px; background-position: -2501px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).it::before, .contact-tooltip.it::before { height: 14px; background-position: -2523px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).je::before, .contact-tooltip.je::before { height: 12px; background-position: -2545px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).jm::before, .contact-tooltip.jm::before { height: 10px; background-position: -2567px 0; } .webform-submission-contact-us-form:not(.iti-flag).jo::before, .contact-tooltip.jo::before { height: 10px; background-position: -2589px 0; } .webform-submission-contact-us-form:not(.iti-flag).jp::before, .contact-tooltip.jp::before { height: 14px; background-position: -2611px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ke::before, .contact-tooltip.ke::before { height: 14px; background-position: -2633px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).kg::before, .contact-tooltip.kg::before { height: 12px; background-position: -2655px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).kh::before, .contact-tooltip.kh::before { height: 13px; background-position: -2677px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).ki::before, .contact-tooltip.ki::before { height: 10px; background-position: -2699px 0; } .webform-submission-contact-us-form:not(.iti-flag).km::before, .contact-tooltip.km::before { height: 12px; background-position: -2721px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).kn::before, .contact-tooltip.kn::before { height: 14px; background-position: -2743px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).kp::before, .contact-tooltip.kp::before { height: 10px; background-position: -2765px 0; } .webform-submission-contact-us-form:not(.iti-flag).kr::before, .contact-tooltip.kr::before { height: 14px; background-position: -2787px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).kw::before, .contact-tooltip.kw::before { height: 10px; background-position: -2809px 0; } .webform-submission-contact-us-form:not(.iti-flag).ky::before, .contact-tooltip.ky::before { height: 10px; background-position: -2831px 0; } .webform-submission-contact-us-form:not(.iti-flag).kz::before, .contact-tooltip.kz::before { height: 10px; background-position: -2853px 0; } .webform-submission-contact-us-form:not(.iti-flag).la::before, .contact-tooltip.la::before { height: 14px; background-position: -2875px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).lb::before, .contact-tooltip.lb::before { height: 14px; background-position: -2897px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).lc::before, .contact-tooltip.lc::before { height: 10px; background-position: -2919px 0; } .webform-submission-contact-us-form:not(.iti-flag).li::before, .contact-tooltip.li::before { height: 12px; background-position: -2941px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).lk::before, .contact-tooltip.lk::before { height: 10px; background-position: -2963px 0; } .webform-submission-contact-us-form:not(.iti-flag).lr::before, .contact-tooltip.lr::before { height: 11px; background-position: -2985px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ls::before, .contact-tooltip.ls::before { height: 14px; background-position: -3007px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).lt::before, .contact-tooltip.lt::before { height: 12px; background-position: -3029px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).lu::before, .contact-tooltip.lu::before { height: 12px; background-position: -3051px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).lv::before, .contact-tooltip.lv::before { height: 10px; background-position: -3073px 0; } .webform-submission-contact-us-form:not(.iti-flag).ly::before, .contact-tooltip.ly::before { height: 10px; background-position: -3095px 0; } .webform-submission-contact-us-form:not(.iti-flag).ma::before, .contact-tooltip.ma::before { height: 14px; background-position: -3117px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mc::before, .contact-tooltip.mc::before { height: 15px; background-position: -3139px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).md::before, .contact-tooltip.md::before { height: 10px; background-position: -3160px 0; } .webform-submission-contact-us-form:not(.iti-flag).me::before, .contact-tooltip.me::before { height: 10px; background-position: -3182px 0; } .webform-submission-contact-us-form:not(.iti-flag).mf::before, .contact-tooltip.mf::before { height: 14px; background-position: -3204px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mg::before, .contact-tooltip.mg::before { height: 14px; background-position: -3226px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mh::before, .contact-tooltip.mh::before { height: 11px; background-position: -3248px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).mk::before, .contact-tooltip.mk::before { height: 10px; background-position: -3270px 0; } .webform-submission-contact-us-form:not(.iti-flag).ml::before, .contact-tooltip.ml::before { height: 14px; background-position: -3292px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mm::before, .contact-tooltip.mm::before { height: 14px; background-position: -3314px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mn::before, .contact-tooltip.mn::before { height: 10px; background-position: -3336px 0; } .webform-submission-contact-us-form:not(.iti-flag).mo::before, .contact-tooltip.mo::before { height: 14px; background-position: -3358px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mp::before, .contact-tooltip.mp::before { height: 10px; background-position: -3380px 0; } .webform-submission-contact-us-form:not(.iti-flag).mq::before, .contact-tooltip.mq::before { height: 14px; background-position: -3402px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mr::before, .contact-tooltip.mr::before { height: 14px; background-position: -3424px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ms::before, .contact-tooltip.ms::before { height: 10px; background-position: -3446px 0; } .webform-submission-contact-us-form:not(.iti-flag).mt::before, .contact-tooltip.mt::before { height: 14px; background-position: -3468px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mu::before, .contact-tooltip.mu::before { height: 14px; background-position: -3490px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mv::before, .contact-tooltip.mv::before { height: 14px; background-position: -3512px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mw::before, .contact-tooltip.mw::before { height: 14px; background-position: -3534px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).mx::before, .contact-tooltip.mx::before { height: 12px; background-position: -3556px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).my::before, .contact-tooltip.my::before { height: 10px; background-position: -3578px 0; } .webform-submission-contact-us-form:not(.iti-flag).mz::before, .contact-tooltip.mz::before { height: 14px; background-position: -3600px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).na::before, .contact-tooltip.na::before { height: 14px; background-position: -3622px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).nc::before, .contact-tooltip.nc::before { height: 10px; background-position: -3644px 0; } .webform-submission-contact-us-form:not(.iti-flag).ne::before, .contact-tooltip.ne::before { height: 15px; background-position: -3666px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).nf::before, .contact-tooltip.nf::before { height: 10px; background-position: -3686px 0; } .webform-submission-contact-us-form:not(.iti-flag).ng::before, .contact-tooltip.ng::before { height: 10px; background-position: -3708px 0; } .webform-submission-contact-us-form:not(.iti-flag).ni::before, .contact-tooltip.ni::before { height: 12px; background-position: -3730px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).nl::before, .contact-tooltip.nl::before { height: 14px; background-position: -3752px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).no::before, .contact-tooltip.no::before { height: 15px; background-position: -3774px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).np::before, .contact-tooltip.np::before { height: 15px; background-position: -3796px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).nr::before, .contact-tooltip.nr::before { height: 10px; background-position: -3811px 0; } .webform-submission-contact-us-form:not(.iti-flag).nu::before, .contact-tooltip.nu::before { height: 10px; background-position: -3833px 0; } .webform-submission-contact-us-form:not(.iti-flag).nz::before, .contact-tooltip.nz::before { height: 10px; background-position: -3855px 0; } .webform-submission-contact-us-form:not(.iti-flag).om::before, .contact-tooltip.om::before { height: 10px; background-position: -3877px 0; } .webform-submission-contact-us-form:not(.iti-flag).pa::before, .contact-tooltip.pa::before { height: 14px; background-position: -3899px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).pe::before, .contact-tooltip.pe::before { height: 14px; background-position: -3921px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).pf::before, .contact-tooltip.pf::before { height: 14px; background-position: -3943px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).pg::before, .contact-tooltip.pg::before { height: 15px; background-position: -3965px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ph::before, .contact-tooltip.ph::before { height: 10px; background-position: -3987px 0; } .webform-submission-contact-us-form:not(.iti-flag).pk::before, .contact-tooltip.pk::before { height: 14px; background-position: -4009px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).pl::before, .contact-tooltip.pl::before { height: 13px; background-position: -4031px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).pm::before, .contact-tooltip.pm::before { height: 14px; background-position: -4053px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).pn::before, .contact-tooltip.pn::before { height: 10px; background-position: -4075px 0; } .webform-submission-contact-us-form:not(.iti-flag).pr::before, .contact-tooltip.pr::before { height: 14px; background-position: -4097px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ps::before, .contact-tooltip.ps::before { height: 10px; background-position: -4119px 0; } .webform-submission-contact-us-form:not(.iti-flag).pt::before, .contact-tooltip.pt::before { height: 14px; background-position: -4141px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).pw::before, .contact-tooltip.pw::before { height: 13px; background-position: -4163px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).py::before, .contact-tooltip.py::before { height: 11px; background-position: -4185px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).qa::before, .contact-tooltip.qa::before { height: 8px; background-position: -4207px 0; margin-top: -4px; } .webform-submission-contact-us-form:not(.iti-flag).re::before, .contact-tooltip.re::before { height: 14px; background-position: -4229px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ro::before, .contact-tooltip.ro::before { height: 14px; background-position: -4251px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).rs::before, .contact-tooltip.rs::before { height: 14px; background-position: -4273px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ru::before, .contact-tooltip.ru::before { height: 14px; background-position: -4295px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).rw::before, .contact-tooltip.rw::before { height: 14px; background-position: -4317px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).sa::before, .contact-tooltip.sa::before { height: 14px; background-position: -4339px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).sb::before, .contact-tooltip.sb::before { height: 10px; background-position: -4361px 0; } .webform-submission-contact-us-form:not(.iti-flag).sc::before, .contact-tooltip.sc::before { height: 10px; background-position: -4383px 0; } .webform-submission-contact-us-form:not(.iti-flag).sd::before, .contact-tooltip.sd::before { height: 10px; background-position: -4405px 0; } .webform-submission-contact-us-form:not(.iti-flag).se::before, .contact-tooltip.se::before { height: 13px; background-position: -4427px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).sg::before, .contact-tooltip.sg::before { height: 14px; background-position: -4449px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).sh::before, .contact-tooltip.sh::before { height: 10px; background-position: -4471px 0; } .webform-submission-contact-us-form:not(.iti-flag).si::before, .contact-tooltip.si::before { height: 10px; background-position: -4493px 0; } .webform-submission-contact-us-form:not(.iti-flag).sj::before, .contact-tooltip.sj::before { height: 15px; background-position: -4515px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).sk::before, .contact-tooltip.sk::before { height: 14px; background-position: -4537px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).sl::before, .contact-tooltip.sl::before { height: 14px; background-position: -4559px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).sm::before, .contact-tooltip.sm::before { height: 15px; background-position: -4581px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).sn::before, .contact-tooltip.sn::before { height: 14px; background-position: -4603px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).so::before, .contact-tooltip.so::before { height: 14px; background-position: -4625px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).sr::before, .contact-tooltip.sr::before { height: 14px; background-position: -4647px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ss::before, .contact-tooltip.ss::before { height: 10px; background-position: -4669px 0; } .webform-submission-contact-us-form:not(.iti-flag).st::before, .contact-tooltip.st::before { height: 10px; background-position: -4691px 0; } .webform-submission-contact-us-form:not(.iti-flag).sv::before, .contact-tooltip.sv::before { height: 12px; background-position: -4713px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).sx::before, .contact-tooltip.sx::before { height: 14px; background-position: -4735px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).sy::before, .contact-tooltip.sy::before { height: 14px; background-position: -4757px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).sz::before, .contact-tooltip.sz::before { height: 14px; background-position: -4779px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ta::before, .contact-tooltip.ta::before { height: 10px; background-position: -4801px 0; } .webform-submission-contact-us-form:not(.iti-flag).tc::before, .contact-tooltip.tc::before { height: 10px; background-position: -4823px 0; } .webform-submission-contact-us-form:not(.iti-flag).td::before, .contact-tooltip.td::before { height: 14px; background-position: -4845px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).tf::before, .contact-tooltip.tf::before { height: 14px; background-position: -4867px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).tg::before, .contact-tooltip.tg::before { height: 13px; background-position: -4889px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).th::before, .contact-tooltip.th::before { height: 14px; background-position: -4911px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).tj::before, .contact-tooltip.tj::before { height: 10px; background-position: -4933px 0; } .webform-submission-contact-us-form:not(.iti-flag).tk::before, .contact-tooltip.tk::before { height: 10px; background-position: -4955px 0; } .webform-submission-contact-us-form:not(.iti-flag).tl::before, .contact-tooltip.tl::before { height: 10px; background-position: -4977px 0; } .webform-submission-contact-us-form:not(.iti-flag).tm::before, .contact-tooltip.tm::before { height: 14px; background-position: -4999px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).tn::before, .contact-tooltip.tn::before { height: 14px; background-position: -5021px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).to::before, .contact-tooltip.to::before { height: 10px; background-position: -5043px 0; } .webform-submission-contact-us-form:not(.iti-flag).tr::before, .contact-tooltip.tr::before { height: 14px; background-position: -5065px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).tt::before, .contact-tooltip.tt::before { height: 12px; background-position: -5087px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).tv::before, .contact-tooltip.tv::before { height: 10px; background-position: -5109px 0; } .webform-submission-contact-us-form:not(.iti-flag).tw::before, .contact-tooltip.tw::before { height: 14px; background-position: -5131px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).tz::before, .contact-tooltip.tz::before { height: 14px; background-position: -5153px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ua::before, .contact-tooltip.ua::before { height: 14px; background-position: -5175px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ug::before, .contact-tooltip.ug::before { height: 14px; background-position: -5197px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).um::before, .contact-tooltip.um::before { height: 11px; background-position: -5219px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).un::before, .contact-tooltip.un::before { height: 14px; background-position: -5241px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).us::before, .contact-tooltip.us::before { height: 11px; background-position: -5263px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).uy::before, .contact-tooltip.uy::before { height: 14px; background-position: -5285px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).uz::before, .contact-tooltip.uz::before { height: 10px; background-position: -5307px 0; } .webform-submission-contact-us-form:not(.iti-flag).va::before, .contact-tooltip.va::before { height: 15px; background-position: -5329px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).vc::before, .contact-tooltip.vc::before { height: 14px; background-position: -5346px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ve::before, .contact-tooltip.ve::before { height: 14px; background-position: -5368px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).vg::before, .contact-tooltip.vg::before { height: 10px; background-position: -5390px 0; } .webform-submission-contact-us-form:not(.iti-flag).vi::before, .contact-tooltip.vi::before { height: 14px; background-position: -5412px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).vn::before, .contact-tooltip.vn::before { height: 14px; background-position: -5434px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).vu::before, .contact-tooltip.vu::before { height: 12px; background-position: -5456px 0; margin-top: -6px; } .webform-submission-contact-us-form:not(.iti-flag).wf::before, .contact-tooltip.wf::before { height: 14px; background-position: -5478px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ws::before, .contact-tooltip.ws::before { height: 10px; background-position: -5500px 0; } .webform-submission-contact-us-form:not(.iti-flag).xk::before, .contact-tooltip.xk::before { height: 15px; background-position: -5522px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).ye::before, .contact-tooltip.ye::before { height: 14px; background-position: -5544px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).yt::before, .contact-tooltip.yt::before { height: 14px; background-position: -5566px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).za::before, .contact-tooltip.za::before { height: 14px; background-position: -5588px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).zm::before, .contact-tooltip.zm::before { height: 14px; background-position: -5610px 0; margin-top: -7px; } .webform-submission-contact-us-form:not(.iti-flag).zw::before, .contact-tooltip.zw::before { height: 10px; background-position: -5632px 0; } @media (max-width: 1023px) { .parallax-wrapper { width: 100%; margin: 0 auto; } } .csv-parallax { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; height: 100vh; } .csv-parallax .plx-panel { height: 100%; width: 100%; position: absolute; } .csv-parallax .plx-panel-mobile { display: none; } @media (max-width: 767px) { .csv-parallax .plx-panel-mobile { display: block; } } .csv-parallax .plx-overlay-text { color: #fff; } .csv-parallax .plx-overlay-text h1, .csv-parallax .plx-overlay-text h2, .csv-parallax .plx-overlay-text h3, .csv-parallax .plx-overlay-text h4, .csv-parallax .plx-overlay-text h5, .csv-parallax .plx-overlay-text h6, .csv-parallax .plx-overlay-text p, .csv-parallax .plx-overlay-text div { color: #fff; width: 80%; } @media (min-width: 1024px) { .csv-parallax .plx-overlay-text h1, .csv-parallax .plx-overlay-text h2, .csv-parallax .plx-overlay-text h3, .csv-parallax .plx-overlay-text h4, .csv-parallax .plx-overlay-text h5, .csv-parallax .plx-overlay-text h6, .csv-parallax .plx-overlay-text p, .csv-parallax .plx-overlay-text div { max-width: 450px; width: 450px; } } @media (max-width: 767px) { .csv-parallax .plx-overlay-text h1, .csv-parallax .plx-overlay-text h2, .csv-parallax .plx-overlay-text h3, .csv-parallax .plx-overlay-text h4, .csv-parallax .plx-overlay-text h5, .csv-parallax .plx-overlay-text h6, .csv-parallax .plx-overlay-text p, .csv-parallax .plx-overlay-text div { width: 100%; } } .csv-parallax .plx-overlay-text h2 { font-family: "Nestle-Text-Bold"; } .csv-parallax .plx-overlay-text .button { background-color: transparent; color: #ffffff; border-color: #ffffff; font-weight: bold; } .csv-parallax .plx-overlay-text .button:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.9); } .csv-parallax .plx-overlay-text a.button:active { color: #ffffff; background-color: rgba(0, 0, 0, 0.9); } .csv-parallax .plx-overlay-text { background-color: rgba(0, 0, 0, 0.7); color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .csv-parallax .plx-text-scroll { color: #ffffff; position: relative; display: block; height: auto; max-width: 90%; overflow: visible; padding-bottom: 60px; padding-left: 10%; } @media (min-width: 1024px) { .csv-parallax .plx-text-scroll { padding-bottom: 100px; } } .cta-button-group .field--name-field-cta-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cta-button-group .field--name-field-cta-buttons > .field--item { margin-left: 20px; } .cta-button-group .field--name-field-cta-buttons > .field--item:first-child { margin-left: 0; } @media (max-width: 767px) { .cta-button-group .field--name-field-cta-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cta-button-group .field--name-field-cta-buttons .field--item { text-align: left; margin-left: 0; } } @media (max-width: 767px) { .cta-button-group .paragraph--type--dsu-c-cta-button { margin: 0; } } .cta-button-group.position_right .field--name-field-cta-buttons { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 767px) { .cta-button-group.position_right .field--name-field-cta-buttons .field--item { -ms-flex-item-align: end; align-self: flex-end; } } .cta-button-group.position_center .field--name-field-cta-buttons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .cta-button-group.position_center .field--name-field-cta-buttons .field--item { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } } .cta-button-group.position_left .field--name-field-cta-buttons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 767px) { .cta-button-group.position_left .field--name-field-cta-buttons .field--item { -ms-flex-item-align: start; align-self: flex-start; } } @-webkit-keyframes arrow-wiggle-vertical { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 25% { -webkit-transform: translateY(10%); transform: translateY(10%); } 75% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes arrow-wiggle-vertical { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 25% { -webkit-transform: translateY(10%); transform: translateY(10%); } 75% { -webkit-transform: translateY(-10%); transform: translateY(-10%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .downloads-component-wrapper .downloads-parent { width: 100%; text-align: left; opacity: 1; color: #000000; } .downloads-component-wrapper .downloads-parent h2 { text-align: center; font-family: "Nestle-Text-Book"; letter-spacing: 0px; color: inherit; } .downloads-component-wrapper .downloads-parent h3 { font: normal normal bold 16px/32px "Nestle-Text-Book"; letter-spacing: 0.8px; font-size: 14px; } .downloads-component-wrapper .downloads-parent p { text-align: center; font: normal normal 300 16px/26px "Nestle-Text-Book"; letter-spacing: -0.08px; font-size: 16px; } .downloads-component-wrapper .downloads-parent img { width: 96px; height: 115px; } .downloads-component-wrapper .downloads-parent .downloads-content { text-align: center; background-color: transparent; padding: 2rem 4% 0; color: inherit; } @media (min-width: 768px) { .downloads-component-wrapper .downloads-parent .downloads-content { padding: 2.5% 10%; } } .downloads-component-wrapper .downloads-parent .downloads-content p.downloads-content__description { max-width: 90%; margin-left: auto; margin-right: auto; text-align: center; } @media (min-width: 768px) { .downloads-component-wrapper .downloads-parent .downloads-content p.downloads-content__description { padding: 0.9rem 17% 4rem; } } @media (max-width: 767px) { .downloads-component-wrapper .downloads-parent .downloads-content p.downloads-content__description { margin-bottom: 2.5rem; } } .downloads-component-wrapper .downloads-parent .downloads-content span { font: normal normal normal 12px/16px Nestle-Text-Book; letter-spacing: 0.6px; color: inherit; font-size: 12px; display: block; margin: 0.3rem 0 2rem; } @media (min-width: 768px) { .downloads-component-wrapper .downloads-parent .downloads-content span { margin: 0.3rem 0 2rem; } } .downloads-component-wrapper .downloads-parent .downloads-content a.download-item__link_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 2% 0; text-decoration: none; color: white; height: 100%; } .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper .downloads-item { -webkit-box-flex: 0; -ms-flex: 0 23%; flex: 0 23%; margin: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 4rem; border-radius: 7px; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); } .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper .downloads-item div.downloads-item__image { width: 6rem; margin: -2rem auto 1rem; overflow: hidden; } .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper .downloads-item h3 { text-align: center; font: normal normal bold 17px/23px Nestle-Text-Book; letter-spacing: -0.09px; margin-bottom: 0; padding-left: 1rem; padding-right: 1rem; } .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper .downloads-item h3 a { font-weight: bold; font-size: 17px; line-height: 23px; } .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper .downloads-item span.downloads-item__filesize { text-transform: uppercase; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper .downloads-item .downloads-item__download_link::before { content: ""; background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; width: 0.8em; height: 0.8em; margin-right: 12px; top: 50%; background-size: 7.433em 0.9em; margin-top: -0.2em; } .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper .downloads-item .downloads-item__download_link:hover::before { -webkit-animation: arrow-wiggle-vertical 0.5s linear infinite; animation: arrow-wiggle-vertical 0.5s linear infinite; } @media (max-width: 1023px) { .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper .downloads-item { padding: 0 2% 1rem; -webkit-box-flex: 0; -ms-flex: 0 46%; flex: 0 46%; } } @media (max-width: 767px) { .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper .downloads-item { padding: 0 2% 1rem; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } } .downloads-component-wrapper .downloads-parent .downloads-content .downloads-item-wrapper .downloads-item:hover { -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.16); box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.16); } .downloads-item__download_link { text-transform: uppercase; } .downloads-light .downloads-item__download_link::before { background-image: url(./downloads_download_file_blue.svg); } .downloads-dark .downloads-item__download_link::before { background-image: url(./downloads_download_file_white.svg); } .downloads-component-wrapper.downloads-wrapper__dark-oak { background-color: rgb(32.1038961039, 25.4155844156, 19.3961038961); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__dark-oak .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__dark-oak .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__dark-oak .downloads-item { background-color: #30261d; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__dark-oak .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__oak { background-color: rgb(83.221875, 68.090625, 51.278125); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__oak .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__oak .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__oak .downloads-item { background-color: #63513d; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__oak .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__85-oak { background-color: rgb(123.5185185185, 108.3024691358, 93.9814814815); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__85-oak .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__85-oak .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__85-oak .downloads-item { background-color: #8a7969; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__85-oak .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__30-oak { background-color: rgb(197.7211538462, 190.25, 182.7788461538); color: #34220d; } .downloads-component-wrapper.downloads-wrapper__30-oak .downloads-item { background-color: #d1cbc5; color: #34220d; } .downloads-component-wrapper.downloads-wrapper__30-oak .downloads-item a.download-item__link_wrapper { color: #34220d !important; } .downloads-component-wrapper.downloads-wrapper__30-oak .downloads-item { background-color: #d1cbc5; color: #007cba !important; } .downloads-component-wrapper.downloads-wrapper__30-oak .downloads-item a.download-item__link_wrapper { color: #007cba !important; } .downloads-component-wrapper.downloads-wrapper__15-oak { background-color: rgb(220.7211538462, 216.25, 211.7788461538); color: #34220d; } .downloads-component-wrapper.downloads-wrapper__15-oak .downloads-item { background-color: #e8e5e2; color: #34220d; } .downloads-component-wrapper.downloads-wrapper__15-oak .downloads-item a.download-item__link_wrapper { color: #34220d !important; } .downloads-component-wrapper.downloads-wrapper__15-oak .downloads-item { background-color: #e8e5e2; color: #007cba !important; } .downloads-component-wrapper.downloads-wrapper__15-oak .downloads-item a.download-item__link_wrapper { color: #007cba !important; } .downloads-component-wrapper.downloads-wrapper__5-oak { background-color: rgb(234.525, 232.25, 229.975); color: #34220d; } .downloads-component-wrapper.downloads-wrapper__5-oak .downloads-item { background-color: #f6f5f4; color: #34220d; } .downloads-component-wrapper.downloads-wrapper__5-oak .downloads-item a.download-item__link_wrapper { color: #34220d !important; } .downloads-component-wrapper.downloads-wrapper__5-oak .downloads-item { background-color: #f6f5f4; color: #007cba !important; } .downloads-component-wrapper.downloads-wrapper__5-oak .downloads-item a.download-item__link_wrapper { color: #007cba !important; } .downloads-component-wrapper.downloads-wrapper__white { background-color: rgb(242.25, 242.25, 242.25); color: #34220d; } .downloads-component-wrapper.downloads-wrapper__white .downloads-item { background-color: #ffffff; color: #34220d; } .downloads-component-wrapper.downloads-wrapper__white .downloads-item a.download-item__link_wrapper { color: #34220d !important; } .downloads-component-wrapper.downloads-wrapper__white .downloads-item { background-color: #ffffff; color: #007cba !important; } .downloads-component-wrapper.downloads-wrapper__white .downloads-item a.download-item__link_wrapper { color: #007cba !important; } .downloads-component-wrapper.downloads-wrapper__blue { background-color: rgb(0, 107, 160.5); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__blue .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__blue .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__blue .downloads-item { background-color: #007cba; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__blue .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__teal { background-color: rgb(0, 105.9965034965, 117.5); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__teal .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__teal .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__teal .downloads-item { background-color: #00818f; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__teal .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__green { background-color: rgb(38.8909090909, 108.2181818182, 31.2818181818); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__green .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__green .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__green .downloads-item { background-color: #2e8025; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__green .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__orange { background-color: rgb(192.0843373494, 58.343373494, 31.4156626506); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__orange .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__orange .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__orange .downloads-item { background-color: #d64123; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__orange .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__red { background-color: rgb(176.5, 0, 53.2995049505); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__red .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__red .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__red .downloads-item { background-color: #ca003d; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__red .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__pink { background-color: rgb(139.5, 0, 84.5454545455); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__pink .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__pink .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__pink .downloads-item { background-color: #a50064; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__pink .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__purple { background-color: rgb(126.7933333333, 63.84, 135.66); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__purple .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__purple .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__purple .downloads-item { background-color: #8f4899; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__purple .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__purple-alt { background-color: rgb(92.5, 28.3333333333, 99.1666666667); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__purple-alt .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__purple-alt .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__purple-alt .downloads-item { background-color: #6f2277; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__purple-alt .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__annual-red { background-color: rgb(180.5, 0, 48.1917475728); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-red .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-red .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-red .downloads-item { background-color: #ce0037; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-red .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__annual-pink { background-color: rgb(172.5, 0, 109.7727272727); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-pink .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-pink .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-pink .downloads-item { background-color: #c6007e; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-pink .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__annual-teal { background-color: rgb(0, 94.6744186047, 103.5); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-teal .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-teal .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-teal .downloads-item { background-color: #007681; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-teal .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__annual-yellow { background-color: rgb(208.5, 151.4743589744, 0); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-yellow .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-yellow .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-yellow .downloads-item { background-color: #eaaa00; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-yellow .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__annual-brown { background-color: rgb(96.8503649635, 53.7153284672, 14.6496350365); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-brown .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-brown .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-brown .downloads-item { background-color: #774212; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-brown .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .downloads-component-wrapper.downloads-wrapper__annual-purple { background-color: rgb(161.9098712446, 61.525751073, 189.974248927); color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-purple .downloads-content__title { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-purple .downloads-content__description { color: white; } .downloads-component-wrapper.downloads-wrapper__annual-purple .downloads-item { background-color: #ac4fc6; color: #ffffff; } .downloads-component-wrapper.downloads-wrapper__annual-purple .downloads-item a.download-item__link_wrapper { color: #ffffff !important; } .ui-accordion > .view-content > .views-row, .accordion { position: relative; margin-bottom: -1px; -webkit-transition: border-bottom 0.1s ease; transition: border-bottom 0.1s ease; } .ui-accordion .ui-accordion-content.ui-accordion-content-active, .accordion--active { z-index: 1; border-bottom: 1px solid #63513d; } .ui-accordion .ui-accordion-header, .accordion__button, .webform-submission-form .panel.user-data > .panel-heading a, .webform-submission-form .panel#edit-disclaimer > .panel-heading a { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; text-align: left; font-family: "Nestle-Text-Book"; line-height: 1.3; border: none; border-top: 1px solid #e8e5e2; border-bottom: 1px solid #e8e5e2; background: none; color: #30261d; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; outline: none; -webkit-transition: border-color 0.1s ease; transition: border-color 0.1s ease; } @media (max-width: 767px) { .ui-accordion .ui-accordion-header, .accordion__button, .webform-submission-form .panel.user-data > .panel-heading a, .webform-submission-form .panel#edit-disclaimer > .panel-heading a { font-size: 18px; padding-top: 1.0166666667em; padding-bottom: 1.0166666667em; } } @media (min-width: 768px) { .ui-accordion .ui-accordion-header, .accordion__button, .webform-submission-form .panel.user-data > .panel-heading a, .webform-submission-form .panel#edit-disclaimer > .panel-heading a { font-size: 20px; padding-top: 1.1em; padding-bottom: 1.1em; } } .ui-accordion .ui-accordion-header.ui-state-active, .accordion--active .accordion__button, .webform-submission-form .panel.user-data > .panel-heading a[aria-expanded="true"], .webform-submission-form .panel#edit-disclaimer > .panel-heading a[aria-expanded="true"] { border-top-color: #63513d; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon, .accordion__button__indicator { margin-left: 12px; display: inline-block; color: #007cba; position: relative; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon::before, .accordion__button__indicator::before, .ui-accordion .ui-accordion-header .ui-accordion-header-icon::after, .accordion__button__indicator::after { content: ""; display: block; background: currentcolor; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ui-accordion .ui-accordion-header .ui-accordion-header-icon::before, .accordion__button__indicator::before { width: 100%; height: 0.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon::after, .accordion__button__indicator::after { height: 100%; width: 0.2em; -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } @media (max-width: 767px) { .ui-accordion .ui-accordion-header .ui-accordion-header-icon, .accordion__button__indicator { width: 0.8333333333em; height: 0.8333333333em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon::before, .accordion__button__indicator::before { height: 0.1666666667em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon::after, .accordion__button__indicator::after { width: 0.1666666667em; } } @media (min-width: 768px) { .ui-accordion .ui-accordion-header .ui-accordion-header-icon, .accordion__button__indicator { width: 1.1em; height: 1.1em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon::before, .accordion__button__indicator::before { height: 0.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon::after, .accordion__button__indicator::after { width: 0.2em; } } .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon, .accordion--active .accordion__button__indicator { color: #00818f; } .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon::after, .accordion--active .accordion__button__indicator::after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } @media (max-width: 767px) { .ui-accordion .ui-accordion-content .accordion-close-wrapper, .ui-accordion .ui-accordion-content > .views-row, .ui-accordion .ui-accordion-header, .accordion__button, .accordion__body, .accordion__actions { padding-left: 14px; padding-right: 14px; } } @media (min-width: 768px) { .ui-accordion .ui-accordion-content .accordion-close-wrapper, .ui-accordion .ui-accordion-content > .views-row, .ui-accordion .ui-accordion-header, .accordion__button, .accordion__body, .accordion__actions { padding-left: 23px; padding-right: 23px; } } .ui-accordion .ui-accordion-content > .views-row, .accordion__body, .webform-submission-form .panel.user-data > .panel-body, .webform-submission-form .panel#edit-disclaimer > .panel-body { outline: none; } @media (max-width: 767px) { .ui-accordion .ui-accordion-content > .views-row, .accordion__body, .webform-submission-form .panel.user-data > .panel-body, .webform-submission-form .panel#edit-disclaimer > .panel-body { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 768px) { .ui-accordion .ui-accordion-content > .views-row, .accordion__body, .webform-submission-form .panel.user-data > .panel-body, .webform-submission-form .panel#edit-disclaimer > .panel-body { padding-top: 26px; padding-bottom: 26px; } } .ui-accordion .ui-accordion-content > .views-row > .field--name-field-column-first > .field--item > .paragraph > .component-paragraph-field > .field--name-field-c-title, .accordion__body > .field--name-field-column-first > .field--item > .paragraph > .component-paragraph-field > .field--name-field-c-title, .webform-submission-form .panel.user-data > .panel-body > .field--name-field-column-first > .field--item > .paragraph > .component-paragraph-field > .field--name-field-c-title, .webform-submission-form .panel#edit-disclaimer > .panel-body > .field--name-field-column-first > .field--item > .paragraph > .component-paragraph-field > .field--name-field-c-title, .ui-accordion .ui-accordion-content > .views-row > .field--name-field-column-first > .field--item > .paragraph > .component-paragraph-field > .field--name-field-c-advanced-subtitle, .accordion__body > .field--name-field-column-first > .field--item > .paragraph > .component-paragraph-field > .field--name-field-c-advanced-subtitle, .webform-submission-form .panel.user-data > .panel-body > .field--name-field-column-first > .field--item > .paragraph > .component-paragraph-field > .field--name-field-c-advanced-subtitle, .webform-submission-form .panel#edit-disclaimer > .panel-body > .field--name-field-column-first > .field--item > .paragraph > .component-paragraph-field > .field--name-field-c-advanced-subtitle { display: none; } .ui-accordion .ui-accordion-content > .views-row .paragraph:last-child, .accordion__body .paragraph:last-child, .webform-submission-form .panel.user-data > .panel-body .paragraph:last-child, .webform-submission-form .panel#edit-disclaimer > .panel-body .paragraph:last-child, .ui-accordion .ui-accordion-content > .views-row .paragraph--type--dsu-c-cta-button a, .accordion__body .paragraph--type--dsu-c-cta-button a, .webform-submission-form .panel.user-data > .panel-body .paragraph--type--dsu-c-cta-button a, .webform-submission-form .panel#edit-disclaimer > .panel-body .paragraph--type--dsu-c-cta-button a { margin-bottom: 0; } .ui-accordion .ui-accordion-content > .views-row .paragraph--type--dsu-c-cta-button, .accordion__body .paragraph--type--dsu-c-cta-button, .webform-submission-form .panel.user-data > .panel-body .paragraph--type--dsu-c-cta-button, .webform-submission-form .panel#edit-disclaimer > .panel-body .paragraph--type--dsu-c-cta-button { margin-top: 0; } .ui-accordion .ui-accordion-content > .views-row .tableContainer, .accordion__body .tableContainer, .webform-submission-form .panel.user-data > .panel-body .tableContainer, .webform-submission-form .panel#edit-disclaimer > .panel-body .tableContainer { overflow-x: auto; } .ui-accordion .ui-accordion-content .accordion-close-wrapper, .accordion__actions { border-top: 1px solid #e8e5e2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ui-accordion .ui-accordion-content .accordion-close, .accordion__close { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; display: inline-block; font-size: 13px; line-height: 1.3076923077; font-family: "Nestle-Text-Book"; cursor: pointer; padding-left: 0; padding-right: 0; color: #63513d; } @media (max-width: 767px) { .ui-accordion .ui-accordion-content .accordion-close, .accordion__close { padding-top: 4.5px; padding-bottom: 4.5px; } } @media (min-width: 768px) { .ui-accordion .ui-accordion-content .accordion-close, .accordion__close { padding-top: 11.5px; padding-bottom: 11.5px; } } .ui-accordion .ui-accordion-content .accordion-close::after, .accordion__close::after { content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: url(./close--small.svg) no-repeat center center/100% 100%; margin-left: 0.3em; margin-top: -0.2em; } .accordion-group { margin-bottom: 2rem; } .accordion__nav { margin: 0; } .accordion__content { outline: none; display: none; } .accordion__content .paragraph--type--dsu-c-cta-button { margin-top: 24px; } .accordion__body .paragraph--type--c-text .field--name-field-c-advanced-title { display: none; } .ui-accordion > .view-content > .accordion-close-wrapper { display: none; } .ui-accordion .ui-accordion-header { border-radius: 0; margin-top: 0; cursor: pointer; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { background: none; } .ui-accordion .ui-accordion-header.ui-state-focus { outline: 2px auto -webkit-focus-ring-color; outline-offset: -2px; } .ui-accordion .ui-accordion-content { border: none; padding: 0; border-radius: 0; } .ui-accordion .ui-accordion-content.ui-accordion-content-active { height: auto !important; overflow: visible; position: relative; } body[class*="financial"] .paragraph--type--c-text { margin-bottom: 0; } body[class*="financial"] .paragraph--type--c-text p { line-height: 24px; margin-bottom: 0; padding-bottom: 0; } .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text { width: 70%; margin-left: 0; } @media (max-width: 1023px) { .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text { width: 100%; } } .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text * { width: 100% !important; } .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text .extlink { width: auto !important; } .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text .tableContainer, .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text table, .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text table * { width: auto !important; } .paragraph--type--layout-50-25-25 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-50-25-25 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-25-50-25 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-25-50-25 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-25-25-50 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-25-25-50 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-75-25 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-25-75 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-66-33 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-33-66 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-columns-3 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-columns-4 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-columns-5 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text, .paragraph--type--layout-columns-2 .default-style-accordion-wrapper .component-paragraph-field .field--name-field-c-text { width: 100%; } .paragraph--type--layout-50-25-25 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-50-25-25 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-25-50-25 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-25-50-25 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-25-25-50 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-25-25-50 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-75-25 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-25-75 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-66-33 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-33-66 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-columns-3 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-columns-4 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-columns-5 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first, .paragraph--type--layout-columns-2 .default-style-accordion-wrapper .accordion__body .field--name-field-column-first { width: 100%; } @media (max-width: 767px) { .investor-style-accordion-wrapper { width: 100% !important; max-width: 100% !important; } } .investor-style-accordion-wrapper .accordion__button { padding-left: 5%; padding-right: 5%; border-top: 1px solid #e8e5e2; border-bottom: 1px solid #e8e5e2; } .investor-style-accordion-wrapper .accordion__actions { margin-left: auto; margin-right: auto; width: 90%; border-top: 1px solid rgba(255, 255, 255, 0.7); padding-right: 0; padding-left: 0; } .investor-style-accordion-wrapper .accordion__close { color: white; margin-bottom: 2rem; } .investor-style-accordion-wrapper .accordion__close:after { background: url(./close--small--white.svg) no-repeat center center/100% 100%; margin-left: 10px; } .investor-style-accordion-wrapper .investor-style-accordion__heading { font-size: 36px; font-family: "Nestle-Text-Light"; text-align: center; padding-bottom: 10px; margin-top: 3rem; } @media (max-width: 767px) { .investor-style-accordion-wrapper .investor-style-accordion__heading { font-size: 26px; } } .investor-style-accordion-wrapper .accordion-item__investors-page-style img.accordion-icon { width: 26px; height: 26px; } @media (max-width: 767px) { .investor-style-accordion-wrapper .accordion-item__investors-page-style img.accordion-icon { margin-top: -3px; } } .investor-style-accordion-wrapper .accordion-item__investors-page-style span.accordion__item_title { font-size: 25px; font-weight: bold; } @media (max-width: 767px) { .investor-style-accordion-wrapper .accordion-item__investors-page-style span.accordion__item_title { font-size: 16px; } } .investor-style-accordion-wrapper .accordion-item__investors-page-style h2.accordion__nav { background-color: white; } .investor-style-accordion-wrapper .accordion-item__investors-page-style span.accordion__item_title { vertical-align: top; display: inline-block; margin-left: 10px; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion__body { padding-left: 5%; padding-right: 5%; } @media (max-width: 767px) { .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion__body ul { padding-left: 0; } } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion__body ul li { line-height: 24px; list-style-type: none; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion__body ul li:before { content: ""; background: url(./button_tick_white.svg) 0 0/22px 24px no-repeat; width: 30px; height: 24px; display: inline-block; margin-right: 15px; margin-bottom: -5px; min-width: 30px; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion__body a { color: white !important; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active a, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active p, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active ul, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active li, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active h1, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active h2, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active h3, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active h4, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active h5, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active h6, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active ol, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active div, .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active span { color: white !important; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active .accordion__button { border: none; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active h2.accordion__nav { background-color: transparent; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active span.accordion__item_title { color: white !important; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active .accordion__button__indicator::after { background: white; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion--active img.accordion-icon { -webkit-filter: brightness(0.1) invert(1); filter: brightness(0.1) invert(1); } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-dark-oak { background-color: #30261d; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-dark-oak span.accordion__item_title { color: #30261d; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-oak { background-color: #63513d; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-oak span.accordion__item_title { color: #63513d; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-85-oak { background-color: #8a7969; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-85-oak span.accordion__item_title { color: #8a7969; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-blue { background-color: #007cba; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-blue span.accordion__item_title { color: #007cba; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-teal { background-color: #00818f; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-teal span.accordion__item_title { color: #00818f; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-green { background-color: #2e8025; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-green span.accordion__item_title { color: #2e8025; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-orange { background-color: #d64123; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-orange span.accordion__item_title { color: #d64123; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-red { background-color: #ca003d; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-red span.accordion__item_title { color: #ca003d; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-pink { background-color: #a50064; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-pink span.accordion__item_title { color: #a50064; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-purple { background-color: #8f4899; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-purple span.accordion__item_title { color: #8f4899; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-purple-alt { background-color: #6f2277; color: #ffffff; } .investor-style-accordion-wrapper .accordion-item__investors-page-style .accordion-item-bg-purple-alt span.accordion__item_title { color: #6f2277; } @media (max-width: 767px) { .investor-style-accordion-wrapper .component-paragraph-field.accordion-group { width: 100%; } } .investor-style-accordion-wrapper .accordion__item__image_title_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .investor-style-accordion-wrapper select:focus, .investor-style-accordion-wrapper button:focus { outline: none; } .paragraph--type--dsu-c-banner-bubble img { height: 100%; } .paragraph--type--dsu-c-banner-bubble .bubble-wrapper { font-size: 26px; overflow: hidden; } .paragraph--type--dsu-c-banner-bubble .bubble-wrapper p { padding-bottom: 0; line-height: 1.4; } @media (max-width: 767px) { .paragraph--type--dsu-c-banner-bubble .bubble-wrapper p { line-height: 1.2; } .paragraph--type--dsu-c-banner-bubble .bubble-wrapper p span { font-size: 20px !important; } .paragraph--type--dsu-c-banner-bubble .bubble-wrapper p span[style="font-family:'NestleBrush', Nestle-Text-Book, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;"] { font-size: 24px !important; } .paragraph--type--dsu-c-banner-bubble .bubble-wrapper p span[style="font-family:'NestleScrip', Nestle-Text-Book, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;"] { font-size: 36px !important; } .paragraph--type--dsu-c-banner-bubble .bubble-wrapper p span[style="font-size:36px;"] { font-size: 24px !important; } .paragraph--type--dsu-c-banner-bubble .bubble-wrapper p span[style="font-size:48px;"] { font-size: 36px !important; } } @media (max-width: 1023px) { .paragraph--type--dsu-c-banner-bubble.bubble-content { height: 44rem; } } .paragraph--type--dsu-c-banner-bubble .field--name-field-banner-background-image picture { float: left; height: 100%; width: 100%; margin-bottom: 16px; } .paragraph--type--dsu-c-banner-bubble .field--name-field-banner-background-image.custom-object-fit { background-size: cover; background-position: center; } .paragraph--type--dsu-c-banner-bubble .field--name-field-banner-background-image.custom-object-fit picture { display: none; } .component-1891 #section-1441 .bubble-wrapper .field--name-field-image { padding: 1rem 0.5rem 0; width: 80%; margin: 0; margin-bottom: -25px; max-width: initial; } .component-1891 .banner-bubble-wrapper .paragraph--type--dsu-c-cta-button { margin-top: 3.56rem; } .component-1921 .paragraph--type--dsu-c-banner-bubble { margin-bottom: 4.4rem; } @media (max-width: 1023px) { .component-1921 .paragraph--type--dsu-c-banner-bubble { margin-bottom: 1.8rem; } } .component-1921 .region-content .field--name-field-ln-n-components > .field--item:first-of-type .paragraph--type--dsu-c-banner-bubble { margin-bottom: 3rem; } @media (max-width: 767px) { #section-2726.vertical-position-top .banner-bubble-wrapper, #section-2736.vertical-position-top .banner-bubble-wrapper, #section-1451.vertical-position-top .banner-bubble-wrapper { top: 4rem; bottom: auto; } } @media (max-width: 767px) { .company-details .vertical-position-top .banner-bubble-wrapper { top: 4rem; bottom: auto; width: initial; } } .card-ticker-hover-card:not([class*="color-library-"]):not(:hover) .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) a { background: #ffffff; border-color: #007cba; color: #007cba; } .card-ticker-hover-card:not([class*="color-library-"]):not(:hover) .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) a:hover, .card-ticker-hover-card:not([class*="color-library-"]):not(:hover) .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) a:active, .card-ticker-hover-card:not([class*="color-library-"]):not(:hover) .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) a:hover:active { color: #007cba; background-color: rgb(204, 228.8, 241.2); } .card-ticker-hover-card:not([class*="color-library-"]):not(:hover) .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .card-ticker-hover-card:not([class*="color-library-"]):not(:hover) .paragraph--type--dsu-c-cta-button.cta-style-primary a { background-color: #007cba; border-color: #007cba; color: #ffffff; } .card-ticker-hover-card:not([class*="color-library-"]):not(:hover) .paragraph--type--dsu-c-cta-button.cta-style-primary a:hover, .card-ticker-hover-card:not([class*="color-library-"]):not(:hover) .paragraph--type--dsu-c-cta-button.cta-style-primary a:active, .card-ticker-hover-card:not([class*="color-library-"]):not(:hover) .paragraph--type--dsu-c-cta-button.cta-style-primary a:hover:active { color: #ffffff; background-color: rgb(0, 99.2, 148.8); border-color: rgb(0, 99.2, 148.8); } .card-ticker-hover-card:not([class*="color-library-"]):not(:hover) .paragraph--type--dsu-c-cta-button.cta-style-primary a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .paragraph--type--dsu-c-chart-yoy-bar { color: #63513d; background-color: #f6f5f4; border-top: 3px solid; padding: 1.5rem; } .paragraph--type--dsu-c-chart-yoy-bar .field-c-title { font-size: 1.6rem; } .paragraph--type--dsu-c-chart-yoy-bar .field--name-field-sub-heading { font-size: 1rem; } .paragraph--type--dsu-c-chart-yoy-bar .field--name-field-top-text { margin-top: 20px; font-size: 1rem; } .paragraph--type--dsu-c-chart-yoy-bar .chartjs-wrapper { padding: 40px 0; margin-top: auto; margin-bottom: auto; } .paragraph--type--dsu-c-chart-yoy-bar .field--name-field-bottom-text { font-size: 12px; font-style: italic; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-dark-oak { border-color: #30261d; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-oak { border-color: #63513d; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-85-oak { border-color: #8a7969; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-30-oak { border-color: #d1cbc5; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-15-oak { border-color: #e8e5e2; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-5-oak { border-color: #f6f5f4; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-white { border-color: #ffffff; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-blue { border-color: #007cba; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-teal { border-color: #00818f; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-green { border-color: #2e8025; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-orange { border-color: #d64123; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-red { border-color: #ca003d; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-pink { border-color: #a50064; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-purple { border-color: #8f4899; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-purple-alt { border-color: #6f2277; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-annual-red { border-color: #ce0037; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-annual-pink { border-color: #c6007e; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-annual-teal { border-color: #007681; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-annual-yellow { border-color: #eaaa00; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-annual-brown { border-color: #774212; } .paragraph--type--dsu-c-chart-yoy-bar.bar-chart-annual-purple { border-color: #ac4fc6; } .paragraph--type--layout-columns-2 .field--name-field-column-second .field-c-title .field--name-field-c-title { font-size: 1.6rem; } .field--name-field-cta-button-url a, .field--name-field-cta-button-item a { margin: 0 0.25em 1em 0; } .ckeditor-tpl-primary { font-family: "Nestle-Text-Book" !important; border-bottom: none !important; } .ckeditor-tpl-secondary { font-family: "Nestle-Text-Book" !important; border-bottom: none !important; } .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .paragraph--type--dsu-c-cta-button:not( .cta-style-primary ).cta-button-icon-attachment .field--name-field-cta-button-url a::before, .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } div[class*="bg-"] .cta-style-primary .field--name-field-cta-button-url a, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-primary .field--name-field-cta-button-url a { background-color: #ffffff; border-color: #ffffff; color: #007cba; } div[class*="bg-"] .cta-style-primary .field--name-field-cta-button-url a:hover, div[class*="bg-"] .cta-style-primary .field--name-field-cta-button-url a:active, div[class*="bg-"] .cta-style-primary .field--name-field-cta-button-url a:hover:active, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-primary .field--name-field-cta-button-url a:hover, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-primary .field--name-field-cta-button-url a:active, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-primary .field--name-field-cta-button-url a:hover:active { color: #007cba; background-color: rgb(204, 228.8, 241.2); border-color: rgb(204, 228.8, 241.2); } div[class*="bg-"] .cta-style-primary .field--name-field-cta-button-url a:active, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-primary .field--name-field-cta-button-url a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } div[class*="bg-"] .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a, div[class*="bg-"] .cta-style-secondary .field--name-field-cta-button-url a, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-secondary .field--name-field-cta-button-url a { background: rgba(0, 0, 0, 0); border-color: #ffffff; color: #ffffff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } div[class*="bg-"] .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:hover, div[class*="bg-"] .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:active, div[class*="bg-"] .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:hover:active, div[class*="bg-"] .cta-style-secondary .field--name-field-cta-button-url a:hover, div[class*="bg-"] .cta-style-secondary .field--name-field-cta-button-url a:active, div[class*="bg-"] .cta-style-secondary .field--name-field-cta-button-url a:hover:active, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:hover, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:active, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:hover:active, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-secondary .field--name-field-cta-button-url a:hover, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-secondary .field--name-field-cta-button-url a:active, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-secondary .field--name-field-cta-button-url a:hover:active { color: #ffffff; background-color: rgba(0, 0, 0, 0.15); } div[class*="bg-"] .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:active, div[class*="bg-"] .cta-style-secondary .field--name-field-cta-button-url a:active, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) .field--name-field-cta-button-url a:active, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-secondary .field--name-field-cta-button-url a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } div[class*="bg-"] .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, div[class*="bg-"] .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } div[class*="bg-"] .paragraph--type--dsu-c-cta-button:not( .cta-style-primary ).cta-button-icon-attachment .field--name-field-cta-button-url a::before, div[class*="bg-"] .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .paragraph--type--dsu-c-cta-button:not( .cta-style-primary ).cta-button-icon-attachment .field--name-field-cta-button-url a::before, div[class*="color-library-"]:not(.color-library-grey):not( [class*="color-library-light-"] ):not([class*="color-library-oak-"]) .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .paragraph a.ext:not(.button) { background-image: none; padding-right: 0; } .paragraph--type--dsu-c-cta-button a[target="_blank"]::after { content: ""; height: 0.8571428571em; width: 0.8571428571em; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: contain; margin-left: 0.5em; margin-top: -0.2em; background-repeat: no-repeat; background-position: 100% 50%; } [dir="rtl"] .paragraph--type--dsu-c-cta-button a[target="_blank"]::after, .paragraph--type--dsu-c-cta-button [dir="rtl"] a[target="_blank"]::after { margin-left: 0; margin-right: 0.5em; } .da-vinci-code-background--annual-purple.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-purple .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-brown.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-brown .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-yellow.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-yellow .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-teal.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-teal .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-pink.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-pink .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-red.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-red .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--purple-alt.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--purple-alt .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--purple.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--purple .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--pink.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--pink .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--red.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--red .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--orange.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--orange .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--green.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--green .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--teal.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--teal .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--blue.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--blue .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--85-oak.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--85-oak .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--oak.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--oak .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--dark-oak.cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--dark-oak .cta-style-secondary .field--name-field-cta-button-url a[target="_blank"]::after, .paragraph--type--dsu-c-cta-button.cta-style-primary a[target="_blank"]::after { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--annual-purple.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-purple .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-brown.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-brown .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-yellow.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-yellow .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-teal.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-teal .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-pink.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-pink .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-red.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--annual-red .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--purple-alt.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--purple-alt .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--purple.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--purple .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--pink.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--pink .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--red.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--red .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--orange.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--orange .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--green.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--green .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--teal.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--teal .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--blue.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--blue .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--85-oak.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--85-oak .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--oak.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--oak .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--dark-oak.cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .da-vinci-code-background--dark-oak .cta-style-primary .field--name-field-cta-button-url a[target="_blank"]::after, .paragraph--type--dsu-c-cta-button:not(.cta-style-primary) a[target="_blank"]::after, .paragraph--type--dsu-c-cta-button.cta-style-secondary a[target="_blank"]::after { background-image: url(./icon-external.svg); } .da-vinci-code-background--dark-oak.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--dark-oak .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--dark-oak.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--dark-oak .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--oak.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--oak .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--oak.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--oak .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--85-oak.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--85-oak .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--85-oak.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--85-oak .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--blue.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--blue .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--blue.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--blue .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--teal.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--teal .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--teal.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--teal .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--green.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--green .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--green.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--green .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--orange.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--orange .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--orange.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--orange .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--red.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--red .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--red.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--red .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--pink.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--pink .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--pink.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--pink .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--purple.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--purple .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--purple.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--purple .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--purple-alt.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--purple-alt .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--purple-alt.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--purple-alt .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--annual-red.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-red .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--annual-red.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-red .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--annual-pink.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-pink .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--annual-pink.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-pink .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--annual-teal.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-teal .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--annual-teal.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-teal .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--annual-yellow.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-yellow .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--annual-yellow.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-yellow .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--annual-brown.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-brown .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--annual-brown.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-brown .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .da-vinci-code-background--annual-purple.cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-purple .cta-style-primary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_blue.png); } .da-vinci-code-background--annual-purple.cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before, .da-vinci-code-background--annual-purple .cta-style-secondary.cta-button-icon-attachment .field--name-field-cta-button-url a::before { background-image: url(./button_attachment_icon_white.png); } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default { width: 80%; margin: auto; background-color: #f6f5f4; border-top: 2px solid; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart { display: -ms-grid; display: grid; padding: 2.5rem 1.5625rem; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__heading { margin-bottom: 20px; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart p { padding-bottom: 0; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart .field--name-field-sub-heading { margin-bottom: 0.625rem; } @media (min-width: 1024px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart { grid-auto-flow: column; -ms-grid-rows: -webkit-min-content; -ms-grid-rows: min-content; grid-template-rows: -webkit-min-content; grid-template-rows: min-content; -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; width: 100%; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart { grid-auto-flow: column; -ms-grid-rows: 0.5fr 2fr; grid-template-rows: 0.5fr 2fr; -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart > *:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 2; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart > *:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 2; } } @media (max-width: 767px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart { width: 100%; padding: 2.5rem 1.25rem; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__title { padding-bottom: 0.625rem; } } @media (min-width: 1024px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__heading { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-grid-column-span: 2; grid-column: span 2 / span 2; -ms-grid-row: 1; grid-row-start: 1; padding-left: 3.125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__heading { -ms-grid-column-span: 3; grid-column: span 3 / span 3; } } @media (max-width: 767px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__heading { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 767px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart { padding-bottom: 1.25rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 80%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart { -ms-grid-row: 2; grid-row-start: 2; padding-bottom: 2.5rem; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart .chartjs-wrapper { width: 40vw; } } @media (min-width: 1024px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart { margin-bottom: auto; margin-top: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -ms-grid; display: grid; -ms-grid-row-span: 3; grid-row: span 3 / span 3; } } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data ul { padding-bottom: 1.25rem; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data ul li { list-style-type: none; padding-bottom: 0.625rem; } @media (max-width: 767px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data ul { top: 0; padding-bottom: 0; } } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data .legends { width: 100%; display: -ms-grid; display: grid; grid-auto-flow: column; -ms-grid-columns: 0.1fr 2fr; grid-template-columns: 0.1fr 2fr; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data .legends__color { width: 0.9375rem; height: 0.9375rem; float: left; margin-top: 0.25rem; margin-right: 0.625rem; } @media (min-width: 1024px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-column: 2; grid-column-start: 2; padding-left: 3.125rem; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data { display: -ms-grid; display: grid; grid-row: unset; -ms-grid-row-align: center; align-self: center; width: 100%; padding-left: 1.25rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-grid-row: 2; grid-row-start: 2; } } @media (max-width: 767px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data { width: 100%; padding-left: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart .field--name-field-bottom-text { font-style: italic; font-size: 0.75rem; padding-left: 3.125rem; } @media (min-width: 1024px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart .field--name-field-bottom-text { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-row: 3; grid-row-start: 3; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; position: relative; display: -ms-grid; display: grid; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart .field--name-field-bottom-text { padding-left: 0; -ms-grid-column-span: 3; grid-column: span 3 / span 3; position: relative; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-row: 3; grid-row-start: 3; } } @media (max-width: 767px) { .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart .field--name-field-bottom-text { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; padding-left: 0; } } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-dark-oak { border-color: #30261d; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-oak { border-color: #63513d; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-85-oak { border-color: #8a7969; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-30-oak { border-color: #d1cbc5; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-15-oak { border-color: #e8e5e2; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-5-oak { border-color: #f6f5f4; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-white { border-color: #ffffff; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-blue { border-color: #007cba; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-teal { border-color: #00818f; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-green { border-color: #2e8025; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-orange { border-color: #d64123; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-red { border-color: #ca003d; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-pink { border-color: #a50064; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-purple { border-color: #8f4899; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-purple-alt { border-color: #6f2277; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-annual-red { border-color: #ce0037; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-annual-pink { border-color: #c6007e; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-annual-teal { border-color: #007681; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-annual-yellow { border-color: #eaaa00; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-annual-brown { border-color: #774212; } .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default.donut-chart-annual-purple { border-color: #ac4fc6; } .field--item .paragraph.paragraph--type--dsu-c-donut-chart { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default { width: 100%; } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart { grid-auto-flow: row; } @media screen and (min-width: 1200px) { .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart { -ms-grid-rows: auto 1fr auto; grid-template-rows: auto 1fr auto; } } @media screen and (max-width: 1199px) { .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 2.5rem 1.25rem; } } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__heading { -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column-span: 3; grid-column: span 3 / span 3; padding-left: unset; } @media screen and (max-width: 1199px) { .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__heading { margin-bottom: 20px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-row: 1; grid-row-start: 1; } } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart { margin: 0; -ms-grid-row: 2; grid-row-start: 2; padding-bottom: 1.25rem; } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart .chartjs-wrapper { position: relative; width: 15vw; } @media screen and (max-width: 1199px) { .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart { margin: 0; grid-row: unset; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart .chartjs-wrapper { width: 35vw; } } @media screen and (max-width: 1199px) and (max-width: 767px) { .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart .chartjs-wrapper { width: 50vw; } } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data { display: -ms-grid; display: grid; grid-row: unset; -ms-grid-row-align: self-start; align-self: self-start; width: 100%; padding-left: 1.25rem; margin-bottom: 20px; } @media screen and (max-width: 1199px) { .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data { width: 100%; padding-left: 0; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-column-span: 3; grid-column: span 3 / span 3; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-bottom: auto; } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data ul { padding-bottom: 1.25rem; } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data ul li { list-style-type: none; } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data ul li .legends__color { width: 0.9375rem; height: 0.9375rem; } } @media screen and (min-width: 1200px) { .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data { top: 5%; position: relative; } } .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart .field--name-field-bottom-text { padding-left: 0; -ms-grid-column-span: 3; grid-column: span 3 / span 3; -ms-grid-row: unset; grid-row-start: unset; } @media screen and (max-width: 1199px) { .paragraph--type--layout-columns-2 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart .field--name-field-bottom-text { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -ms-grid-row: 4; grid-row-start: 4; padding: 0; } } .paragraph--type--layout-columns-1 .paragraph--type--dsu-c-donut-chart { width: 100%; } .paragraph--type--dsu-c-donut-chart .field--name-field-c-title { font-size: 1.6rem !important; } .paragraph--type--layout-columns-3 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default { width: 100%; } .paragraph--type--layout-columns-3 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart { display: block; width: 100%; padding: 1.25rem 1.25rem; } .paragraph--type--layout-columns-3 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__title { padding-bottom: 0.625rem; } .paragraph--type--layout-columns-3 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__heading { padding-left: 0 !important; } .paragraph--type--layout-columns-3 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart { padding-bottom: 1.25rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 80%; } .paragraph--type--layout-columns-3 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data { width: 100%; padding-left: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .paragraph--type--layout-columns-3 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data ul { top: 0; padding-bottom: 0; } .paragraph--type--layout-columns-3 .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart .field--name-field-bottom-text { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; padding-left: 0; } .paragraph--type--layout-66-33 .field--name-field-column-first .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default { width: 100%; } .paragraph--type--layout-66-33 .field--name-field-column-second .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default { width: 100%; } .paragraph--type--layout-66-33 .field--name-field-column-second .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart { display: block; width: 100%; padding: 1.25rem 1.25rem; } .paragraph--type--layout-66-33 .field--name-field-column-second .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__title { padding-bottom: 0.625rem; } .paragraph--type--layout-66-33 .field--name-field-column-second .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__heading { padding-left: 0 !important; } .paragraph--type--layout-66-33 .field--name-field-column-second .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart { padding-bottom: 1.25rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 80%; } .paragraph--type--layout-66-33 .field--name-field-column-second .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data { width: 100%; padding-left: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .paragraph--type--layout-66-33 .field--name-field-column-second .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data ul { top: 0; padding-bottom: 0; } .paragraph--type--layout-66-33 .field--name-field-column-second .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart .field--name-field-bottom-text { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; padding-left: 0; } .paragraph--type--layout-33-66 .field--name-field-column-second .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default { width: 100%; } .paragraph--type--layout-33-66 .field--name-field-column-first .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default { width: 100%; } .paragraph--type--layout-33-66 .field--name-field-column-first .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart { display: block; width: 100%; padding: 1.25rem 1.25rem; } .paragraph--type--layout-33-66 .field--name-field-column-first .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__title { padding-bottom: 0.625rem; } .paragraph--type--layout-33-66 .field--name-field-column-first .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__heading { padding-left: 0 !important; } .paragraph--type--layout-33-66 .field--name-field-column-first .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart { padding-bottom: 1.25rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 80%; } .paragraph--type--layout-33-66 .field--name-field-column-first .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data { width: 100%; padding-left: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .paragraph--type--layout-33-66 .field--name-field-column-first .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart__chart_data ul { top: 0; padding-bottom: 0; } .paragraph--type--layout-33-66 .field--name-field-column-first .paragraph--type--dsu-c-donut-chart.paragraph--view-mode--default .dsu-c-donut-chart .field--name-field-bottom-text { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; padding-left: 0; } .paragraph--type--c-entitycycle { padding: 0; margin-bottom: 1.22%; } .paragraph--type--c-entitycycle .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .paragraph--type--c-entitycycle .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .paragraph--type--c-entitycycle .slide:hover { opacity: 0.9; } .paragraph--type--c-entitycycle .slide .contextual-region:focus { outline: unset; } .paragraph--type--c-entitycycle .slick img { cursor: pointer; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-filter: opacity(100%) grayscale(0); filter: opacity(100%) grayscale(0); margin: 0 auto; width: 100%; } .paragraph--type--c-entitycycle .slick img:hover { -webkit-filter: opacity(75%) grayscale(100%); filter: opacity(75%) grayscale(100%); } .paragraph--type--c-entitycycle .field--name-field-brand-image:active, .paragraph--type--c-entitycycle .field--name-field-brand-image:focus { outline: none; } .paragraph--type--c-entitycycle .field--name-field-brand-image img:active, .paragraph--type--c-entitycycle .field--name-field-brand-image img:focus, .paragraph--type--c-entitycycle .field--name-field-brand-image a:active, .paragraph--type--c-entitycycle .field--name-field-brand-image a:focus { outline: none; } @media (max-width: 767px) { .entitycycle-display-image-title-contained .slick .slick-prev { left: -20px !important; } } @media (max-width: 767px) { .entitycycle-display-image-title-contained .slick .slick-next { right: -20px !important; } } .entitycycle-display-image .slick, .entitycycle-display-image-title .slick, .entitycycle-display-image-contained .slick, .entitycycle-display-image-title-contained .slick { padding-left: 36px; padding-right: 36px; } @media (min-width: 768px) { .entitycycle-display-image .slick, .entitycycle-display-image-title .slick, .entitycycle-display-image-contained .slick, .entitycycle-display-image-title-contained .slick { padding-left: 44px; padding-right: 44px; } } @media (min-width: 1024px) { .entitycycle-display-image .slick, .entitycycle-display-image-title .slick, .entitycycle-display-image-contained .slick, .entitycycle-display-image-title-contained .slick { padding-left: 64px; padding-right: 64px; } } .entitycycle-display-image .slick--no-arrows, .entitycycle-display-image-title .slick--no-arrows, .entitycycle-display-image-contained .slick--no-arrows, .entitycycle-display-image-title-contained .slick--no-arrows { padding-left: 0; padding-right: 0; } .entitycycle-display-image .slick img:hover, .entitycycle-display-image-title .slick img:hover, .entitycycle-display-image-contained .slick img:hover, .entitycycle-display-image-title-contained .slick img:hover { -webkit-filter: unset; filter: unset; opacity: 0.9; } .entitycycle-display-image .slick__arrow, .entitycycle-display-image-title .slick__arrow, .entitycycle-display-image-contained .slick__arrow, .entitycycle-display-image-title-contained .slick__arrow { margin-top: 0; } .entitycycle-display-image .slick__arrow button.slick-prev, .entitycycle-display-image .slick__arrow button.slick-next, .entitycycle-display-image-contained .slick__arrow button.slick-prev, .entitycycle-display-image-contained .slick__arrow button.slick-next { -webkit-transform: translateY(-30%); transform: translateY(-30%); } .entitycycle-display-image > .component-paragraph-field > h2, .entitycycle-display-image-contained > .component-paragraph-field > h2 { max-width: 75% !important; margin-left: auto; margin-right: auto; } .entitycycle-display-image article, .entitycycle-display-image-contained article { width: 100% !important; max-width: 100% !important; } .entitycycle-display-image .field--name-field-logo:focus, .entitycycle-display-image-contained .field--name-field-logo:focus { outline: unset; } @media (max-width: 1023px) { .entitycycle-display-image .field--name-field-logo, .entitycycle-display-image-contained .field--name-field-logo { height: auto; } } .entitycycle-display-image .field--name-field-logo img, .entitycycle-display-image-contained .field--name-field-logo img { width: 100%; height: auto; margin: 0 auto; max-width: 65%; } .entitycycle-display-image .slick__arrow, .entitycycle-display-image-contained .slick__arrow { position: absolute; top: 40%; } @media (max-width: 767px) { .entitycycle-display-image .slick__arrow, .entitycycle-display-image-contained .slick__arrow { position: relative; margin-top: 22px; } } .paragraph--type--c-entitycycle .slick-dotted.slick-slider { padding-bottom: 5px; } .entitycycle-display-image .cta-style-text-with-arrow, .entitycycle-display-image-title .cta-style-text-with-arrow, .entitycycle-display-image-contained .cta-style-text-with-arrow, .entitycycle-display-image-title-contained .cta-style-text-with-arrow { margin: 0; } .entitycycle-display-image .cta-style-text-with-arrow .component-paragraph-field, .entitycycle-display-image-title .cta-style-text-with-arrow .component-paragraph-field, .entitycycle-display-image-contained .cta-style-text-with-arrow .component-paragraph-field, .entitycycle-display-image-title-contained .cta-style-text-with-arrow .component-paragraph-field { padding: 0; } .entitycycle-display-image .cta-style-text-with-arrow .field--name-field-cta-button-url, .entitycycle-display-image-title .cta-style-text-with-arrow .field--name-field-cta-button-url, .entitycycle-display-image-contained .cta-style-text-with-arrow .field--name-field-cta-button-url, .entitycycle-display-image-title-contained .cta-style-text-with-arrow .field--name-field-cta-button-url { margin-top: 0; } .entitycycle-display-image .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-title .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-title-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a { background-color: unset; margin-bottom: 15px; } .entitycycle-display-image .cta-style-text-with-arrow .field--name-field-cta-button-url a:after, .entitycycle-display-image-title .cta-style-text-with-arrow .field--name-field-cta-button-url a:after, .entitycycle-display-image-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a:after, .entitycycle-display-image-title-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a:after { margin-top: 2px; background: url(./arrow-right--blue.svg) no-repeat center 0; } .entitycycle-display-image .cta-style-text-with-arrow .field--name-field-cta-button-url a:hover, .entitycycle-display-image-title .cta-style-text-with-arrow .field--name-field-cta-button-url a:hover, .entitycycle-display-image-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a:hover, .entitycycle-display-image-title-contained .cta-style-text-with-arrow .field--name-field-cta-button-url a:hover { background: none; } .entitycycle-display-image .slick-dots, .entitycycle-display-image-title .slick-dots, .entitycycle-display-image-contained .slick-dots, .entitycycle-display-image-title-contained .slick-dots { bottom: -42px; } .entitycycle-display-image .slick-dots li, .entitycycle-display-image-title .slick-dots li, .entitycycle-display-image-contained .slick-dots li, .entitycycle-display-image-title-contained .slick-dots li { margin: 5px; } .entitycycle-display-image .field--name-field-cta-button-url, .entitycycle-display-image-contained .field--name-field-cta-button-url { padding-top: 10px; } .entitycycle-display-image .slick-slide .slick__slide article .field--type-image, .entitycycle-display-image-contained .slick-slide .slick__slide article .field--type-image { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .entitycycle-display-image-title .slick-dots, .entitycycle-display-image-title-contained .slick-dots { text-align: right; } .entitycycle-display-image-title .slick__slide, .entitycycle-display-image-title-contained .slick__slide { overflow: hidden; } @media screen and (max-width: 575px) { .entitycycle-display-image-title .slick__slide, .entitycycle-display-image-title-contained .slick__slide { margin: 0; } } .entitycycle-display-image-title .slick-slide, .entitycycle-display-image-title-contained .slick-slide { text-align: center; } .entitycycle-display-image-title .slick-slide span, .entitycycle-display-image-title-contained .slick-slide span { font-size: 18px; width: 100%; display: inline-block; text-align: center; padding: 0 0.5rem; overflow: hidden; text-overflow: ellipsis; height: 55px; -ms-hyphens: auto; hyphens: auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; } @media (max-width: 767px) { .entitycycle-display-image-title .slick-slide span, .entitycycle-display-image-title-contained .slick-slide span { margin-top: 0; } } .entitycycle-display-image-title .slick-slide .field--name-field-logo, .entitycycle-display-image-title .slick-slide .field--name-field-c-image, .entitycycle-display-image-title .slick-slide .field--type-image, .entitycycle-display-image-title-contained .slick-slide .field--name-field-logo, .entitycycle-display-image-title-contained .slick-slide .field--name-field-c-image, .entitycycle-display-image-title-contained .slick-slide .field--type-image { width: auto; height: 100%; max-height: 172px; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .entitycycle-display-image-title .slick-slide .field--name-field-logo:focus, .entitycycle-display-image-title .slick-slide .field--name-field-c-image:focus, .entitycycle-display-image-title .slick-slide .field--type-image:focus, .entitycycle-display-image-title-contained .slick-slide .field--name-field-logo:focus, .entitycycle-display-image-title-contained .slick-slide .field--name-field-c-image:focus, .entitycycle-display-image-title-contained .slick-slide .field--type-image:focus { outline: unset; } @media (min-width: 768px) and (max-width: 1023px) { .entitycycle-display-image-title .slick-slide .field--name-field-logo, .entitycycle-display-image-title .slick-slide .field--name-field-c-image, .entitycycle-display-image-title .slick-slide .field--type-image, .entitycycle-display-image-title-contained .slick-slide .field--name-field-logo, .entitycycle-display-image-title-contained .slick-slide .field--name-field-c-image, .entitycycle-display-image-title-contained .slick-slide .field--type-image { height: 235px; } } @media (max-width: 767px) { .entitycycle-display-image-title .slick-slide .field--name-field-logo, .entitycycle-display-image-title .slick-slide .field--name-field-c-image, .entitycycle-display-image-title .slick-slide .field--type-image, .entitycycle-display-image-title-contained .slick-slide .field--name-field-logo, .entitycycle-display-image-title-contained .slick-slide .field--name-field-c-image, .entitycycle-display-image-title-contained .slick-slide .field--type-image { height: 237px; } } .entitycycle-display-image-title .slick-slide .field--name-field-logo a, .entitycycle-display-image-title .slick-slide .field--name-field-c-image a, .entitycycle-display-image-title .slick-slide .field--type-image a, .entitycycle-display-image-title-contained .slick-slide .field--name-field-logo a, .entitycycle-display-image-title-contained .slick-slide .field--name-field-c-image a, .entitycycle-display-image-title-contained .slick-slide .field--type-image a { outline: none; } .entitycycle-display-image-title .slick-slide .field--name-field-logo img, .entitycycle-display-image-title .slick-slide .field--name-field-c-image img, .entitycycle-display-image-title .slick-slide .field--type-image img, .entitycycle-display-image-title-contained .slick-slide .field--name-field-logo img, .entitycycle-display-image-title-contained .slick-slide .field--name-field-c-image img, .entitycycle-display-image-title-contained .slick-slide .field--type-image img { max-width: 100%; max-height: 145px; height: auto; margin: 0 auto; } .entitycycle-display-image-title .slick-slide .field--name-field-logo img:hover, .entitycycle-display-image-title .slick-slide .field--name-field-c-image img:hover, .entitycycle-display-image-title .slick-slide .field--type-image img:hover, .entitycycle-display-image-title-contained .slick-slide .field--name-field-logo img:hover, .entitycycle-display-image-title-contained .slick-slide .field--name-field-c-image img:hover, .entitycycle-display-image-title-contained .slick-slide .field--type-image img:hover { -webkit-filter: none; filter: none; } .position-center .slick-track { margin: auto; } .position-right .slick-track { margin: auto 0 auto auto; } .position-left .slick-track { margin: 0; } .entitycycle-dots-align-left .slick-dots { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .entitycycle-dots-align-center .slick-dots { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .entitycycle-dots-align-none .slick-dots { display: none !important; } .entitycycle-dots-align-right .slick-dots { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .entitycycle-display-image .slick-prev.slick-arrow, .entitycycle-display-image-contained .slick-prev.slick-arrow { left: 25px !important; } @media (max-width: 767px) { .entitycycle-display-image .slick-prev.slick-arrow, .entitycycle-display-image-contained .slick-prev.slick-arrow { left: -23px !important; width: 44px !important; height: 44px !important; } } .entitycycle-display-image .slick-next.slick-arrow, .entitycycle-display-image-contained .slick-next.slick-arrow { right: 25px !important; } @media (max-width: 767px) { .entitycycle-display-image .slick-next.slick-arrow, .entitycycle-display-image-contained .slick-next.slick-arrow { right: -23px !important; width: 44px !important; height: 44px !important; } } @media screen and (max-width: 575px) { .entitycycle-display-image .slick-list, .entitycycle-display-image-contained .slick-list { max-width: 70%; margin: 0 auto; } } @media (max-width: 767px) { .entitycycle-display-image .slick-list, .entitycycle-display-image-contained .slick-list { overflow: visible; padding: 0 7% 0 7% !important; } .entitycycle-display-image .slick-list .slick-slide, .entitycycle-display-image-contained .slick-list .slick-slide { margin-bottom: 15px; } } .paragraph--type--c-entitycycle { text-align: center; margin-top: 3.125rem; margin-bottom: 3.125rem; } @media (min-width: 768px) { .paragraph--type--c-entitycycle { margin-top: 3.125rem; margin-bottom: 3.125rem; } } @media (min-width: 1024px) { .paragraph--type--c-entitycycle { margin-top: 4.0625rem; margin-bottom: 2.5rem; } } .paragraph--type--c-entitycycle .slick-list { max-width: 100%; } @media (max-width: 767px) { .paragraph--type--c-entitycycle .field--type-image { padding: 10px 5px 0 5px; } } @media (min-width: 768px) { .paragraph--type--c-entitycycle .field--type-image { padding: 10px; } } @media (min-width: 1024px) { .paragraph--type--c-entitycycle .field--type-image { padding: 15px; } } @media screen and (min-width: 1280px) { .paragraph--type--c-entitycycle .field--type-image { padding: 22px; } } .paragraph--type--c-entitycycle .field--type-image a:last-child() { display: block; position: relative; -webkit-transition: 0.3s -webkit-transform ease; transition: 0.3s -webkit-transform ease; transition: 0.3s transform ease; transition: 0.3s transform ease, 0.3s -webkit-transform ease; max-width: 10.25rem; } .paragraph--type--c-entitycycle .field--type-image a:last-child()::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: 0.3s opacity ease, 0.3s visibility ease; transition: 0.3s opacity ease, 0.3s visibility ease; } .paragraph--type--c-entitycycle .field--type-image a:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .paragraph--type--c-entitycycle .field--type-image a:hover:before { opacity: 1; visibility: visible; } .paragraph--type--c-entitycycle .slide:hover { opacity: 1; } .paragraph--type--c-entitycycle .slick-dotted.slick-slider { margin-bottom: 0; } .paragraph--type--c-entitycycle .slick-dots { bottom: -2.3125rem; } @media (min-width: 768px) { .paragraph--type--c-entitycycle .slick-dots { bottom: -1rem; } } @media (min-width: 1024px) { .paragraph--type--c-entitycycle .slick-dots { bottom: -1.25rem; } } .paragraph--type--c-entitycycle .slick { padding-bottom: 2px; } @media (max-width: 767px) { .paragraph--type--c-entitycycle .slick { padding-left: 0.3125rem; padding-right: 0.3125rem; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--c-entitycycle .slick { padding-left: 1.875rem; padding-right: 1.875rem; } } .paragraph--type--c-entitycycle .slick img { width: 100%; max-width: 10.25rem; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 50%; } .paragraph--type--c-entitycycle .slick img:hover { opacity: 1; } @media (max-width: 767px) { .paragraph--type--c-entitycycle .slick .slick-dotted.slick-slider { margin-bottom: 0; } } @media (max-width: 767px) { .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev { -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); left: -42px; } } @media (min-width: 768px) { .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev { background-color: #ffffff; background-image: url(./carousel--blue-left.svg); width: 0.75rem; } } @media (min-width: 1024px) { .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-prev { width: 1.4375rem; } } @media (max-width: 767px) { .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next { -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); right: -42px; } } @media (min-width: 768px) { .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next { background-color: #ffffff; background-image: url(./carousel--blue-right.svg); width: 0.75rem; } } @media (min-width: 1024px) { .paragraph--type--c-entitycycle .slick .slick__arrow button.slick-next { width: 1.4375rem; } } .paragraph--type--c-entitycycle .field--name-field-cta-button-item .field--label { display: none; } .paragraph--type--c-entitycycle .component-paragraph-field > h2 { margin-bottom: 1.875rem; } @media (min-width: 768px) { .paragraph--type--c-entitycycle .component-paragraph-field > h2 { margin-bottom: 2.1875rem; } } @media (min-width: 1024px) { .paragraph--type--c-entitycycle .component-paragraph-field > h2 { margin-bottom: 1.875rem; } } .paragraph--type--c-entitycycle .component-paragraph-field > h2 span { font-family: "NestleBrush"; font-weight: 300; } .paragraph--type--c-entitycycle .field--name-field-cta-button-url { margin-top: 4.25rem; } @media (min-width: 768px) { .paragraph--type--c-entitycycle .field--name-field-cta-button-url { margin-top: 5rem; } } @media (min-width: 1024px) { .paragraph--type--c-entitycycle .field--name-field-cta-button-url { margin-top: 3.625rem; } } .paragraph--type--c-entitycycle .field--name-field-cta-button-url a { width: auto; margin-bottom: 0; } .entitycycle-display-image-contained .slick-prev.slick-arrow, .entitycycle-display-image-title-contained .slick-prev.slick-arrow { left: 25px; } .entitycycle-display-image-contained .slick-next.slick-arrow, .entitycycle-display-image-title-contained .slick-next.slick-arrow { right: 25px; } @media (max-width: 767px) { .entitycycle-display-image-contained, .entitycycle-display-image-title-contained { width: 100%; padding: 0 20px; } } .entitycycle-display-image-contained .component-paragraph-field, .entitycycle-display-image-title-contained .component-paragraph-field { background: #f6f5f4; border-radius: 1.25rem; width: 80%; padding: 70px 20px 70px 20px; } @media (max-width: 767px) { .entitycycle-display-image-contained .component-paragraph-field, .entitycycle-display-image-title-contained .component-paragraph-field { width: 100%; padding: 40px 0 40px 0; } } @media (min-width: 768px) and (max-width: 1023px) { .entitycycle-display-image-contained .component-paragraph-field, .entitycycle-display-image-title-contained .component-paragraph-field { width: 80%; padding: 55px 10px 55px 10px; } } .entitycycle-display-image-contained .component-paragraph-field h2, .entitycycle-display-image-title-contained .component-paragraph-field h2 { margin-bottom: 10px; color: #30261d; } @media (max-width: 767px) { .entitycycle-display-image-contained .component-paragraph-field h2, .entitycycle-display-image-title-contained .component-paragraph-field h2 { font-size: 22px; } } .entitycycle-display-image-contained .component-paragraph-field .slick__slide article, .entitycycle-display-image-title-contained .component-paragraph-field .slick__slide article { width: 100%; max-width: 100%; } .entitycycle-display-image-contained .component-paragraph-field .cta-style-primary, .entitycycle-display-image-contained .component-paragraph-field .cta-style-secondary, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-primary, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-secondary { margin: 0; } .entitycycle-display-image-contained .component-paragraph-field .cta-style-primary .component-paragraph-field, .entitycycle-display-image-contained .component-paragraph-field .cta-style-secondary .component-paragraph-field, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-primary .component-paragraph-field, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-secondary .component-paragraph-field { padding: 0 0 0.3125rem 0; } .entitycycle-display-image-contained .component-paragraph-field .cta-style-primary .field--name-field-cta-button-url, .entitycycle-display-image-contained .component-paragraph-field .cta-style-secondary .field--name-field-cta-button-url, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-primary .field--name-field-cta-button-url, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-secondary .field--name-field-cta-button-url { margin-top: 0; } .entitycycle-display-image-contained .component-paragraph-field .cta-style-text-with-arrow, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-text-with-arrow { margin: 0; } .entitycycle-display-image-contained .component-paragraph-field .cta-style-text-with-arrow .component-paragraph-field, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-text-with-arrow .component-paragraph-field { padding: 0; } .entitycycle-display-image-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url { margin-top: 0; } .entitycycle-display-image-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a { background-color: unset; } .entitycycle-display-image-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a:after, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-text-with-arrow .field--name-field-cta-button-url a:after { margin-top: 0; } .entitycycle-display-image-contained .component-paragraph-field .slick__arrow button.slick-prev, .entitycycle-display-image-contained .component-paragraph-field .slick__arrow button.slick-next, .entitycycle-display-image-title-contained .component-paragraph-field .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained .component-paragraph-field .slick__arrow button.slick-next { background-color: unset; } @media (max-width: 767px) { .entitycycle-display-image-contained .component-paragraph-field .slick__arrow button.slick-prev, .entitycycle-display-image-contained .component-paragraph-field .slick__arrow button.slick-next, .entitycycle-display-image-title-contained .component-paragraph-field .slick__arrow button.slick-prev, .entitycycle-display-image-title-contained .component-paragraph-field .slick__arrow button.slick-next { background-color: #007cba; } } @media (max-width: 1023px) { .entitycycle-display-image-contained .component-paragraph-field .slick__arrow button.slick-prev.slick-disabled, .entitycycle-display-image-contained .component-paragraph-field .slick__arrow button.slick-next.slick-disabled, .entitycycle-display-image-title-contained .component-paragraph-field .slick__arrow button.slick-prev.slick-disabled, .entitycycle-display-image-title-contained .component-paragraph-field .slick__arrow button.slick-next.slick-disabled { opcity: 0; visibility: hidden; } } .entitycycle-display-image-contained .component-paragraph-field .slick, .entitycycle-display-image-title-contained .component-paragraph-field .slick { padding-bottom: 16px; } @media screen and (min-width: 1440px) { .entitycycle-display-image-contained .component-paragraph-field .slick .field--type-image, .entitycycle-display-image-title-contained .component-paragraph-field .slick .field--type-image { padding: 15px; } } .entitycycle-display-image-contained .component-paragraph-field .slick .field--type-image a, .entitycycle-display-image-title-contained .component-paragraph-field .slick .field--type-image a { max-width: 224px; } .entitycycle-display-image-contained .component-paragraph-field .slick .field--type-image a img, .entitycycle-display-image-title-contained .component-paragraph-field .slick .field--type-image a img { max-width: 224px; } @media (max-width: 767px) { .entitycycle-display-image-title-contained .slick__arrow { margin-top: 65px; } } .entitycycle-display-image-title-contained .slick-dots { margin-bottom: 10px; bottom: -2rem; } .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-primary, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-secondary { margin: 15px 0 0 0; } .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-primary .field--name-field-cta-button-url a::after, .entitycycle-display-image-title-contained .component-paragraph-field .cta-style-secondary .field--name-field-cta-button-url a::after { display: none; } @media (min-width: 1024px) and (max-width: 1200px) { .entitycycle-display-image-title .component-paragraph-field { width: 100%; } .entitycycle-display-image-title .component-paragraph-field .slick__arrow .slick-next { right: 9% !important; } .entitycycle-display-image-title .component-paragraph-field .slick__arrow .slick-prev { left: 9% !important; } } .entitycycle-display-image-title .field--type-image a:last-child()::before { background-color: unset; } .paragraph--type--c-externalvideo { margin-bottom: 1.22%; height: 100%; } @media (max-width: 1023px) { .paragraph--type--c-externalvideo { margin-bottom: 0; } } .paragraph--type--c-externalvideo .field--name-field-c-video-url { position: relative; } .paragraph--type--c-externalvideo .field--name-field-c-video-url:hover { cursor: pointer; } .paragraph--type--ln-fusepump .btn-primary { background-color: #667784; border-color: transparent; border-radius: 0; font-size: 15px; font-weight: 700; line-height: 1.6; padding: 8px 10px 8px 12px; text-transform: uppercase; } .paragraph--type--ln-fusepump .btn-primary:focus, .paragraph--type--ln-fusepump .btn-primary:active:focus, .paragraph--type--ln-fusepump .btn-primary.active:focus, .paragraph--type--ln-fusepump .btn-primary.focus, .paragraph--type--ln-fusepump .btn-primary:active.focus, .paragraph--type--ln-fusepump .btn-primary.active.focus { outline: none; } .paragraph--type--c-gallery .slick-prev:before, .paragraph--type--c-gallery .slick-next:before { display: none; } .paragraph--type--c-gallery .slick-arrow.slick-prev { background: transparent no-repeat center center; background-image: url(./carousel--blue-left.svg); } .paragraph--type--c-gallery .slick-arrow.slick-next { background: transparent no-repeat center center; background-image: url(./carousel--blue-right.svg); } .paragraph--type--dsu-c-hovercard { overflow: hidden; margin-bottom: 4.4rem; } @media (max-width: 1023px) { .paragraph--type--dsu-c-hovercard { margin-bottom: 1.8rem; } } .paragraph--type--dsu-c-hovercard .field--name-field-hovercard-title { font-family: "Nestle-Text-Light"; margin: 1rem 0 2.7rem; line-height: 1.25; font-weight: 200; font-style: normal; padding: 12px 0; font-size: 2.25em; } @media (max-width: 1023px) { .paragraph--type--dsu-c-hovercard .field--name-field-hovercard-title { font-size: 1.65em; } } @media (max-width: 767px) { .paragraph--type--dsu-c-hovercard .field--name-field-hovercard-title { font-size: 1.55em; } } .paragraph--type--dsu-c-hovercard .paragraph--type--dsu-c-hovercard-item .hovercard-subtitle { font-size: 1.4rem; font-weight: 700; } .paragraph--type--dsu-c-hovercard .paragraph--type--dsu-c-hovercard-item .hovercard-title { font-size: 2.25rem; font-weight: 700; } .paragraph--type--dsu-c-hovercard .paragraph--type--dsu-c-hovercard-item .hovercard-overlay-text { font-weight: 400; font-size: 1.05rem; line-height: 1.5; text-rendering: optimizeLegibility; } .paragraph--type--dsu-c-hovercard .paragraph--type--dsu-c-hovercard-item .hovercard-image .field--name-field-card-image.custom-object-fit { background-size: cover; background-position: center; } .paragraph--type--dsu-c-hovercard .paragraph--type--dsu-c-hovercard-item .hovercard-image .field--name-field-card-image.custom-object-fit img { display: none; } .paragraph--type--dsu-c-hovercard.hovercard-box .paragraph--type--dsu-c-hovercard-item .hovercard-title { font-size: 1.06rem; line-height: 1.2; } .paragraph--type--dsu-c-hovercard.hovercard-micro .hovercard-title { font-size: 0.78rem; font-weight: 400; line-height: 1.4; } .paragraph--type--dsu-c-hovercard.hovercard-micro .paragraph--type--dsu-c-hovercard-item .hovercard-overlay-text { padding: 0.7rem; font-size: 0.95rem; font-weight: 700; } .image-component__body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 16px; } @media (min-width: 768px) { .image-component--cta-over .image-component__body { margin-bottom: 0; } } .image-component img { width: 100%; height: auto; } .image-component__img, .image-component__content { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .image-component__img { position: relative; z-index: 0; } .image-component__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .image-component .image-component__content { position: absolute; height: auto; z-index: 1; top: 0; left: 0; right: 0; padding: 24px; color: #ffffff; } .image-component.text-v-position-top .image-component__content { top: 0; } .image-component.text-v-position-middle .image-component__content { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .image-component.text-v-position-bottom .image-component__content { top: auto; bottom: 0; } } .image-component.position-left .image-component__content { text-align: left; } .image-component.position-center .image-component__content { text-align: center; } .image-component.position-right .image-component__content { text-align: right; } .image-component__title { font-size: 1.85em; } @media (min-width: 1280px) { .image-component__title { font-size: 2.75em; } } .image-component__sub-title { font-size: 1.3em; } @media (min-width: 1280px) { .image-component__sub-title { font-size: 1.6em; } } .image-component__title, .image-component__sub-title { font-family: "Nestle-Text-Bold"; margin-bottom: 0; padding-bottom: 0; } .image-component .field--name-field-c-image-summary-text, .image-component .field--name-field-cta-button-item { color: inherit; position: static; top: auto; text-align: inherit; } .image-component .field--name-field-cta-button-item { margin-bottom: 0; } .image-component__header, .image-component .field--name-field-c-image-summary-text { margin-bottom: 16px; margin-left: 0; } .image-component .field--name-field-cta-button-item a { margin-bottom: 0; } @media (max-width: 767px) { .image-component--cta-over .image-component__body .field--name-field-cta-button-item { display: none; } } @media (min-width: 768px) { .image-component--cta-over .image-component__body .field--name-field-cta-button-item a { background-color: #ffffff; border-color: #ffffff; color: #007cba; } .image-component--cta-over .image-component__body .field--name-field-cta-button-item a:hover, .image-component--cta-over .image-component__body .field--name-field-cta-button-item a:active, .image-component--cta-over .image-component__body .field--name-field-cta-button-item a:hover:active { color: #007cba; background-color: rgb(204, 228.8, 241.2); border-color: rgb(204, 228.8, 241.2); } .image-component--cta-over .image-component__body .field--name-field-cta-button-item a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .image-component--cta-over .image-component__body .field--name-field-cta-button-item .cta-style-secondary a { background: rgba(0, 0, 0, 0); border-color: #ffffff; color: #ffffff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .image-component--cta-over .image-component__body .field--name-field-cta-button-item .cta-style-secondary a:hover, .image-component--cta-over .image-component__body .field--name-field-cta-button-item .cta-style-secondary a:active, .image-component--cta-over .image-component__body .field--name-field-cta-button-item .cta-style-secondary a:hover:active { color: #ffffff; background-color: rgba(0, 0, 0, 0.15); } .image-component--cta-over .image-component__body .field--name-field-cta-button-item .cta-style-secondary a:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .image-component--cta-over .image-component__cta { display: none; } } .paragraph[class*="paragraph--type--layout-"] div[class*="col-md-"] > .field > .field--item > .image-component { display: block; -ms-flex-item-align: start; align-self: flex-start; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .paragraph[class*="paragraph--type--layout-"] .image-component__body { margin-bottom: 0; } .paragraph[class*="paragraph--type--layout-"] .image-component__img { display: block; margin: 0; width: 100%; position: static; clear: none; height: auto; } .body-image-embedded .image-component__body .image-component__content { position: relative; height: auto; z-index: 1; top: 0; left: 0; right: 0; padding: 24px; color: #ffffff; } .layout-75-25-wrapper, .layout-66-33-wrapper, .layout-50-25-25-wrapper, .layout-33-66-wrapper, .layout-25-75-wrapper, .layout-25-50-25-wrapper, .layout-25-25-50-wrapper, .paragraph--type--layout-75-25, .paragraph--type--layout-66-33, .paragraph--type--layout-50-25-25, .paragraph--type--layout-33-66, .paragraph--type--layout-25-75, .paragraph--type--layout-25-50-25, .paragraph--type--layout-25-25-50 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .layout-75-25-wrapper, .layout-66-33-wrapper, .layout-50-25-25-wrapper, .layout-33-66-wrapper, .layout-25-75-wrapper, .layout-25-50-25-wrapper, .layout-25-25-50-wrapper { margin-bottom: 1.22%; } @media (max-width: 1023px) { .layout-75-25-wrapper, .layout-66-33-wrapper, .layout-50-25-25-wrapper, .layout-33-66-wrapper, .layout-25-75-wrapper, .layout-25-50-25-wrapper, .layout-25-25-50-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } div[class*="paragraph--type--layout-"][class*="da-vinci-code-background--"]:not( .da-vinci-code-background--white ) { margin-bottom: 0; } @media (max-width: 767px) { div[class*="paragraph--type--layout-"][class*="da-vinci-code-background--"]:not( .da-vinci-code-background--white ) { padding-top: 2rem; padding-bottom: 2rem; } } @media (min-width: 768px) { div[class*="paragraph--type--layout-"][class*="da-vinci-code-background--"]:not( .da-vinci-code-background--white ) { padding-top: 3rem; padding-bottom: 3rem; } } @media screen and (min-width: 1280px) { div[class*="paragraph--type--layout-"][class*="da-vinci-code-background--"]:not( .da-vinci-code-background--white ) { padding-top: 4rem; padding-bottom: 4rem; } } .paragraph--type--layout-columns-1 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.22%; } .layout-25-25-50-wrapper .threecol { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; max-width: 25%; padding: 0 15px; } .layout-25-25-50-wrapper .field--name-field-column-third, .layout-25-25-50-wrapper .sixcol { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; padding: 0 15px; } @media (max-width: 1023px) { .layout-25-25-50-wrapper .threecol, .layout-25-25-50-wrapper .sixcol, .layout-25-25-50-wrapper .layout-25-25-50-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .paragraph--type--layout-25-25-50 .field--name-field-column-first, .paragraph--type--layout-25-25-50 .field--name-field-column-second, .paragraph--type--layout-25-25-50 .field--name-field-column-third { margin-left: 0.61%; margin-right: 0.61%; margin-bottom: 1.22%; } .paragraph--type--layout-25-25-50 .field--name-field-column-first { width: 24.39%; } @media (max-width: 1023px) { .paragraph--type--layout-25-25-50 .field--name-field-column-first { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-25-25-50 .field--name-field-column-first { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-25-25-50 .field--name-field-column-first { margin-left: 0; } .paragraph--type--layout-25-25-50 .field--name-field-column-third { width: 49.39%; margin-left: 0.61%; margin-right: 0; margin-bottom: 1.22%; } @media (max-width: 767px) { .paragraph--type--layout-25-25-50 .field--name-field-column-third { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-25-25-50 .field--name-field-column-second { width: 23.78%; } @media (max-width: 1023px) { .paragraph--type--layout-25-25-50 .field--name-field-column-second { width: 49.39%; margin-right: 0; } } @media (max-width: 767px) { .paragraph--type--layout-25-25-50 .field--name-field-column-second { width: 100%; margin-left: 0; margin-right: 0; } } .layout-25-50-25-wrapper .sixcol { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; padding: 0 15px; } .layout-25-50-25-wrapper .threecol { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; max-width: 25%; padding: 0 15px; } @media (max-width: 1023px) { .layout-25-50-25-wrapper .threecol, .layout-25-50-25-wrapper .sixcol, .layout-25-50-25-wrapper .layout-25-50-25-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .paragraph--type--layout-25-50-25 .field--name-field-column-first, .paragraph--type--layout-25-50-25 .field--name-field-column-second, .paragraph--type--layout-25-50-25 .field--name-field-column-third { margin-left: 0.61%; margin-right: 0.61%; margin-bottom: 1.22%; } .paragraph--type--layout-25-50-25 .field--name-field-column-first { width: 24.39%; } @media (max-width: 1023px) { .paragraph--type--layout-25-50-25 .field--name-field-column-first { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-25-50-25 .field--name-field-column-first { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-25-50-25 .field--name-field-column-first { margin-left: 0; } .paragraph--type--layout-25-50-25 .field--name-field-column-second { width: 48.78%; margin-left: 0.61%; margin-right: 0.61%; margin-bottom: 1.22%; } @media (max-width: 767px) { .paragraph--type--layout-25-50-25 .field--name-field-column-second { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-25-50-25 .field--name-field-column-third { width: 24.39%; margin-right: 0; } @media (max-width: 1023px) { .paragraph--type--layout-25-50-25 .field--name-field-column-third { width: 49.39%; margin-right: 0; } } @media (max-width: 767px) { .paragraph--type--layout-25-50-25 .field--name-field-column-third { width: 100%; margin-left: 0; margin-right: 0; } } .layout-25-75-wrapper .fourcol { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; max-width: 25%; padding: 0 15px; } .layout-25-75-wrapper .eightcol { -webkit-box-flex: 1; -ms-flex: 1 1 75%; flex: 1 1 75%; max-width: 75%; padding: 0 15px; } @media (max-width: 1023px) { .layout-25-75-wrapper .fourcol, .layout-25-75-wrapper .eightcol, .layout-25-75-wrapper .layout-25-75-col { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } @media (max-width: 767px) { .layout-25-75-wrapper .fourcol, .layout-25-75-wrapper .eightcol, .layout-25-75-wrapper .layout-25-75-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .paragraph--type--layout-25-75 .field--name-field-column-first, .paragraph--type--layout-25-75 .field--name-field-column-second { margin-left: 0.61%; margin-right: 0.61%; margin-bottom: 1.22%; } .paragraph--type--layout-25-75 .field--name-field-column-first { width: 24.39%; margin-left: 0; } @media (max-width: 1023px) { .paragraph--type--layout-25-75 .field--name-field-column-first { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-25-75 .field--name-field-column-first { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-25-75 .field--name-field-column-second { width: 74.39%; margin-right: 0; } @media (max-width: 1023px) { .paragraph--type--layout-25-75 .field--name-field-column-second { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-25-75 .field--name-field-column-second { width: 100%; margin-left: 0; margin-right: 0; } } .layout-33-66-wrapper .fivecol { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 15px; } .layout-33-66-wrapper .sevencol { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 15px; } @media (max-width: 1023px) { .layout-33-66-wrapper .sevencol, .layout-33-66-wrapper .fivecol, .layout-33-66-wrapper .layout-33-66-col { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } @media (max-width: 767px) { .layout-33-66-wrapper .sevencol, .layout-33-66-wrapper .fivecol, .layout-33-66-wrapper .layout-33-66-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .paragraph--type--layout-33-66 .field--name-field-column-first, .paragraph--type--layout-33-66 .field--name-field-column-second { margin-left: 0.61%; margin-right: 0.61%; margin-bottom: 1.22%; } .paragraph--type--layout-33-66 .field--name-field-column-first { width: 32.39%; margin-left: 0; } @media (max-width: 1023px) { .paragraph--type--layout-33-66 .field--name-field-column-first { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-33-66 .field--name-field-column-first { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-33-66 .field--name-field-column-second { width: 66.39%; margin-right: 0; } @media (max-width: 1023px) { .paragraph--type--layout-33-66 .field--name-field-column-second { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-33-66 .field--name-field-column-second { width: 100%; margin-left: 0; margin-right: 0; } } .layout-50-25-25-wrapper .sixcol { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; padding: 0 15px; } .layout-50-25-25-wrapper .threecol { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; max-width: 25%; padding: 0 15px; } @media (max-width: 1023px) { .layout-50-25-25-wrapper .sixcol, .layout-50-25-25-wrapper .threecol, .layout-50-25-25-wrapper .layout-50-25-25-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .paragraph--type--layout-50-25-25 .field--name-field-column-first, .paragraph--type--layout-50-25-25 .field--name-field-column-second, .paragraph--type--layout-50-25-25 .field--name-field-column-third { margin-left: 0.61%; margin-right: 0.61%; margin-bottom: 1.22%; } .paragraph--type--layout-50-25-25 .field--name-field-column-first { width: 49.39%; margin-left: 0; margin-bottom: 1.22%; } @media (max-width: 767px) { .paragraph--type--layout-50-25-25 .field--name-field-column-first { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-50-25-25 .field--name-field-column-third { width: 24.39%; margin-right: 0; } @media (max-width: 1023px) { .paragraph--type--layout-50-25-25 .field--name-field-column-third { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-50-25-25 .field--name-field-column-third { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-50-25-25 .field--name-field-column-second { width: 23.78%; } @media (max-width: 1023px) { .paragraph--type--layout-50-25-25 .field--name-field-column-second { width: 49.39%; margin-right: 0; } } @media (max-width: 767px) { .paragraph--type--layout-50-25-25 .field--name-field-column-second { width: 100%; margin-left: 0; margin-right: 0; } } .layout-66-33-wrapper .sevencol { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 0 15px; } .layout-66-33-wrapper .fivecol { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 0 15px; } @media (max-width: 1023px) { .layout-66-33-wrapper .sevencol, .layout-66-33-wrapper .fivecol, .layout-66-33-wrapper .layout-66-33-col { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } @media (max-width: 767px) { .layout-66-33-wrapper .sevencol, .layout-66-33-wrapper .fivecol, .layout-66-33-wrapper .layout-66-33-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .paragraph--type--layout-66-33 .field--name-field-column-first, .paragraph--type--layout-66-33 .field--name-field-column-second { margin-left: 0.61%; margin-right: 0.61%; margin-bottom: 1.22%; } .paragraph--type--layout-66-33 .field--name-field-column-second { width: 32.39%; margin-right: 0; } @media (max-width: 1023px) { .paragraph--type--layout-66-33 .field--name-field-column-second { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-66-33 .field--name-field-column-second { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-66-33 .field--name-field-column-first { width: 66.39%; margin-left: 0; } @media (max-width: 1023px) { .paragraph--type--layout-66-33 .field--name-field-column-first { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-66-33 .field--name-field-column-first { width: 100%; margin-left: 0; margin-right: 0; } } .layout-75-25-wrapper .eightcol { -webkit-box-flex: 1; -ms-flex: 1 1 75%; flex: 1 1 75%; max-width: 75%; padding: 0 15px; } .layout-75-25-wrapper .fourcol { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; max-width: 25%; padding: 0 15px; } @media (max-width: 1023px) { .layout-75-25-wrapper .fourcol, .layout-75-25-wrapper .eightcol, .layout-75-25-wrapper .layout-75-25-col { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } @media (max-width: 767px) { .layout-75-25-wrapper .fourcol, .layout-75-25-wrapper .eightcol, .layout-75-25-wrapper .layout-75-25-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .paragraph--type--layout-75-25 .field--name-field-column-first, .paragraph--type--layout-75-25 .field--name-field-column-second { margin-left: 0.61%; margin-right: 0.61%; margin-bottom: 1.22%; } .paragraph--type--layout-75-25 .field--name-field-column-second { width: 24.39%; margin-right: 0; } @media (max-width: 1023px) { .paragraph--type--layout-75-25 .field--name-field-column-second { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-75-25 .field--name-field-column-second { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-75-25 .field--name-field-column-first { width: 74.39%; margin-left: 0; } @media (max-width: 1023px) { .paragraph--type--layout-75-25 .field--name-field-column-first { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-75-25 .field--name-field-column-first { width: 100%; margin-left: 0; margin-right: 0; } } .paragraph--type--layout-columns-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; width: 100%; } .paragraph--type--layout-columns-2 .col-md-6 { padding: 0; width: 49.39%; margin-left: 0.61%; margin-bottom: 1.22%; } @media (max-width: 767px) { .paragraph--type--layout-columns-2 .col-md-6 { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 5%; } } .paragraph--type--layout-columns-2 .col-md-6 > .field--items { height: 100%; } .paragraph--type--layout-columns-2 .col-md-6 > .field--items > .field--item { height: 100%; } .paragraph--type--layout-columns-2 .col-md-6 > .field--items > .field--item > .paragraph--type--c-text { height: 100%; } .paragraph--type--layout-columns-2 .col-md-6:first-of-type { margin-right: 0.61%; margin-left: 0; } .paragraph--type--layout-columns-2 .col-md-6:first-of-type .paragraph--type--c-image .field--name-field-c-image-summary-text { position: relative; } .paragraph--type--layout-columns-2 .col-md-6:first-of-type .paragraph--type--c-image .field--name-field-c-image img { max-width: 350px; } @media (min-width: 1024px) { .paragraph--type--layout-columns-2 .col-md-6:nth-child(odd) .dark-bg.paragraph--type--c-text { margin-left: 5px; } } @media (min-width: 1024px) { .paragraph--type--layout-columns-2 .col-md-6:nth-child(even) .dark-bg.paragraph--type--c-text { margin-right: 5px; } } .paragraph--type--layout-columns-2.two-column-with-video { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .paragraph--type--layout-columns-2.two-column-with-video .col-md-6 { padding: 0; } .paragraph--type--layout-columns-2.two-column-with-video .col-md-6:first-child { width: calc(41.66667% - 1.875rem); } @media (max-width: 1023px) { .paragraph--type--layout-columns-2.two-column-with-video .col-md-6:first-child { width: 50%; } } @media (max-width: 767px) { .paragraph--type--layout-columns-2.two-column-with-video .col-md-6:first-child { width: 100%; } } .paragraph--type--layout-columns-2.two-column-with-video .col-md-6:nth-child(2) { width: calc(58.33333% - 1.875rem); } @media (max-width: 1023px) { .paragraph--type--layout-columns-2.two-column-with-video .col-md-6:nth-child(2) { width: 50%; } } @media (max-width: 767px) { .paragraph--type--layout-columns-2.two-column-with-video .col-md-6:nth-child(2) { width: 100%; } } .paragraph--type--layout-columns-2.two-column-with-video .field--name-field-column-second { padding: 0; } .paragraph--type--layout-columns-2.two-column-with-video .field--name-field-column-second .paragraph--type--c-externalvideo .field--type-video-embed-field { padding: 25px 30px; } @media (max-width: 1023px) { .paragraph--type--layout-columns-2.two-column-with-video .field--name-field-column-second .paragraph--type--c-externalvideo .field--type-video-embed-field { padding: 0; } } .paragraph--type--layout-columns-2.two-column-with-video .field--name-field-c-image-summary-text { padding: 0 18px; } .paragraph--type--layout-columns-2.two-column-with-video .field--name-field-c-image-summary-text p { line-height: 1.1; } .paragraph--type--layout-columns-2.two-column-with-video .field--name-field-c-image img { max-width: 375px; } .paragraph--type--layout-columns-2 .dark-bg.paragraph--type--c-text { background: #00a3e0; padding: 32px; margin: 0 32px; } @media (max-width: 767px) { .paragraph--type--layout-columns-2 .dark-bg.paragraph--type--c-text { margin: 0; } } .paragraph--type--layout-columns-2 .dark-bg.paragraph--type--c-text .field--name-field-c-title { font-size: 3.555rem; margin-bottom: 1rem; } .paragraph--type--layout-columns-2 .dark-bg.paragraph--type--c-text .field--name-field-c-text { color: #ffffff; text-align: left; } @media (max-width: 767px) { .paragraph--type--layout-columns-2 .dark-bg.paragraph--type--c-text .field--name-field-c-text { padding: 0; } } .paragraph--type--layout-columns-2 .dark-bg.paragraph--type--c-text .field--name-field-c-text p { font-size: 1.1556rem; line-height: 1.85rem; } .paragraph--type--layout-columns-2 .dark-bg.paragraph--type--c-text .paragraph--type--dsu-c-cta-button { margin: 0; } .layout-50-50-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout-50-50-wrapper .layout-50-50-col { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; padding: 0 15px; } @media (max-width: 767px) { .layout-50-50-wrapper .layout-50-50-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .paragraph--type--layout-columns-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .paragraph--type--layout-columns-3.layout3-column-with-deep-margin { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 4.4rem; } @media (max-width: 1023px) { .paragraph--type--layout-columns-3.layout3-column-with-deep-margin { margin-bottom: 1.8rem; } } @media (max-width: 767px) { .paragraph--type--layout-columns-3.layout3-column-with-deep-margin { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .paragraph--type--layout-columns-3.layout3-column-with-deep-margin .component-paragraph-field { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; } .paragraph--type--layout-columns-3.layout3-column-with-deep-margin .col-md-4 { width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .paragraph--type--layout-columns-3.layout3-column-with-deep-margin .col-md-4 .field--item { height: auto; } .paragraph--type--layout-columns-3.layout3-column-with-deep-margin .col-md-4 > .field--items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .paragraph--type--layout-columns-3.layout3-column-with-deep-margin .col-md-4 > .field--items > .field--item { padding: 0.8rem 2rem; } .paragraph--type--layout-columns-3.layout3-column-with-deep-margin .paragraph--type--c-image .field--name-field-c-image img { max-width: 150px; } .paragraph--type--layout-columns-3 .col-md-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; width: 32.52%; margin-right: 0.61%; margin-left: 0.61%; margin-bottom: 1.22%; } @media (max-width: 1023px) { .paragraph--type--layout-columns-3 .col-md-4 { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-columns-3 .col-md-4 { margin-left: 0; margin-right: 0; width: 100%; margin-bottom: 5%; } } .paragraph--type--layout-columns-3 .col-md-4:first-of-type { margin-left: 0; } @media (max-width: 1023px) { .paragraph--type--layout-columns-3 .col-md-4:nth-of-type(2) { margin-right: 0; } } .paragraph--type--layout-columns-3 .col-md-4:last-child { margin-right: 0; } @media (max-width: 1023px) { .paragraph--type--layout-columns-3 .col-md-4:last-child { margin-left: 0; } } .layout-33-34-33-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .layout-33-34-33-wrapper .layout-33-34-33-col { -webkit-box-flex: 1; -ms-flex: 1 1 34%; flex: 1 1 34%; max-width: 34%; padding: 0 15px; } @media (max-width: 1023px) { .layout-33-34-33-wrapper .layout-33-34-33-col { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } @media (max-width: 767px) { .layout-33-34-33-wrapper .layout-33-34-33-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .layout-33-34-33-wrapper .layout-33-34-33-col.first-col, .layout-33-34-33-wrapper .layout-33-34-33-col.last-col { -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; max-width: 33%; } @media (max-width: 1023px) { .layout-33-34-33-wrapper .layout-33-34-33-col.first-col, .layout-33-34-33-wrapper .layout-33-34-33-col.last-col { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } @media (max-width: 767px) { .layout-33-34-33-wrapper .layout-33-34-33-col.first-col, .layout-33-34-33-wrapper .layout-33-34-33-col.last-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .layout-25-25-25-25-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 1.22%; } .layout-25-25-25-25-wrapper .layout-25-25-25-25-col { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; max-width: 25%; padding: 0 15px; } @media (max-width: 1023px) { .layout-25-25-25-25-wrapper .layout-25-25-25-25-col { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } @media (max-width: 767px) { .layout-25-25-25-25-wrapper .layout-25-25-25-25-col { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .paragraph--type--layout-columns-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .paragraph--type--layout-columns-4 .col-md-3 { width: 24.085%; margin-right: 0.61%; margin-left: 0.61%; margin-bottom: 1.22%; padding: 0; } @media (max-width: 767px) { .paragraph--type--layout-columns-4 .col-md-3 { margin-bottom: 5%; } } .paragraph--type--layout-columns-4 .col-md-3:first-of-type { margin-left: 0; } .paragraph--type--layout-columns-4 .col-md-3:first-of-type { margin-left: 0; } .paragraph--type--layout-columns-4 .col-md-3:last-child { margin-right: 0; } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--layout-columns-4 .col-md-3:nth-of-type(1n) { margin-right: 0.61%; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--layout-columns-4 .col-md-3:nth-of-type(2n) { margin-right: 0; margin-left: 0.61%; } } @media (max-width: 1023px) { .paragraph--type--layout-columns-4 .col-md-3 { margin-left: 0; margin-right: 0; width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--layout-columns-4 .col-md-3 { width: 49.39%; margin-left: 0.61%; } } .paragraph--type--layout-columns-5, .layout-5-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media (min-width: 1024px) { .paragraph--type--layout-columns-5, .layout-5-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .paragraph--type--layout-columns-5 .layout-5-col, .layout-5-wrapper .layout-5-col { width: 19.024%; margin-left: 0.61%; margin-right: 0.61%; margin-bottom: 1.22%; } @media (max-width: 1023px) { .paragraph--type--layout-columns-5 .layout-5-col, .layout-5-wrapper .layout-5-col { width: 32.52%; } } @media (max-width: 767px) { .paragraph--type--layout-columns-5 .layout-5-col, .layout-5-wrapper .layout-5-col { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 5%; } } .paragraph--type--layout-columns-5 .layout-5-col.field--name-field-column-first, .layout-5-wrapper .layout-5-col.field--name-field-column-first { margin-left: 0; } @media (max-width: 1023px) { .paragraph--type--layout-columns-5 .layout-5-col.field--name-field-column-third, .layout-5-wrapper .layout-5-col.field--name-field-column-third { margin-right: 0; } } .paragraph--type--layout-columns-5 .layout-5-col.field--name-field-fifth-column, .layout-5-wrapper .layout-5-col.field--name-field-fifth-column { margin-right: 0; } .layout-5-wrapper { margin-bottom: 1.22%; } @media (max-width: 767px) { .paragraph--type--c-sideimagetext { margin-bottom: 1.8rem; } } .paragraph--type--c-sideimagetext .position-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 4.4rem 0; } @media (max-width: 767px) { .paragraph--type--c-sideimagetext .position-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 768px) { .paragraph--type--c-sideimagetext .position-container { margin: 0; } } .paragraph--type--c-sideimagetext .wrapper-img-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .paragraph--type--c-sideimagetext .wrapper-img-section .field--name-field-c-image { min-height: auto; width: auto; height: auto; } .paragraph--type--c-sideimagetext .wrapper-img-section .field--name-field-c-image img { width: auto; height: auto; -o-object-fit: contain; object-fit: contain; position: relative; top: 0; left: 0; -webkit-transform: none; transform: none; } .paragraph--type--c-sideimagetext .wrapper-text-section .text-container { padding: 0 30px 0 15px; } @media (max-width: 767px) { .paragraph--type--c-sideimagetext .wrapper-text-section .text-container { padding: 0 30px; } } @media (max-width: 767px) { .paragraph--type--c-sideimagetext.image-right .position-container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .paragraph--type--c-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: start; align-content: flex-start; height: 35.5rem; position: relative; text-align: center; } @media (max-width: 1023px) { .paragraph--type--c-slide { height: 25.8rem; } } @media (max-width: 767px) { .paragraph--type--c-slide { height: auto; } } .paragraph--type--c-slide .slick-list { margin: 0 15px; height: 70vh; } @media (max-width: 1023px) { .paragraph--type--c-slide .slick-list { margin: 0; height: auto; } } .paragraph--type--c-slide .slick-dots li button:before { font-size: 7px; } .paragraph--type--c-slide .field--name-field-c-image { position: relative; width: 100%; } .paragraph--type--c-slide .field--name-field-c-image img { width: 100%; } .paragraph--type--c-slide .field--name-field-c-title { position: absolute; font-size: 2.67rem; font-family: "Nestle-Text-Bold"; } @media (max-width: 1023px) { .paragraph--type--c-slide .field--name-field-c-title { font-size: 2rem; } } @media (max-width: 767px) { .paragraph--type--c-slide .field--name-field-c-title { font-size: 1.6rem; } } .paragraph--type--c-slide .field--name-field-slide-description { position: absolute; font-size: 1rem; font-family: "Nestle-Text-Book"; color: inherit; padding: 0; } .paragraph--type--c-slide.vertical-position-middle .field--name-field-c-title { top: 25%; } .paragraph--type--c-slide.vertical-position-middle .field--name-field-slide-description { top: 35%; } @media (max-width: 767px) { .paragraph--type--c-slide.vertical-position-middle .field--name-field-slide-description { top: 40%; } } .paragraph--type--c-slide.vertical-position-top .field--name-field-c-title { top: 10%; } .paragraph--type--c-slide.vertical-position-top .field--name-field-slide-description { top: 20%; } @media (max-width: 767px) { .paragraph--type--c-slide.vertical-position-top .field--name-field-slide-description { top: 25%; } } .paragraph--type--c-slide.vertical-position-bottom .field--name-field-c-title { top: 40%; } @media (max-width: 767px) { .paragraph--type--c-slide.vertical-position-bottom .field--name-field-c-title { top: 35%; } } .paragraph--type--c-slide.vertical-position-bottom .field--name-field-slide-description { top: 50%; } .paragraph--type--c-slide.position-left .field--name-field-c-title, .paragraph--type--c-slide.position-left .field--name-field-slide-description, .paragraph--type--c-slide.position-center .field--name-field-c-title, .paragraph--type--c-slide.position-center .field--name-field-slide-description, .paragraph--type--c-slide.position-right .field--name-field-c-title, .paragraph--type--c-slide.position-right .field--name-field-slide-description { padding: 0 25px; } @media (max-width: 767px) { .paragraph--type--c-slide.position-left .field--name-field-c-title, .paragraph--type--c-slide.position-left .field--name-field-slide-description, .paragraph--type--c-slide.position-center .field--name-field-c-title, .paragraph--type--c-slide.position-center .field--name-field-slide-description, .paragraph--type--c-slide.position-right .field--name-field-c-title, .paragraph--type--c-slide.position-right .field--name-field-slide-description { padding: 0 15px; } } .paragraph--type--c-slide.position-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .paragraph--type--c-slide.position-left .field--name-field-c-title, .paragraph--type--c-slide.position-left .field--name-field-slide-description { text-align: left; } .paragraph--type--c-slide.position-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .paragraph--type--c-slide.position-center .field--name-field-c-title, .paragraph--type--c-slide.position-center .field--name-field-slide-description { text-align: center; } .paragraph--type--c-slide.position-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .paragraph--type--c-slide.position-right .field--name-field-c-title, .paragraph--type--c-slide.position-right .field--name-field-slide-description { text-align: right; } .paragraph--type--c-slider { margin-bottom: 4.4rem; overflow: hidden; } .paragraph--type--c-slider:target, .paragraph--type--c-slider:active, .paragraph--type--c-slider:focus { outline: initial; } @media (max-width: 1023px) { .paragraph--type--c-slider { margin-bottom: 1.8rem; } } .paragraph--type--c-slider .slick-dots li { vertical-align: bottom; } .paragraph--type--c-slider .slick-dots li button, .paragraph--type--c-slider .slick-dots li button::before { font-size: 6px; } .paragraph--type--c-slider .slick-dots li.slick-active button:before { font-size: 6px; } .paragraph--type--c-text, .dark-bg.paragraph--type--c-text { padding: 0; } @media (max-width: 1023px) { .dsu-classy-slider-background-color .slick img { height: 100%; -o-object-fit: cover; object-fit: cover; } } .dsu-classy-slider-background-color .slick-dots { bottom: -30px; } .dsu-classy-slider-background-color .field--name-field-slide-description { font-size: 1.6rem; opacity: 1; top: 25%; left: 20%; text-align: left; color: #ffffff; font-family: "Nestle-Text-Book"; } @media (max-width: 1023px) { .dsu-classy-slider-background-color .field--name-field-slide-description { font-size: 1.25rem; top: 30%; left: 10%; } } @media (max-width: 767px) { .dsu-classy-slider-background-color .field--name-field-slide-description { left: 5%; } } .dsu-classy-slider-background-color h1, .dsu-classy-slider-background-color p { color: #ffd000; } .dsu-classy-slider-background-color h1 { font-size: 5.78rem; font-family: "Nestle-Text-Bold"; } @media (max-width: 1023px) { .dsu-classy-slider-background-color h1 { font-size: 1.78rem; } } .dsu-classy-slider-background-color p { font-size: 1.6rem; letter-spacing: 3px; } @media (max-width: 1023px) { .dsu-classy-slider-background-color p { font-size: 1.25rem; font-size: 1.25rem; } } .dsu-classy-slider-background-color .position-left .field--name-field-slide-description, .dsu-classy-slider-background-color .position-center .field--name-field-slide-description, .dsu-classy-slider-background-color .position-right .field--name-field-slide-description { left: unset; } .slider-with-images-only .paragraph--type--c-slide { height: auto; } @media (max-width: 1023px) { .slider-with-images-only .paragraph--type--c-slide { height: auto; } } @media (max-width: 767px) { .slider-with-images-only .paragraph--type--c-slide { height: auto; } } .slider-with-images-only .field--name-field-c-image { position: relative; width: 100%; } @media (max-width: 767px) { .slider-with-images-only .field--name-field-c-image { top: 0; } } #section-146 .field--name-field-c-image > div, #section-146 .field--name-field-c-image .field--name-image, #section-146 .field--name-field-c-image img { float: left; height: 100%; width: 100%; } #section-146 .field--name-field-c-image > div img, #section-146 .field--name-field-c-image .field--name-image img, #section-146 .field--name-field-c-image img img { -o-object-fit: fill; object-fit: fill; } .paragraph--type--dsu-c-tabs { margin-bottom: 4.4rem; overflow: hidden; } @media (max-width: 1023px) { .paragraph--type--dsu-c-tabs { margin-bottom: 1.8rem; } } .paragraph--type--dsu-c-tabs .image-tabs-title { font-family: "Nestle-Text-Bold"; font-size: 1.389rem; font-weight: 700; line-height: 1.4; margin: 0.9rem 0; } @media (max-width: 767px) { .paragraph--type--dsu-c-tabs .image-tabs-title { font-size: 1rem; } } .paragraph--type--dsu-c-tabs .image-tabs-subtitle { margin-bottom: 0.9rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; } .paragraph--type--dsu-c-tabs .nav-tabs { padding: 0 0 1.8rem; border-bottom: 2px solid #2d2b29; margin-bottom: 1.8rem; } .paragraph--type--dsu-c-tabs .nav-tabs > li > a { border: none; border-radius: 0; margin: 0; line-height: normal; padding: 0.9rem; } @media (max-width: 767px) { .paragraph--type--dsu-c-tabs .nav-tabs > li > a { font-size: 0.44rem; } } .paragraph--type--dsu-c-tabs .nav-tabs > li > a:hover { border: none; } .paragraph--type--dsu-c-tabs .nav-tabs > li.active > a, .paragraph--type--dsu-c-tabs .nav-tabs > li.active > a:hover, .paragraph--type--dsu-c-tabs .nav-tabs > li.active > a:focus { color: #ffffff; background-color: transparent; border: none; } .paragraph--type--dsu-c-tabs .nav-tabs .item-data { max-width: 20%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .paragraph--type--dsu-c-tabs .nav-tabs .item-data a { display: block; outline: 0; padding: 0.88rem 0.88rem 0.88rem 0.1rem; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay { font-size: 2.55rem; font-weight: 700; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay:focus { outline: -webkit-focus-ring-color auto 2px; } @media (max-width: 1023px) { .paragraph--type--dsu-c-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay { font-size: 1.8rem; } } @media (max-width: 767px) { .paragraph--type--dsu-c-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay { font-size: 0.9rem; } } .paragraph--type--dsu-c-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay:only-child { opacity: 1; height: auto; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--dark-oak .image-tabs-items-tab-overlay { background: #30261d; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--oak .image-tabs-items-tab-overlay { background: #63513d; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--85-oak .image-tabs-items-tab-overlay { background: #8a7969; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--30-oak .image-tabs-items-tab-overlay { background: #d1cbc5; color: #34220d; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--15-oak .image-tabs-items-tab-overlay { background: #e8e5e2; color: #34220d; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--5-oak .image-tabs-items-tab-overlay { background: #f6f5f4; color: #34220d; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--white .image-tabs-items-tab-overlay { background: #ffffff; color: #34220d; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--blue .image-tabs-items-tab-overlay { background: #007cba; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--teal .image-tabs-items-tab-overlay { background: #00818f; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--green .image-tabs-items-tab-overlay { background: #2e8025; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--orange .image-tabs-items-tab-overlay { background: #d64123; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--red .image-tabs-items-tab-overlay { background: #ca003d; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--pink .image-tabs-items-tab-overlay { background: #a50064; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--purple .image-tabs-items-tab-overlay { background: #8f4899; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--purple-alt .image-tabs-items-tab-overlay { background: #6f2277; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--annual-red .image-tabs-items-tab-overlay { background: #ce0037; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--annual-pink .image-tabs-items-tab-overlay { background: #c6007e; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--annual-teal .image-tabs-items-tab-overlay { background: #007681; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--annual-yellow .image-tabs-items-tab-overlay { background: #eaaa00; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--annual-brown .image-tabs-items-tab-overlay { background: #774212; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-tab-item--annual-purple .image-tabs-items-tab-overlay { background: #ac4fc6; color: #ffffff; } .paragraph--type--dsu-c-tabs .image-tabs-name { font-family: "Nestle-Text-Bold"; font-size: 2.1rem; font-weight: 700; margin: 0.8rem 0; } @media (max-width: 767px) { .paragraph--type--dsu-c-tabs .image-tabs-name { font-size: 1.1rem; } } .paragraph--type--dsu-c-tabs .image-tabs-paragraph p { font-size: 1.037rem; margin: 0 0 0.9rem; } .paragraph--type--dsu-c-tabs .image-tabs-paragraph figure, .paragraph--type--dsu-c-tabs .image-tabs-paragraph .embedded-entity, .paragraph--type--dsu-c-tabs .image-tabs-paragraph blockquote { margin-top: 1.1rem; } .paragraph--type--dsu-c-tabs .image-tabs-paragraph blockquote, .paragraph--type--dsu-c-tabs .image-tabs-paragraph .quote { border: none; font-family: "NestleScript"; font-size: 1.6rem; max-width: 610px; padding: 0.9rem; } @media (max-width: 1023px) { .paragraph--type--dsu-c-tabs .image-tabs-paragraph blockquote, .paragraph--type--dsu-c-tabs .image-tabs-paragraph .quote { margin-left: auto; margin-right: auto; max-width: 550px; text-align: center; padding: 10px 15px; } } .paragraph--type--dsu-c-tabs .image-tabs-paragraph blockquote p, .paragraph--type--dsu-c-tabs .image-tabs-paragraph .quote p { font-size: 1.6rem; } .paragraph--type--dsu-c-tabs.image-tab-text-tabs .image-tabs-name { font-size: 1.388rem; } @media (max-width: 767px) { .paragraph--type--dsu-c-tabs.image-tab-text-tabs .image-tabs-name { font-size: 1rem; } } .paragraph--type--dsu-c-tabs.image-tab-text-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay { font-size: 1.037rem; font-weight: 400; } .image-tabs-container { margin-top: -50px; } .image-tabs-container .image-tab-text-tabs { margin-bottom: 0; } .image-tabs-container .image-tab-text-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay .field--name-field-image-tab-name { line-height: 1.5rem; } @media (max-width: 1023px) { .image-tabs-container .image-tab-text-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay .field--name-field-image-tab-name { font-size: 0; line-height: normal; } } .image-tabs-container .image-tab-text-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay .field--name-field-image-tab-name::first-letter { font-size: 2.666rem; font-weight: 700; padding: 0 2.5rem; text-align: center; } @media (min-width: 1200px) { .image-tabs-container .image-tab-text-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay .field--name-field-image-tab-name::first-letter { float: left; margin: 0 0.9rem 2.2rem; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .image-tabs-container .image-tab-text-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay .field--name-field-image-tab-name::first-letter { float: left; margin: 0 0 2.2rem; } } @media (max-width: 1023px) { .image-tabs-container .image-tab-text-tabs .image-tabs-tab-item .image-tabs-items-tab-overlay .field--name-field-image-tab-name::first-letter { font-size: 0.9777rem; padding: 0; } } .image-tabs-overlay-color:focus { outline: none; } .image-tabs-container { margin-top: 0; } .timline-text-tabs { overflow: visible; } .timline-text-tabs .field--name-field-image-tab-paragraph h4, .timline-text-tabs .field--name-field-image-tab-paragraph hr { display: inline-block; } .timline-text-tabs .field--name-field-image-tab-paragraph figure { margin-top: 0; } @media (max-width: 767px) { .timline-text-tabs .field--name-field-image-tab-paragraph figure.right { margin-left: 1em; } } @media (max-width: 767px) { .timline-text-tabs .field--name-field-image-tab-paragraph figure.left { margin-right: 1em; } } .timline-text-tabs .nav-tabs .item-data { outline: 0; max-width: 100%; } .timline-text-tabs .nav-tabs .item-data a { padding: 0; outline: 0; } .timline-text-tabs .slick-list { overflow: visible; } .timline-text-tabs .slick-list .slick-slide { opacity: 0; } .timline-text-tabs .slick-list .slick-slide.slick-active { animation: animation 0.1s forwards; -webkit-animation: animation 0.1s forwards; } .timline-text-tabs .active-item .image-tabs-items-tab-subtitle .field--name-field-image-tab-subtitle { background-color: #00818f; color: #ffffff; } .timline-text-tabs .active-item .image-tabs-items-tab-subtitle .field--name-field-image-tab-subtitle:hover { background: #bfc0c5; } .timline-text-tabs .image-tabs-items-tab-subtitle .field--name-field-image-tab-subtitle { font-size: 15.4px; border: 2px solid #ffffff; color: #555555; padding: 11px; background-color: #f4f4f5; line-height: 16px; font-weight: 400; text-align: center; } .timline-text-tabs .image-tabs-items-tab-subtitle .field--name-field-image-tab-subtitle:hover { background: #d3d4d5; } .timline-text-tabs .image-tabs-items-tab-name { display: none; position: absolute; font-size: 15.4px; line-height: 24px; color: #63513d; font-weight: 400; width: 100%; border-left: 2px solid white; border-right: 2px solid white; height: auto; margin-top: 20px; z-index: 99; top: 58%; bottom: 0; } @media (min-width: 768px) and (max-width: 1023px) { .timline-text-tabs .image-tabs-items-tab-name { width: 130px; } } @media (max-width: 767px) { .timline-text-tabs .image-tabs-items-tab-name { width: 238px; } } .timline-text-tabs .image-tabs-items-tab-name .field--name-field-image-tab-name { background-color: #00818f; padding: 10px 10px 10px 10px; text-align: left; color: #ffffff; } .timline-text-tabs .image-tabs-items-tab-name .field--name-field-image-tab-name:hover { background-color: #12818e; } .timline-text-tabs .visible-subtitle { background-color: #d3d4d5; display: block; } @media (max-width: 767px) { .timline-text-tabs .visible-subtitle { display: none; } } .timline-text-tabs .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: none; margin-bottom: 0; } .timline-text-tabs .slick-list { width: calc(100% - 101px); margin: 0 auto; } .timline-text-tabs .btn-prev, .timline-text-tabs .btn-next { border: 1px solid #ffffff; border-left: 3px solid #ffffff; height: auto; width: 50px; background: #f4f4f5; background-repeat: no-repeat; background-position: center; opacity: 1; color: #63513d; line-height: 16px; margin-top: 1px; margin-bottom: 1px; text-indent: -9999px; z-index: 10; outline: 0; } .timline-text-tabs .btn-prev:hover, .timline-text-tabs .btn-next:hover { background-color: #d1cbc5; } .timline-text-tabs .btn-prev { background-image: url(./Right_arrow_control.png); -webkit-transform: rotateZ(180deg) !important; transform: rotateZ(180deg) !important; } .timline-text-tabs .btn-next { background-image: url(./Right_arrow_control.png); margin-left: 1px; } .timline-text-tabs .tab-content .field--name-field-image-tab-name { font-size: 36px; line-height: 45px; font-weight: 200; color: #63513d; font-family: "Nestle-Text-Light"; } @media (min-width: 768px) and (max-width: 1023px) { .timline-text-tabs .paragraph--type--dsu-c-tab-item .field--name-field-image-tab-name { font-size: 26.4px; } } @media (max-width: 767px) { .timline-text-tabs .paragraph--type--dsu-c-tab-item .field--name-field-image-tab-name { font-size: 24.8px; } } .timline-text-tabs .paragraph--type--dsu-c-tab-item .field--name-field-image-tab-paragraph { color: #63513d; } .timline-text-tabs .paragraph--type--dsu-c-tab-item .field--name-field-image-tab-paragraph p { color: inherit; font-size: 16px; line-height: 24px; } .timline-text-tabs .paragraph--type--dsu-c-tab-item .field--name-field-image-tab-paragraph acronym { text-decoration: none; border-bottom: 1px dotted #aaaaaa; } .timline-text-tabs .paragraph--type--dsu-c-tab-item .field--name-field-image-tab-paragraph h3 { font-size: 25.6px; line-height: 32px; font-weight: 200; color: #63513d; font-family: "Nestle-Text-Light"; } .timline-text-tabs .paragraph--type--dsu-c-tab-item .field--name-field-image-tab-paragraph hr { width: 100%; } .timline-text-tabs .paragraph--type--dsu-c-tab-item .field--name-field-image-tab-paragraph .embedded-entity { float: none; max-width: 100%; } .timline-text-tabs .paragraph--type--dsu-c-tab-item .field--name-field-image-tab-paragraph img { width: 100%; } .paragraph--type--dsu-c-tabs.timline-text-tabs .image-tabs-items-tab-overlay { display: block; opacity: 1; overflow: visible; padding: 0; position: relative; } @-webkit-keyframes animation { 0% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1; } } @keyframes animation { 0% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1; } } .paragraph--type--dsu-c-tabs .slick-disabled, .view-id-events .slick-disabled { pointer-events: none; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .card-grid-container__sub-title { font-size: 2.111rem; font-family: "Nestle-Text-Light"; padding: 0; margin: 0 0 0.5em; line-height: 1.25; font-weight: 200; font-style: normal; font-size: 1.3em; } @media (min-width: 1280px) { .card-grid-container__sub-title { font-size: 1.6em; } } .paragraph--type--c-text a { color: #0072ad; } .paragraph--type--c-text a:hover { color: rgb(0, 91.2, 138.4); } @media (max-width: 1023px) { .paragraph--type--c-text { margin-bottom: 48px; } } .paragraph--type--c-text .field--name-field-c-advanced-title, .paragraph--type--c-text .field--name-field-c-advanced-subtitle, .paragraph--type--c-text .field--name-field-c-text { padding: 0; max-width: 100%; } .paragraph--type--c-text .field--name-field-c-text { padding-left: 0; } @media (max-width: 767px) { .paragraph--type--c-text .field--name-field-c-text { padding: 0; margin: 0; } } .paragraph--type--c-text .field--name-field-c-text p { line-height: 1.6; } @media (max-width: 1023px) { .paragraph--type--c-text .field--name-field-background-image { margin: 0; } } .paragraph--type--c-text .indent { width: 82%; margin: 80px auto 0 auto; } @media (max-width: 767px) { .paragraph--type--c-text .indent { width: 100%; margin: 0; } } .paragraph--type--c-text.text-v-position-top { margin-bottom: 80px; } .paragraph--type--c-text.text-v-position-top .field--name-field-c-text { margin-bottom: 16px; } @media (max-width: 1023px) { .paragraph--type--c-text.text-v-position-top { margin-bottom: 20px; } } .paragraph--type--c-text.image-bg, .paragraph--type--c-text.dark-bg, .paragraph--type--c-text.light-bg { padding: 50px 25px; } @media (max-width: 1023px) { .paragraph--type--c-text.image-bg, .paragraph--type--c-text.dark-bg, .paragraph--type--c-text.light-bg { padding: 25px; } } @media (max-width: 767px) { .paragraph--type--c-text.image-bg, .paragraph--type--c-text.dark-bg, .paragraph--type--c-text.light-bg { padding: 15px; } } .paragraph--type--c-text.position-left { text-align: left; } .paragraph--type--c-text.position-center { text-align: center; } .paragraph--type--c-text.position-right { text-align: right; } .paragraph--type--c-text .field--name-field-c-advanced-title { font-family: "Nestle-Text-Light"; margin: 0; line-height: 1.25; font-weight: 200; font-style: normal; padding: 12px 0; } .paragraph--type--c-text .downloads-section-component .layout-75-25-wrapper { margin: 20px 0; } .paragraph--type--c-text .downloads-section-component .layout-75-25-wrapper .eightcol { -webkit-box-flex: 1; -ms-flex: 1 1 70%; flex: 1 1 70%; max-width: 70%; padding: 0; -ms-hyphens: inherit; hyphens: inherit; } @media (max-width: 1023px) { .paragraph--type--c-text .downloads-section-component .layout-75-25-wrapper .eightcol { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .paragraph--type--c-text .downloads-section-component .layout-25-25-25-25-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .paragraph--type--c-text .downloads-section-component .layout-25-25-25-25-wrapper .card-bottom-text { text-align: center; } .paragraph--type--c-text .downloads-section-component .layout-25-25-25-25-wrapper .card-bottom-text a { text-decoration: none; } .paragraph--type--c-text .downloads-section-component .layout-25-25-25-25-wrapper .card-bottom-text p { padding-bottom: 0; min-height: 60px; } .paragraph--type--c-text .downloads-section-component .layout-25-25-25-25-wrapper:before, .paragraph--type--c-text .downloads-section-component .layout-25-25-25-25-wrapper:after { display: none; } .paragraph--type--c-text .downloads-section-component img { max-width: 150px; text-align: center; margin: auto; display: block; width: 100%; } .paragraph--type--c-text.padding-top { padding-top: 30px; } .paragraph--type--c-text p:last-child { padding-bottom: 0; margin-bottom: 0; } .paragraph--type--c-sideimagetext .wrapper-text-section .field--name-field-c-advanced-title { font-size: 2.67rem; font-family: "Nestle-Text-Bold"; font-weight: 700; line-height: 1.1; margin: 1rem 0 1rem; } @media (max-width: 1023px) { .paragraph--type--c-sideimagetext .wrapper-text-section .field--name-field-c-advanced-title { font-size: 2rem; } } @media (max-width: 767px) { .paragraph--type--c-sideimagetext .wrapper-text-section .field--name-field-c-advanced-title { font-size: 1.6rem; } } .paragraph--type--c-sideimagetext .wrapper-text-section .field--name-field-c-advanced-subtitle { font-size: 2.111rem; margin: 12px 0; font-family: "Nestle-Text-Bold"; } @media (max-width: 1023px) { .paragraph--type--c-sideimagetext .wrapper-text-section .field--name-field-c-advanced-subtitle { font-size: 1.556rem; } } @media (max-width: 767px) { .paragraph--type--c-sideimagetext .wrapper-text-section .field--name-field-c-advanced-subtitle { font-size: 1.056rem; } } .paragraph--type--c-sideimagetext.text-v-position-middle .inner-wrapper-c-sideimagetext.image-separator { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; } .paragraph--type--c-sideimagetext .inner-wrapper-c-sideimagetext.image-separator { margin: 80px 0; } @media (max-width: 1023px) { .paragraph--type--c-sideimagetext .inner-wrapper-c-sideimagetext.image-separator { margin: 32px 0; padding: 0; } } .paragraph--type--c-sideimagetext .inner-wrapper-c-sideimagetext.image-separator .wrapper-text-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 65%; border-right: 1px solid #bfc0c5; padding-right: 32px; } @media (max-width: 767px) { .paragraph--type--c-sideimagetext .inner-wrapper-c-sideimagetext.image-separator .wrapper-text-section { width: 100%; } } .paragraph--type--c-sideimagetext .inner-wrapper-c-sideimagetext.image-separator .wrapper-text-section .field--name-field-c-advanced-subtitle { text-align: right; } .paragraph--type--c-sideimagetext.position-left { text-align: left; } .paragraph--type--c-sideimagetext.position-center { text-align: center; } .paragraph--type--c-sideimagetext.position-right { text-align: right; } .paragraph--type--dsu-c-tint { margin-bottom: 4.4rem; overflow: hidden; } @media (max-width: 1023px) { .paragraph--type--layout-columns-2 { margin-top: 0; } } @media (max-width: 767px) { .paragraph--type--layout-columns-2 .col-md-6 { width: 100%; padding: 0; } } .paragraph--type--layout-columns-2 .paragraph--type--c-text { margin-bottom: 0; } .paragraph--type--layout-columns-2 .paragraph--type--c-text .field--name-field-c-title { margin-bottom: 12px; } .paragraph--type--layout-columns-2 .field--name-field-column-first { padding: 0; } .paragraph--type--layout-columns-2 .field--name-field-column-first .field--name-field-c-image img { max-height: 450px; width: auto; margin: 0 auto; padding: 26px 0; } @media (max-width: 767px) { .paragraph--type--layout-columns-2 .field--name-field-column-first .field--name-field-c-image img { max-height: 100%; padding: 0; } } @media (max-width: 1023px) { .paragraph--type--layout-columns-2 .field--name-field-column-first { padding: 0; } } .paragraph--type--layout-columns-2 .field--name-field-column-second { padding: 0; } .paragraph--type--layout-columns-2 .field--name-field-column-second .paragraph--type--c-image .field--name-field-c-image { padding: 0 20px; } @media (max-width: 1023px) { .paragraph--type--layout-columns-2 .field--name-field-column-second .paragraph--type--c-image .field--name-field-c-image { padding: 0; } } .paragraph--type--layout-columns-2 .field--name-field-column-second .field--name-field-c-title { font-size: 38px; } @media (max-width: 1023px) { .paragraph--type--layout-columns-2 .field--name-field-column-second .field--name-field-c-title { font-size: 28px; margin: 12px 0; } } @media (max-width: 767px) { .paragraph--type--layout-columns-2 .field--name-field-column-second .field--name-field-c-title { font-size: 19px; } } @media (max-width: 1023px) { .paragraph--type--layout-columns-2 .field--name-field-column-second { padding: 0; } } .paragraph--type--layout-columns-2.two-column-with-small-title .paragraph--type--c-text { padding: 0 28px; } .paragraph--type--layout-columns-2.two-column-with-small-title .paragraph--type--c-text .field--name-field-c-title { font-size: 38px; } @media (max-width: 767px) { .paragraph--type--layout-columns-2.two-column-with-small-title .paragraph--type--c-text .field--name-field-c-title { margin-bottom: 10px; font-size: 19px; } } @media (max-width: 767px) { .paragraph--type--layout-columns-2.two-column-with-small-title .paragraph--type--c-text { padding: 0; } } @media (max-width: 1023px) { .paragraph--type--layout-columns-2.two-column-separator { margin-top: 0; } } .paragraph--type--layout-columns-2.two-column-separator .field--name-field-c-image { border-right: 1px solid #bfc0c5; } @media (max-width: 767px) { .paragraph--type--layout-columns-2.two-column-separator .field--name-field-c-image { border-right: 0; } } .paragraph--type--layout-columns-2.two-column-separator .field--name-field-column-first .paragraph--type--c-image { display: block; } .paragraph--type--layout-columns-2.two-column-separator .field--name-field-column-second .paragraph--type--c-text { padding: 22px; } @media (max-width: 767px) { .paragraph--type--layout-columns-2.two-column-separator .field--name-field-column-second .paragraph--type--c-text { padding: 0; } } .paragraph--type--layout-columns-2.two-column-with-background .col-md-6 { padding: 0; } .paragraph--type--layout-columns-2.two-column-with-background .col-md-6:first-child { width: 62.39%; } @media (max-width: 1023px) { .paragraph--type--layout-columns-2.two-column-with-background .col-md-6:first-child { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-columns-2.two-column-with-background .col-md-6:first-child { width: 100%; } } .paragraph--type--layout-columns-2.two-column-with-background .col-md-6:nth-child(2) { width: 36.39%; background-color: #feb811; } @media (max-width: 1023px) { .paragraph--type--layout-columns-2.two-column-with-background .col-md-6:nth-child(2) { width: 49.39%; } } @media (max-width: 767px) { .paragraph--type--layout-columns-2.two-column-with-background .col-md-6:nth-child(2) { width: 100%; } } .paragraph--type--layout-columns-2.two-column-with-background .field--name-field-column-first { padding: 0; } .paragraph--type--layout-columns-2.two-column-with-background .field--name-field-column-first .paragraph--type--c-text { margin: 0; } .paragraph--type--layout-columns-2.two-column-with-background .field--name-field-column-first .paragraph--type--c-text .field--name-field-c-title { font-size: 1.389rem; margin-top: 0; margin-bottom: 8px; } @media (max-width: 1023px) { .paragraph--type--layout-columns-2.two-column-with-background .field--name-field-column-first .paragraph--type--c-text .field--name-field-c-title { font-size: 18px; } } .paragraph--type--layout-columns-2.two-column-with-background .field--name-field-column-first .paragraph--type--c-text .field--name-field-c-text { margin-left: 0; } .paragraph--type--layout-columns-2.two-column-with-background .field--name-field-column-second { padding: 0; } .paragraph--type--layout-columns-2.two-column-with-background .field--name-field-column-second .paragraph--type--c-text { padding: 32px; color: #ffffff; font-family: "Nestle-Text-Light"; font-size: 28px; } .paragraph--type--layout-columns-2.two-column-with-background .field--name-field-column-second .paragraph--type--c-text p { font-weight: lighter; line-height: 1.6; font-style: italic; color: #ffffff; } @media (max-width: 767px) { .paragraph--type--layout-columns-2.two-column-with-background .field--name-field-column-second .paragraph--type--c-text { font-size: 16px; } } .paragraph--type--layout-columns-2.two-column-with-background:first-of-type .paragraph--type--dsu-c-cta-button { margin-top: 0; margin-bottom: 0; } .paragraph--type--layout-columns-2.two-column-with-background .field--name-field-cta-button-url a { margin-top: 2rem; } .paragraph--type--layout-columns-2.two-column-with-hover-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .paragraph--type--layout-columns-2.two-column-with-hover-card .paragraph--type--dsu-c-hovercard { margin-bottom: 0; } .paragraph--type--layout-columns-2.two-column-with-hover-card .col-md-6 { margin-left: 0; margin-right: 0; } .paragraph--type--layout-columns-2.two-column-with-hover-card .col-md-6 .hovercard-item-container { margin-left: 0.9375rem; } .paragraph--type--layout-columns-2.two-column-with-hover-card .col-md-6:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-right: 1px solid #bfc0c5; padding: 0; } .paragraph--type--layout-columns-2.two-column-with-hover-card .col-md-6:first-child > .field--items { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .paragraph--type--layout-columns-2.two-column-with-hover-card .col-md-6:first-child .hovercard-item-container { margin-right: 30px; margin-left: 0; } .paragraph--type--layout-columns-2.two-column-with-hover-card .col-md-6:first-child .field--name-field-hovercard-item > .field--item { margin-left: 30px; } .paragraph--type--layout-columns-2.two-column-with-hover-card .col-md-6:nth-child(2) .field--name-field-column-second { margin-left: 30px; } .paragraph--type--layout-columns-2.two-column-with-hover-card .col-md-6:nth-child(2) .field--name-field-column-second .paragraph--type--c-text .field--name-field-c-text { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .paragraph--type--layout-columns-2.two-column-with-hover-card .field--name-field-c-text { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0; } .paragraph--type--layout-columns-2.two-column-with-hover-card .field--name-field-c-text p { font-size: 0.97rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; max-width: 400px; padding-right: 2rem; padding-left: 1rem; } .paragraph--type--layout-columns-2.two-column-with-hover-card .paragraph--type--dsu-c-hovercard > .field--items { margin-right: 0; } .paragraph--type--layout-columns-2.two-column-with-hover-card .hovercard-item-container { width: 250px; height: 400px; margin-left: 30px; } .paragraph--type--layout-columns-2.two-column-with-hover-card .hovercard-item-container > .paragraph--type--dsu-c-hovercard-item { height: 100%; } .paragraph--type--layout-columns-2.two-column-with-hover-card .hovercard-item-container > .paragraph--type--dsu-c-hovercard-item > .hovercard-card { height: 100%; } .paragraph--type--layout-columns-2.two-column-with-hover-card .hovercard-item-container > .paragraph--type--dsu-c-hovercard-item > .hovercard-card > .hovercard-image { height: 100%; } .paragraph--type--layout-columns-2.two-column-with-hover-card .hovercard-item-container > .paragraph--type--dsu-c-hovercard-item > .hovercard-card > .hovercard-image > .field--name-field-card-image { height: 100%; } .paragraph--type--layout-columns-2.two-column-with-hover-card .hovercard-item-container > .paragraph--type--dsu-c-hovercard-item > .hovercard-card > .hovercard-image > .field--name-field-card-image img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .paragraph--type--layout-columns-2.two-column-with-hover-card .hovercard-item-container .hovercard-overlay-text p { font-size: 0.89rem; color: #ffffff; } @media (max-width: 1023px) { .paragraph--type--layout-columns-2 { margin-top: 0; } } .paragraph--type--dsu-c-view .field--name-field-title p { font-size: 36px; font-family: "Nestle-Text-Light"; line-height: 45px; } .view-display-id-block_press_releases .form-item-field-internal-tag-target-id, .view-display-id-block_press_releases .form-item-field-topic-target-id, .view-display-id-search_all_news .form-item-field-internal-tag-target-id, .view-display-id-search_all_news .form-item-field-topic-target-id { display: none; } .view-display-id-block_press_releases .form-item-field-topic-target-id { display: inline-block; } .view-display-id-block_news_list .exposed-filter-wrapper, .view-display-id-block_news_innovation .exposed-filter-wrapper, .view-display-id-block_press_release_innovation .exposed-filter-wrapper, .view-display-id-block_rnd_innovation_list .exposed-filter-wrapper { display: none; } .view-display-id-related_stories_block-view-builder .field--name-field-title { font-size: 1.55em; } @media (min-width: 1280px) { .view-display-id-related_stories_block-view-builder .field--name-field-title { font-size: 2.25em; } } .view-display-id-related_stories_block-view-builder .field--name-field-c-text { margin-bottom: 30px; } .page-not-found .page-header { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .page-not-found .paragraph--type--c-text { margin-bottom: 0; } .page-not-found .paragraph--type--c-text .field--name-field-c-title { display: block; font-family: "Nestle-Text-Light"; font-size: 46px; line-height: 58px; color: #34220d; padding-bottom: 76px; border-bottom: 1px solid #cdc6bf; } @media (max-width: 767px) { .page-not-found .paragraph--type--c-text .field--name-field-c-title { font-size: 30px; line-height: 38px; padding-bottom: 50px; } } .page-not-found .paragraph--type--c-text .field--name-field-c-text { display: block; } .page-not-found .paragraph--type--c-text .field--name-field-c-text * { font-size: 20px; line-height: 28px; font-family: "Nestle-Text-Book"; color: #71635c; } @media (max-width: 767px) { .page-not-found .paragraph--type--c-text .field--name-field-c-text * { font-size: 16px; line-height: 22px; } } .page-not-found .paragraph--type--c-text .field--name-field-c-text a { color: #0067a0; text-decoration: none; border-bottom: 0; } .page-not-found .paragraph--type--c-text .field--name-field-c-text section { margin: 10px 0 0; } .page-not-found .paragraph--type--c-text .field--name-field-c-text section p:last-child { padding-bottom: 0; } .page-not-found .paragraph--type--c-text .field--name-field-cta-button-item .paragraph--type--dsu-c-cta-button { margin: 0; } .page-not-found .paragraph--type--dsu-c-view { text-align: center; } .page-not-found .paragraph--type--dsu-c-view .form-item { display: block; float: unset; } .page-not-found .paragraph--type--dsu-c-view .glyphicon { display: none; } .page-not-found .view-display-id-search_block-view-builder { display: block; background-color: #e8e5e2; color: #63513d; padding: 44px 20px; text-decoration: none; margin-bottom: 76px; } @media (max-width: 767px) { .page-not-found .view-display-id-search_block-view-builder { margin-bottom: 40px; } } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results { max-width: 600px; margin: 0 auto; text-align: center; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results h3 { font-family: "Nestle-Text-Light"; font-size: 30px; line-height: 38px; color: #30261d; color: #63513d; margin: 0 0 20px; } @media (max-width: 767px) { .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results h3 { font-size: 26px; line-height: 36px; } } @media (max-width: 767px) { .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results h3 { font-family: "Nestle-Text-Book"; font-size: 16px; line-height: 26px; margin-bottom: 7px; } } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield { display: block; float: none; margin-bottom: 0; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"] { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; border: 1px solid #949494; color: #d1cbc5; -webkit-box-shadow: unset; box-shadow: unset; padding: 10px; border-radius: 3px; background-color: #ffffff; height: 36px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; margin: 0; display: block; width: 100%; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]::-webkit-input-placeholder { color: #d1cbc5; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]::-moz-placeholder { color: #d1cbc5; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]:-ms-input-placeholder { color: #d1cbc5; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]::-ms-input-placeholder { color: #d1cbc5; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]::placeholder { color: #d1cbc5; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]:not(:-moz-placeholder-shown) { border-color: #8a7969; color: #30261d; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]:not(:-ms-input-placeholder) { border-color: #8a7969; color: #30261d; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]:not(:placeholder-shown) { border-color: #8a7969; color: #30261d; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]:-webkit-autofill { border: 1px solid #8a7969; -webkit-text-fill-color: #30261d; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]:focus, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]:-webkit-autofill:focus, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form--inline .form-type-textfield input[type="text"]:-webkit-autofill:hover { border-color: #cdc6bf; -webkit-box-shadow: 0px 0px 4px #a1978b; box-shadow: 0px 0px 4px #a1978b; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions { display: block; } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions .btn, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions button { margin: 22px 0 0; } @media (max-width: 767px) { .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions .btn, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions button { width: 100%; } } .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions .btn .glyphicon, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions .btn .icon, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions button .glyphicon, .page-not-found .view-display-id-search_block-view-builder .view-error-page-search-results .bef-exposed-form .form-actions button .icon { display: none; } .path-search .exposed-filter-wrapper, .block-job-search-block .exposed-filter-wrapper { font-size: 18px; font-family: "Nestle-Text-Light"; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #6c707a; position: absolute; top: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { .path-search .exposed-filter-wrapper, .block-job-search-block .exposed-filter-wrapper { position: relative; } } .path-search .exposed-filter-wrapper .view-header, .block-job-search-block .exposed-filter-wrapper .view-header { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font-family: "Nestle-Text-Book"; font-weight: 500; margin-top: -12px; padding: 0 15px; width: 25%; color: #63513d; } @media (max-width: 767px) { .path-search .exposed-filter-wrapper .view-header, .block-job-search-block .exposed-filter-wrapper .view-header { margin: 0 auto; max-width: 460px; width: 100%; } } .path-search .exposed-filter-wrapper .view-filters, .block-job-search-block .exposed-filter-wrapper .view-filters { padding: 0 15px; width: 75%; } @media (max-width: 767px) { .path-search .exposed-filter-wrapper .view-filters, .block-job-search-block .exposed-filter-wrapper .view-filters { margin: 0 auto; max-width: 460px; width: 100%; } } .path-search .exposed-filter-wrapper .form-type-select, .block-job-search-block .exposed-filter-wrapper .form-type-select { padding-left: 16px; width: 33.33%; } .path-search .exposed-filter-wrapper .form-type-select:first-child, .block-job-search-block .exposed-filter-wrapper .form-type-select:first-child { padding-left: 0; } @media (max-width: 767px) { .path-search .exposed-filter-wrapper .form-type-select, .block-job-search-block .exposed-filter-wrapper .form-type-select { width: 100%; padding-left: 0; } } .path-search .exposed-filter-wrapper .views-exposed-form, .block-job-search-block .exposed-filter-wrapper .views-exposed-form { font-family: "Nestle-Text-Light"; } .path-search .exposed-filter-wrapper .views-exposed-form .form-inline, .block-job-search-block .exposed-filter-wrapper .views-exposed-form .form-inline { margin-bottom: 32px; } @media (max-width: 767px) { .path-search .exposed-filter-wrapper .views-exposed-form .form-inline, .block-job-search-block .exposed-filter-wrapper .views-exposed-form .form-inline { margin-bottom: 1.78rem; } } .path-search .exposed-filter-wrapper .views-exposed-form .form-inline .form-group, .block-job-search-block .exposed-filter-wrapper .views-exposed-form .form-inline .form-group { margin-bottom: 15px; } .path-search .exposed-filter-wrapper .views-exposed-form .form-inline .form-actions, .block-job-search-block .exposed-filter-wrapper .views-exposed-form .form-inline .form-actions { display: none; } .path-search .exposed-filter-wrapper .views-exposed-form .select-wrapper, .block-job-search-block .exposed-filter-wrapper .views-exposed-form .select-wrapper { width: 100%; } .path-search .exposed-filter-wrapper .views-exposed-form .select-wrapper .form-control, .block-job-search-block .exposed-filter-wrapper .views-exposed-form .select-wrapper .form-control { height: 40px; width: 100%; color: #6c707a; font-size: 16px; font-family: "Nestle-Text-Book"; position: relative; padding: 8px; line-height: 1.5; border-color: #e5e5e5; } .path-search .exposed-filter-wrapper .views-exposed-form .select-wrapper .form-control:focus, .block-job-search-block .exposed-filter-wrapper .views-exposed-form .select-wrapper .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .path-search .exposed-filter-wrapper .views-exposed-form .select-wrapper:after, .block-job-search-block .exposed-filter-wrapper .views-exposed-form .select-wrapper:after { content: ""; } .field--type-video-embed-field { background-color: #000000; } .field--type-video-embed-field .video-embed-field-lazy img { max-height: 577px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .field--type-video-embed-field .video-embed-field-lazy img { max-height: 186px; } } @media (min-width: 768px) and (max-width: 1023px) { .field--type-video-embed-field .video-embed-field-lazy img { max-height: 346px; } } .field--type-video-embed-field .video-embed-field-lazy img:hover { opacity: 0.9; } .field--name-field-teaser-video-url { margin-top: 15px; } .view-display-id-faq_search_block-view-builder, .view-display-id-global_search_block-view-builder { margin-bottom: 22px; } @media (max-width: 1023px) { .view-display-id-faq_search_block-view-builder.component-paragraph-field--contained, .view-display-id-global_search_block-view-builder.component-paragraph-field--contained { margin-bottom: 50px; } } @media (min-width: 1024px) { .view-display-id-faq_search_block-view-builder.component-paragraph-field--contained, .view-display-id-global_search_block-view-builder.component-paragraph-field--contained { margin-bottom: 60px; } } @media (max-width: 767px) { .view-display-id-faq_search_block-view-builder, .view-display-id-global_search_block-view-builder { padding: 2rem 0; } .view-display-id-faq_search_block-view-builder.component-paragraph-field--contained, .view-display-id-global_search_block-view-builder.component-paragraph-field--contained { padding: 2rem 1.25rem; width: 100%; } } @media (min-width: 768px) { .view-display-id-faq_search_block-view-builder, .view-display-id-global_search_block-view-builder { padding: 3rem 0; } .view-display-id-faq_search_block-view-builder.component-paragraph-field--contained, .view-display-id-global_search_block-view-builder.component-paragraph-field--contained { padding: 3rem 2.125rem; border-radius: 0.5rem; } } .view-display-id-faq_search_block-view-builder h2, .view-display-id-global_search_block-view-builder h2 { margin-bottom: 0; } @media (max-width: 1023px) { .view-display-id-faq_search_block-view-builder h2, .view-display-id-global_search_block-view-builder h2 { font-size: 1.5rem; } } @media (min-width: 1024px) { .view-display-id-faq_search_block-view-builder h2, .view-display-id-global_search_block-view-builder h2 { font-size: 1.625rem; } } @media screen and (min-width: 1280px) { .view-display-id-faq_search_block-view-builder h2, .view-display-id-global_search_block-view-builder h2 { font-size: 1.875rem; } } .view-display-id-faq_search_block-view-builder .field--name-field-c-text, .view-display-id-global_search_block-view-builder .field--name-field-c-text { font-family: "Nestle-Text-Light"; } @media (max-width: 1023px) { .view-display-id-faq_search_block-view-builder .field--name-field-c-text, .view-display-id-global_search_block-view-builder .field--name-field-c-text { font-size: 1.125rem; } } @media (min-width: 1024px) { .view-display-id-faq_search_block-view-builder .field--name-field-c-text, .view-display-id-global_search_block-view-builder .field--name-field-c-text { font-size: 1.25rem; } } @media screen and (min-width: 1280px) { .view-display-id-faq_search_block-view-builder .field--name-field-c-text, .view-display-id-global_search_block-view-builder .field--name-field-c-text { font-size: 1.5rem; } } .view-display-id-faq_search_block-view-builder .field--name-field-title p, .view-display-id-global_search_block-view-builder .field--name-field-title p { font-size: 25.6px; margin-bottom: 12.8px; padding: 0; font-family: "Nestle-Text-Light"; font-weight: 200; color: #6c707a; line-height: 32px; } @media (max-width: 1023px) { .view-display-id-faq_search_block-view-builder .field--name-field-title p, .view-display-id-global_search_block-view-builder .field--name-field-title p { font-size: 23.2px; line-height: 29px; } } @media (max-width: 767px) { .view-display-id-faq_search_block-view-builder .field--name-field-title p, .view-display-id-global_search_block-view-builder .field--name-field-title p { font-size: 20.8px; line-height: 26px; } } .view-display-id-faq_search_block-view-builder .field--name-field-c-text p, .view-display-id-global_search_block-view-builder .field--name-field-c-text p { line-height: 24px; margin: 0 0 21.6px 0; padding: 0; } .view-display-id-faq_search_block-view-builder .paragraph--type--dsu-c-cta-button, .view-display-id-global_search_block-view-builder .paragraph--type--dsu-c-cta-button { margin: 0 0 0.75rem; } .view-display-id-faq_search_block-view-builder .form-inline, .view-display-id-global_search_block-view-builder .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; width: 65%; } @media (max-width: 767px) { .view-display-id-faq_search_block-view-builder .form-inline, .view-display-id-global_search_block-view-builder .form-inline { width: 100%; } } .view-display-id-faq_search_block-view-builder .form-inline .form-item, .view-display-id-global_search_block-view-builder .form-inline .form-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; } .view-display-id-faq_search_block-view-builder .form-inline .form-item-keyword, .view-display-id-global_search_block-view-builder .form-inline .form-item-keyword { position: relative; } .view-display-id-faq_search_block-view-builder .form-inline .form-item-keyword #search-close, .view-display-id-global_search_block-view-builder .form-inline .form-item-keyword #search-close { position: absolute; top: 0.5rem; right: 0.625rem; z-index: 9; margin-top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; width: 2.25rem; height: 2.25rem; background-color: unset; background-image: url(./search_clear.svg); background-repeat: no-repeat; background-size: 1.875rem 1.25rem; background-position: center center; cursor: pointer; } .view-display-id-faq_search_block-view-builder .form-inline input[type="text"], .view-display-id-faq_search_block-view-builder .form-inline input[type="search"], .view-display-id-global_search_block-view-builder .form-inline input[type="text"], .view-display-id-global_search_block-view-builder .form-inline input[type="search"] { width: 100%; font-size: 1.125rem; border-color: #333333; color: #333333; border-right-width: 0; padding: 0.9375rem 1rem; line-height: 1.5rem; } @media (max-width: 767px) { .view-display-id-faq_search_block-view-builder .form-inline input[type="text"], .view-display-id-faq_search_block-view-builder .form-inline input[type="search"], .view-display-id-global_search_block-view-builder .form-inline input[type="text"], .view-display-id-global_search_block-view-builder .form-inline input[type="search"] { padding: 0.75rem 1rem; font-size: 0.875rem; } } .view-display-id-faq_search_block-view-builder .form-inline .form-actions, .view-display-id-global_search_block-view-builder .form-inline .form-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 767px) { .view-display-id-faq_search_block-view-builder .form-inline .form-actions .btn-primary, .view-display-id-global_search_block-view-builder .form-inline .form-actions .btn-primary { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .view-display-id-faq_search_block-view-builder .form-inline .btn.btn-primary, .view-display-id-global_search_block-view-builder .form-inline .btn.btn-primary { padding: 0.9375rem 1.5rem; font-size: 1.125rem; line-height: 1.5rem; -webkit-box-shadow: unset; box-shadow: unset; border-radius: unset; } @media (max-width: 767px) { .view-display-id-faq_search_block-view-builder .form-inline .btn.btn-primary, .view-display-id-global_search_block-view-builder .form-inline .btn.btn-primary { padding: 0.75rem 1.5rem; font-size: 0.875rem; } } .view-display-id-faq_search_block-view-builder .form-inline .form-actions .btn, .view-display-id-faq_search_block-view-builder .form-inline .form-actions .btn-group, .view-display-id-global_search_block-view-builder .form-inline .form-actions .btn, .view-display-id-global_search_block-view-builder .form-inline .form-actions .btn-group { margin-right: 0; } .view-display-id-faq_search_block-view-builder .glyphicon-search, .view-display-id-global_search_block-view-builder .glyphicon-search { display: none; } .view-display-id-faq_search_block-view-builder .view-empty, .view-display-id-global_search_block-view-builder .view-empty { text-align: center; margin-top: 3rem; font-size: 1.3em; } .view-display-id-faq_search_block-view-builder .view-header, .view-display-id-global_search_block-view-builder .view-header { padding-bottom: 0; margin-top: 1rem; } @media (max-width: 767px) { .view-display-id-faq_search_block-view-builder .view-header, .view-display-id-global_search_block-view-builder .view-header { margin-top: 0.75rem; } } .view-display-id-faq_search_block-view-builder .view-header p, .view-display-id-global_search_block-view-builder .view-header p { padding-bottom: 0; margin-bottom: 1rem; line-height: 1.5rem; color: #333333; font-size: 0.875rem; } @media (max-width: 767px) { .view-display-id-faq_search_block-view-builder .view-header p, .view-display-id-global_search_block-view-builder .view-header p { font-size: 0.75rem; } } .view-display-id-faq_search_block-view-builder .view-header a, .view-display-id-global_search_block-view-builder .view-header a { font-family: "Nestle-Text-Bold"; border-bottom: 1px dotted currentcolor; } .view-display-id-faq_search_block-view-builder .view-content, .view-display-id-global_search_block-view-builder .view-content { padding-top: 0; border: none; margin-bottom: 1.5rem; } .view-display-id-faq_search_block-view-builder .view-content .views-row, .view-display-id-global_search_block-view-builder .view-content .views-row { color: #333333; padding: 1rem 0 1.5rem; line-height: 1.75rem; } @media (max-width: 767px) { .view-display-id-faq_search_block-view-builder .view-content .views-row, .view-display-id-global_search_block-view-builder .view-content .views-row { padding: 1rem 0; } } .view-display-id-faq_search_block-view-builder .view-content .views-row:not(:last-child), .view-display-id-global_search_block-view-builder .view-content .views-row:not(:last-child) { border-bottom: 1px solid #c4c4c4; } .view-display-id-faq_search_block-view-builder .view-content .views-row .description, .view-display-id-global_search_block-view-builder .view-content .views-row .description { display: block; margin-bottom: 1rem; } .view-display-id-faq_search_block-view-builder .view-content .views-field-title, .view-display-id-global_search_block-view-builder .view-content .views-field-title { font-size: 16px; margin-bottom: 0.25rem; } .view-display-id-faq_search_block-view-builder .view-content .views-field-title a, .view-display-id-global_search_block-view-builder .view-content .views-field-title a { font-weight: 700; } .view-display-id-faq_search_block-view-builder .view-content .views-field-title a:active, .view-display-id-global_search_block-view-builder .view-content .views-field-title a:active { outline: none; } @media (max-width: 767px) { .view-display-id-faq_search_block-view-builder .view-content .views-field-body, .view-display-id-global_search_block-view-builder .view-content .views-field-body { font-size: 14px; line-height: 1.3125rem; } } .view-display-id-faq_search_block-view-builder .views-field-url, .view-display-id-global_search_block-view-builder .views-field-url { margin: 24px -24px -24px; padding: 16px 24px; border-top: 1px solid #e8e5e2; font-size: 14px; } .view-display-id-faq_search_block-view-builder .views-field-url a, .view-display-id-global_search_block-view-builder .views-field-url a { max-width: 100%; white-space: normal; -ms-hyphens: auto; hyphens: auto; } .view-display-id-faq_search_block-view-builder nav, .view-display-id-global_search_block-view-builder nav { margin: 32px 0; text-align: center; } .view-display-id-faq_search_block-view-builder nav li, .view-display-id-global_search_block-view-builder nav li { display: inline-block; } .view-display-id-faq_search_block-view-builder nav li a, .view-display-id-global_search_block-view-builder nav li a { font-weight: 700; text-decoration: underline; } .view-display-id-faq_search_block-view-builder .view-footer, .view-display-id-global_search_block-view-builder .view-footer { text-align: center; } .view-display-id-faq_search_block-view-builder .view-footer .cantFindString, .view-display-id-global_search_block-view-builder .view-footer .cantFindString { padding: 0; margin: 32px 0; line-height: 24px; } .view-display-id-faq_search_block-view-builder .pagerer-container, .view-display-id-global_search_block-view-builder .pagerer-container { border-top: unset; } .view-display-id-faq_search_block-view-builder .pagerer-container .pagerer-pager-standard .pager__items .pager__item.is-active a, .view-display-id-global_search_block-view-builder .pagerer-container .pagerer-pager-standard .pager__items .pager__item.is-active a { background-color: #e8e5e2; } #views-exposed-form-faq-search-global-search-block .form--inline { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media (max-width: 767px) { #views-exposed-form-faq-search-global-search-block .form--inline { display: block; } } #views-exposed-form-faq-search-global-search-block .form--inline button { margin-bottom: 0; } .paragraph--type--feature-banner { margin-top: 2.8125rem; margin-bottom: 2.8125rem; } @media (max-width: 1023px) { .paragraph--type--feature-banner .component-paragraph-field { width: auto; } } .paragraph--type--feature-banner.feature-banner--full-width-img-right-50 .component-paragraph-field { width: 100%; } .paragraph--type--feature-banner.feature-banner--full-width-img-right-50 span.ext { padding-left: 22px; } .paragraph--type--feature-banner.feature-banner--contained-img-right-50 { border-radius: 10px; } .paragraph--type--feature-banner.feature-banner--contained-img-right-50 span.ext { padding-left: 22px; } @media (max-width: 1023px) { .paragraph--type--feature-banner.feature-banner--contained-img-right-50 { border-radius: 0; } } .paragraph--type--feature-banner.feature-banner--contained-img-right-50 .component-paragraph-field .feature-banner__media img { border-radius: 0 10px 10px 0; } @media (max-width: 1023px) { .paragraph--type--feature-banner.feature-banner--contained-img-right-50 .component-paragraph-field .feature-banner__media img { border-radius: 0; } } .feature-banner.feature-banner--contained-img-right-50.feature-banner--no-image .feature-banner__content, .feature-banner.feature-banner--full-width-img-right-50.feature-banner--no-image .feature-banner__content { text-align: left; width: 100%; } @media (max-width: 1023px) { .feature-banner.feature-banner--contained-img-right-50.feature-banner--no-image .feature-banner__content, .feature-banner.feature-banner--full-width-img-right-50.feature-banner--no-image .feature-banner__content { -ms-grid-row: 1; grid-row-start: 1; } } .feature-banner--contained-img-right-50 .banner__content_link a { margin: 0; } .feature-banner--full-width-img-right-50 .banner__content_link a { margin: 0; } .feature-banner--full-width-img-right-50.cta-style-text-with-arrow .banner__content_link, .feature-banner--contained-img-right-50.cta-style-text-with-arrow .banner__content_link { position: absolute; bottom: 32px; } @media (max-width: 767px) { .feature-banner--full-width-img-right-50.cta-style-text-with-arrow .banner__content_link, .feature-banner--contained-img-right-50.cta-style-text-with-arrow .banner__content_link { position: static; } } .cta-style-text-with-arrow .banner__content_link.external a:after { display: none; } .feature-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 3.125rem 1.25rem; } @media (min-width: 768px) { .feature-banner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 2.5rem 2.5rem; } } @media (min-width: 1024px) { .feature-banner { border-radius: 7px; padding: 1.875rem 0rem 1.875rem 0rem; } } @media (min-width: 768px) and (max-width: 1023px) { .feature-banner.feature-banner--no-image { padding: 4.0625rem 2.5rem; } } @media (min-width: 1024px) { .feature-banner.feature-banner--contained { padding-left: 5%; padding-right: 5%; } } @media (min-width: 1440px) { .feature-banner.feature-banner--contained { padding-left: 6%; padding-right: 6%; } } @media screen and (min-width: 1801px) { .feature-banner.feature-banner--contained { padding-left: 8%; padding-right: 8%; } } .feature-banner .feature-banner__content { text-align: center; } .feature-banner.feature-banner--contained-img-right-50 { border-radius: 10px; } @media (max-width: 1023px) { .feature-banner.feature-banner--contained-img-right-50 { border-radius: 0; } } .feature-banner.feature-banner--contained-img-right-50 .feature-banner__content { height: 100%; padding: 32px 4% 32px 4%; } .feature-banner.feature-banner--contained-img-right-50 .feature-banner__content .banner__content_header { width: auto; } .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__content { height: 100%; padding: 32px 10% 32px 10%; } .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__content .banner__content_header { width: auto; } .feature-banner.feature-banner--contained-img-right-50, .feature-banner.feature-banner--full-width-img-right-50 { padding: 0; display: block; height: 240px; } @media (max-width: 767px) { .feature-banner.feature-banner--contained-img-right-50, .feature-banner.feature-banner--full-width-img-right-50 { height: auto; display: -ms-grid; display: grid; -ms-grid-rows: 240px auto; grid-template-rows: 240px auto; } } .feature-banner.feature-banner--contained-img-right-50 .feature-banner__content, .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__content { display: block; width: 50%; float: left; text-align: left; } @media (min-width: 768px) and (max-width: 1023px) { .feature-banner.feature-banner--contained-img-right-50 .feature-banner__content, .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__content { padding: 32px 10% 31.9px 10%; } } @media (max-width: 767px) { .feature-banner.feature-banner--contained-img-right-50 .feature-banner__content, .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 0 10%; min-height: 180px; } } .feature-banner.feature-banner--contained-img-right-50 .feature-banner__content .banner__content_header, .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__content .banner__content_header { height: 78%; } .feature-banner.feature-banner--contained-img-right-50 .feature-banner__content .banner__content_header h2, .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__content .banner__content_header h2 { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; } @media (max-width: 1023px) { .feature-banner.feature-banner--contained-img-right-50 .feature-banner__content .banner__content_header, .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__content .banner__content_header { width: 100%; } } @media (max-width: 767px) { .feature-banner.feature-banner--contained-img-right-50 .feature-banner__content .banner__content_header, .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__content .banner__content_header { height: auto; } } .feature-banner.feature-banner--contained-img-right-50 .feature-banner__media, .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__media { width: 50%; padding: 0; } @media (max-width: 767px) { .feature-banner.feature-banner--contained-img-right-50 .feature-banner__media, .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__media { width: 100%; -ms-grid-row: 1; grid-row: 1; margin: 0; } } .feature-banner.feature-banner--contained-img-right-50 .feature-banner__media img, .feature-banner.feature-banner--full-width-img-right-50 .feature-banner__media img { width: 100%; max-width: 100%; height: 240px; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } .feature-banner__media { margin-bottom: -3.125rem; margin-top: 2.5rem; } @media (min-width: 768px) { .feature-banner__media { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0rem; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding-right: 2.5rem; margin-bottom: -3.125rem; } } @media (min-width: 1024px) { .feature-banner__media { padding-left: 5%; padding-right: 4%; margin-bottom: -1.875rem; } } @media (min-width: 1024px) { .feature-banner--contained .feature-banner__media { padding-left: 0; } } .feature-banner__media img { display: inline-block; vertical-align: middle; max-width: 15.625rem; } @media (min-width: 768px) { .feature-banner__media img { max-width: 16.875rem; } } @media (min-width: 1024px) { .feature-banner__media img { max-width: 12.5rem; } } @media screen and (min-width: 1280px) { .feature-banner--contained .feature-banner__media img { max-width: 18.75rem; } } @media (min-width: 1024px) { .feature-banner__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .feature-banner--no-image .feature-banner__content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media (min-width: 768px) and (max-width: 1023px) { .feature-banner--no-image .feature-banner__content { text-align: center; } } @media (min-width: 1024px) { .feature-banner--no-image .feature-banner__content { padding: 1.875rem 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .feature-banner__content h2 { font-size: 1.375rem; margin-bottom: 2.1875rem; } @media (min-width: 768px) { .feature-banner__content h2 { font-size: 1.75rem; } } @media (min-width: 1024px) { .feature-banner__content h2 { font-size: 2rem; margin-bottom: 0; } } .feature-banner__content h2 span { font-family: "NestleBrush"; } .feature-banner__content a { -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 1024px) { .feature-banner__content a { margin-left: 2.1875rem; } } .da-vinci-code-background--dark-oak .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--oak .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--85-oak .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--blue .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--teal .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--green .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--orange .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--red .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--pink .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--purple .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--purple-alt .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--annual-red .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--annual-pink .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--annual-teal .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--annual-yellow .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--annual-brown .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .da-vinci-code-background--annual-purple .feature-banner__content a span.ext { background-image: url(./icon-external--white.svg); } .glance-snippet { margin-bottom: 30px; width: 100%; } @media (min-width: 1024px) { .glance-snippet { min-width: 320px; max-width: 350px; float: right; } } @media screen and (min-width: 1280px) { .glance-snippet { float: right; } } .glance-snippet.pull-left { float: left; } .glance-snippet .border-b { margin-bottom: 0; } .glance-snippet h3 { font-size: 22px; font-weight: 700; border-bottom: 1px solid #000000; line-height: 130%; padding-top: 7px; padding-bottom: 10px; margin-bottom: 0; } .glance-snippet h3.glance-title, .glance-snippet h3.font-1 { font-size: 22px; } .glance-snippet p.border-b { line-height: 130%; padding-top: 7px; margin-bottom: 0; } .glance-snippet .font-1, .glance-snippet p { font-size: 14px; line-height: 19px; font-weight: 700; } .glance-snippet .glance-info p { border-bottom: 1px solid #000000; line-height: 130%; padding-top: 7px; padding-bottom: 10px; margin-bottom: 0; } .glance-snippet .glance-info p p { border-bottom: none; padding-bottom: 0; } .glance-snippet-2021 { border-top: 3px solid; border-bottom: 3px solid; margin-bottom: 30px; width: 100%; padding-bottom: 10px; } @media (min-width: 1024px) { .glance-snippet-2021 { min-width: 320px; max-width: 350px; float: right; } } @media screen and (min-width: 1280px) { .glance-snippet-2021 { float: right; } } .glance-snippet-2021.pull-left { float: left; } .glance-snippet-2021 .border-b { margin-bottom: 0; border-bottom: 1px solid; } .glance-snippet-2021 h3 { font-size: 16px; font-weight: 700; border-bottom: 1px solid; line-height: 130%; padding-top: 7px; padding-bottom: 10px; margin-bottom: 0; } .glance-snippet-2021 h3.glance-title, .glance-snippet-2021 h3.font-1 { font-size: 16px; } .glance-snippet-2021 .font-1, .glance-snippet-2021 p { font-size: 15px; line-height: 19px; font-weight: 700; } .glance-snippet-2021 .glance-info p { line-height: 130%; padding-top: 7px; padding-bottom: 10px; margin-bottom: 0; } .glance-snippet-2021 .glance-title { padding-top: 15px; padding-bottom: 15px; margin-top: 0px; margin-bottom: 0px; } .glance-snippet-2021 .glance-description.border-b { padding-top: 15px; padding-bottom: 15px; margin-top: 0px; margin-bottom: 0px; line-height: 130%; } .glance-snippet-2021 .glance-row { padding-top: 10px; margin-bottom: 0px; } .glance-snippet-2021 .glance-row.border-b { border-bottom: 1px solid; } .glance-snippet-2021 .glance-row:after { clear: both; display: table; content: ""; } .glance-snippet-2021 .glance-row-with-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .glance-snippet-2021 .glance-font-smaller { font-size: 40px; } .glance-snippet-2021 .glance-50 { width: 50%; } .paragraph--icon-cards-wrapper { background: #f6f5f4; padding: 2.5rem; } .paragraph--icon-cards-wrapper .icon-cards-container .quick-link__icon { width: 62px; height: 62px; } .paragraph--icon-cards-wrapper .icon-cards-container .card-carousel-container__title { text-align: center; margin-bottom: 1.5rem; font-size: 36px; color: #30261d; } @media (max-width: 767px) { .paragraph--icon-cards-wrapper .icon-cards-container .card-carousel-container__title { font-size: 1.5rem; } } .paragraph--icon-cards-wrapper .icon-cards-container .card-carousel.slick-initialized .slick-slide { -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1607843137); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1607843137); height: 157px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; padding-top: 10px; } @media (min-width: 768px) { .paragraph--icon-cards-wrapper .icon-cards-container .card-carousel.slick-initialized .slick-slide:first-child { margin-left: 90px; } } .paragraph--icon-cards-wrapper .icon-cards-container .card-carousel__item { display: block !important; text-align: center; } .paragraph--icon-cards-wrapper .icon-cards-container .card-carousel__item .icon_card--content { margin-top: 10px; } .paragraph--icon-cards-wrapper .icon-cards-container .card-carousel__item .icon_card--title { margin-top: 0; } .paragraph--icon-cards-wrapper .icon-cards-container .card-carousel__item .icon_card--title h4 { font-size: 22px; font-family: "Nestle-Text-Book"; color: #30261d; text-transform: none; margin-top: 15px; } .paragraph--icon-cards-wrapper .slick-list { padding-left: 0; } .paragraph--icon-cards-wrapper .slick-list:before { background: -webkit-gradient( linear, right top, left top, color-stop(75%, #f6f5f4), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(to left, #f6f5f4 75%, rgba(255, 255, 255, 0)); width: 70px; right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); content: ""; display: block; position: absolute; top: -2px; bottom: -2px; z-index: 1; } @media (max-width: 767px) { .paragraph--icon-cards-wrapper .slick-list:before { width: 10%; left: -30px; } } .paragraph--icon-cards-wrapper .slick-list:after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, #f6f5f4), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(to right, #f6f5f4 75%, rgba(255, 255, 255, 0)); width: 70px; right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); content: ""; display: block; position: absolute; top: -2px; bottom: -2px; z-index: 1; } @media (max-width: 1023px) { .paragraph--icon-cards-wrapper .slick-list:after { width: 10%; right: -20px; } } .paragraph--icon-cards-wrapper .icon_card__content.color-dark-oak .quick-link__icon { fill: #30261d !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-oak .quick-link__icon { fill: #63513d !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-85-oak .quick-link__icon { fill: #8a7969 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-30-oak .quick-link__icon { fill: #d1cbc5 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-15-oak .quick-link__icon { fill: #e8e5e2 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-5-oak .quick-link__icon { fill: #f6f5f4 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-white .quick-link__icon { fill: #ffffff !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-blue .quick-link__icon { fill: #007cba !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-teal .quick-link__icon { fill: #00818f !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-green .quick-link__icon { fill: #2e8025 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-orange .quick-link__icon { fill: #d64123 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-red .quick-link__icon { fill: #ca003d !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-pink .quick-link__icon { fill: #a50064 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-purple .quick-link__icon { fill: #8f4899 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-purple-alt .quick-link__icon { fill: #6f2277 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-annual-red .quick-link__icon { fill: #ce0037 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-annual-pink .quick-link__icon { fill: #c6007e !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-annual-teal .quick-link__icon { fill: #007681 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-annual-yellow .quick-link__icon { fill: #eaaa00 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-annual-brown .quick-link__icon { fill: #774212 !important; } .paragraph--icon-cards-wrapper .icon_card__content.color-annual-purple .quick-link__icon { fill: #ac4fc6 !important; } .paragraph--icon-cards-wrapper .slick-arrow { top: 38%; } .paragraph--icon-cards-wrapper .da-vinci-code-button--primary { background-color: #007cba; color: white; border: none; } .custom-box { display: none; } .block-careers-keyword-country-filter, .block-careers-keyword-career-area-filter { background-color: #a50064; color: white !important; padding: 2.1875rem 3.125rem; border-radius: 15px; margin-top: -202px; margin-bottom: 40px; } @media (max-width: 767px) { .block-careers-keyword-country-filter, .block-careers-keyword-career-area-filter { margin-top: -13.875rem; } } @media (max-width: 1023px) { .block-careers-keyword-country-filter, .block-careers-keyword-career-area-filter { width: 100vw; position: relative; left: calc(-50vw + 50%); border-radius: 0 35px 0 0; } } .block-careers-keyword-country-filter .block-title, .block-careers-keyword-career-area-filter .block-title { text-align: center; font-family: Nestle-Text-Bold; font-size: 1.625rem; margin-bottom: 1.5rem; } @media (max-width: 767px) { .block-careers-keyword-country-filter .block-title, .block-careers-keyword-career-area-filter .block-title { font-size: 1rem; } } .block-careers-keyword-country-filter label, .block-careers-keyword-career-area-filter label { color: white; } .block-careers-keyword-country-filter button, .block-careers-keyword-career-area-filter button { background-color: #ffffff; border-color: #ffffff; color: #007cba; padding-bottom: 5px; padding-top: 5px; margin-right: 10px; min-height: 37px; font-family: Nestle-Text-Book; } .block-careers-keyword-country-filter button:hover, .block-careers-keyword-career-area-filter button:hover { background-color: #cce5f1; border-color: #cce5f1; color: #007cba; } .block-careers-keyword-country-filter button:focus, .block-careers-keyword-career-area-filter button:focus { background-color: #cce5f1; border-color: #cce5f1; color: #007cba; } .block-careers-keyword-country-filter button:active, .block-careers-keyword-career-area-filter button:active { background-color: #cce5f1; border-color: #cce5f1; color: #007cba; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } .block-careers-keyword-country-filter button:active:focus, .block-careers-keyword-career-area-filter button:active:focus { background-color: #cce5f1; border-color: #cce5f1; color: #007cba; } .block-careers-keyword-country-filter button span, .block-careers-keyword-career-area-filter button span { width: 1.25rem; height: 1.25rem; background: url(./Search-Icon-blue.svg) no-repeat; background-size: 100%; top: 0; vertical-align: text-bottom; margin-left: 0; margin-right: 0.625rem; } .block-careers-keyword-country-filter button .glyphicon-search:before, .block-careers-keyword-career-area-filter button .glyphicon-search:before { content: ""; } @media (max-width: 767px) { .block-careers-keyword-country-filter button, .block-careers-keyword-career-area-filter button { width: 100%; } } .block-careers-keyword-country-filter .form-item, .block-careers-keyword-career-area-filter .form-item { float: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1rem; display: block; width: 35%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 767px) { .block-careers-keyword-country-filter .form-item, .block-careers-keyword-career-area-filter .form-item { width: 100%; } } .block-careers-keyword-country-filter .form-item select, .block-careers-keyword-career-area-filter .form-item select { width: 100%; height: 2.25rem; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; } .block-careers-keyword-country-filter .form-item select:focus, .block-careers-keyword-career-area-filter .form-item select:focus { outline: 2px solid currentColor; } .block-careers-keyword-country-filter .form-item .input-group, .block-careers-keyword-career-area-filter .form-item .input-group { width: 96%; } @media (max-width: 767px) { .block-careers-keyword-country-filter .form-item .input-group, .block-careers-keyword-career-area-filter .form-item .input-group { width: 100%; } } .block-careers-keyword-country-filter .form-item .input-group .form-autocomplete.form-text, .block-careers-keyword-career-area-filter .form-item .input-group .form-autocomplete.form-text { border-radius: 0; } .block-careers-keyword-country-filter .form-item .input-group .input-group-addon .glyphicon, .block-careers-keyword-career-area-filter .form-item .input-group .input-group-addon .glyphicon { opacity: 1; } @media (max-width: 767px) { .block-careers-keyword-country-filter .form-item .input-group .input-group-addon .glyphicon, .block-careers-keyword-career-area-filter .form-item .input-group .input-group-addon .glyphicon { right: 0; } } .block-careers-keyword-country-filter .form-item .input-group input, .block-careers-keyword-career-area-filter .form-item .input-group input { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #d1cbc5; height: 2.25rem; border-radius: 2px; } .block-careers-keyword-country-filter .form-item .input-group input::-ms-clear, .block-careers-keyword-career-area-filter .form-item .input-group input::-ms-clear { display: none; } .block-careers-keyword-country-filter .form-item .input-group input::-webkit-input-placeholder, .block-careers-keyword-career-area-filter .form-item .input-group input::-webkit-input-placeholder { color: #30261d; } .block-careers-keyword-country-filter .form-item .input-group input::-moz-placeholder, .block-careers-keyword-career-area-filter .form-item .input-group input::-moz-placeholder { color: #30261d; } .block-careers-keyword-country-filter .form-item .input-group input:-ms-input-placeholder, .block-careers-keyword-career-area-filter .form-item .input-group input:-ms-input-placeholder { color: #30261d; } .block-careers-keyword-country-filter .form-item .input-group input::-ms-input-placeholder, .block-careers-keyword-career-area-filter .form-item .input-group input::-ms-input-placeholder { color: #30261d; } .block-careers-keyword-country-filter .form-item .input-group input::placeholder, .block-careers-keyword-career-area-filter .form-item .input-group input::placeholder { color: #30261d; } .block-careers-keyword-country-filter .form-item .input-group input:focus, .block-careers-keyword-career-area-filter .form-item .input-group input:focus { outline: 2px solid currentColor; } .block-careers-keyword-country-filter .form--inline, .block-careers-keyword-career-area-filter .form--inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } @media (max-width: 767px) { .block-careers-keyword-country-filter .form--inline, .block-careers-keyword-career-area-filter .form--inline { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .block-careers-keyword-country-filter .form--inline .select-wrapper, .block-careers-keyword-career-area-filter .form--inline .select-wrapper { width: 96%; } @media (max-width: 767px) { .block-careers-keyword-country-filter .form--inline .select-wrapper, .block-careers-keyword-career-area-filter .form--inline .select-wrapper { width: 100%; } } .block-careers-keyword-country-filter .form-actions, .block-careers-keyword-career-area-filter .form-actions { float: none; padding-top: 23px; } @media (max-width: 767px) { .block-careers-keyword-country-filter .form-actions, .block-careers-keyword-career-area-filter .form-actions { padding-top: 15px; } } .block-careers-keyword-country-filter .input-group-addon, .block-careers-keyword-career-area-filter .input-group-addon { background: #ffffff; border: none; border-radius: 0; } .block-careers-keyword-country-filter .input-group-addon .glyphicon, .block-careers-keyword-career-area-filter .input-group-addon .glyphicon { right: -10px; } .block-careers-keyword-country-filter .form-control.ui-autocomplete-input, .block-careers-keyword-career-area-filter .form-control.ui-autocomplete-input { border: none; } .block-careers-keyword-country-filter .bef-exposed-form .form--inline > .form-item, .block-careers-keyword-career-area-filter .bef-exposed-form .form--inline > .form-item { float: none; } @media (max-width: 767px) { .page-node-type-dsu-component-page .page-header--hero .page-header__outside { padding-top: 0; } } .open-video-modal { overflow: hidden; } #cboxWrapper { background: transparent; overflow: visible; position: relative; top: 4%; } @media (max-width: 1023px) { #cboxWrapper { top: 5%; } } #cboxContent { overflow: visible; background: unset; } @media (min-width: 768px) and (max-width: 1023px) { #cboxLoadedContent { height: 900px; } } @media (max-width: 767px) { #cboxLoadedContent { height: 600px; } } #cboxLoadedContent .video-embed-field-provider-youtube { position: relative; height: 100%; overflow: hidden; } #cboxOverlay { background-color: #1e1e1e; } #cboxOverlay, #colorbox { overflow: visible; z-index: 99999999999; } @media (max-width: 1023px) { #colorbox { top: 0 !important; } } #cboxClose { right: -28px; top: -34px; background: url(./icon-x.png) 10px 10px no-repeat; background-size: 16px 16px; background-position: center center; background-color: rgba(30, 30, 30, 0.6); border-radius: 100%; width: 44px; height: 44px; text-indent: -9999px; } @media (min-width: 768px) and (max-width: 1023px) { #cboxClose { right: -15px; top: -47px; background-position: 12px 12px; width: 40px; height: 40px; } } @media (max-width: 767px) { #cboxClose { top: -42px; right: -15px; } } #cboxClose:hover { background-position: center center; } #cboxClose:focus { outline: none; -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.8); box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.8); } .video-embed-field-responsive-video iframe { width: calc(100% - 30px); margin: 0 auto; } @media (max-width: 1023px) { .video-embed-field-responsive-video iframe { width: calc(100% - 48px); } } .paragraph .embedded-entity .field--name-field-media-video-embed-field img { width: 100%; margin-bottom: -0.4375em; } .paragraph--type--ln-c-box-expandable h1, .paragraph--type--ln-c-box-expandable h2, .paragraph--type--ln-c-box-expandable h3 { font-family: "Nestle-Text-Light"; } .paragraph--type--ln-c-box-expandable .field--name-field-color-box-expandable-title { font-size: 20.8px; } @media (max-width: 974px) { .paragraph--type--ln-c-box-expandable .field--name-field-color-box-expandable-title { font-size: 19.2px; } } .paragraph--type--ln-c-box-expandable .paragraph--type--dsu-c-cta-button .field--name-field-cta-button-url a::before { color: inherit !important; } .paragraph--type--ln-c-box-expandable .field--type-video-embed-field { position: relative; } @media (max-width: 768px) { .paragraph--type--ln-c-box-expandable .colorbox--container-item .field--name-field-c-text { padding-left: 0; } } .colorboxHeight { height: auto !important; } .paragraph--type--ln-c-entityslider { position: relative; padding-bottom: 40px; margin-bottom: 40px; } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider { padding-bottom: 0; margin-bottom: 50px; } } .paragraph--type--ln-c-entityslider::after { content: ""; display: none; position: absolute; bottom: 0; height: 2px; background: #e8e5e2; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider::after { display: block; left: 20px; right: 20px; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider::after { display: block; left: 45px; right: 45px; } } .paragraph--type--ln-c-entityslider .slick__arrow { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: auto; left: -12.5%; right: -12.5%; } div[class*="paragraph--type--layout-"]:not(.paragraph--type--layout-columns-1) .paragraph--type--ln-c-entityslider .slick__arrow { left: 0; right: 0; } .paragraph--type--ln-c-entityslider .slick-dotted.slick-slider { margin-bottom: 0; } .paragraph--type--ln-c-entityslider .field--type-video-embed-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .paragraph--type--ln-c-entityslider .banner-description { padding-bottom: 30px; width: 80%; margin: 0 auto 0 auto; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider .banner-description { padding-bottom: 25px; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider .banner-description { padding-bottom: 35px; } } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider .banner-description { width: 100%; margin: 0; } } @media screen and (min-width: 1920px) { .paragraph--type--ln-c-entityslider .banner-description { max-width: 1200px; } } .paragraph--type--ln-c-entityslider .teaser-cta-button { padding-bottom: 25px; text-align: center; } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider .teaser-cta-button { padding-bottom: 35px; } } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider .teaser-cta-button { padding-bottom: 30px; } } .paragraph--type--ln-c-entityslider .teaser-cta-button-item { display: inline-block; text-transform: uppercase; font-size: 0.8125rem; } .paragraph--type--ln-c-entityslider .teaser-cta-button-item .da-vinci-code-icon { display: inline-block; font-size: 1rem; vertical-align: middle; top: -0.2em; margin-left: 0.4em; } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider--white .teaser-cta-button-item, .paragraph--type--ln-c-entityslider:not([class*="entityslider--"]) .teaser-cta-button-item { color: #007cba; } } .paragraph--type--ln-c-entityslider .field--name-field-teaser-video-url { position: relative; margin-top: 0; } .paragraph--type--ln-c-entityslider .field--name-field-cta-button-url { display: inline-block; } @media (max-width: 1024px) { .paragraph--type--ln-c-entityslider .field--name-field-cta-button-url a { padding: 8px; } } .paragraph--type--ln-c-entityslider .paragraph--type--dsu-c-cta-button { padding-bottom: 1rem; margin: 0; } .paragraph--type--ln-c-entityslider .video-embed-field-lazy { height: 100%; } .paragraph--type--ln-c-entityslider .video-embed-field-lazy img { height: 100%; } .paragraph--type--ln-c-entityslider .video-embed-field-launch-modal { height: 100%; } .paragraph--type--ln-c-entityslider.entityslider-caption-right button.slick-next { border-radius: 0 7px 7px 0; } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right button.slick-next { right: -44px; } } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right button.slick-next { right: -36px; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right button.slick-prev { border-radius: 7px 0 0 7px; } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right button.slick-prev { left: -44px; } } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right button.slick-prev { left: -36px; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick-dots { display: none !important; } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick-slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; height: inherit !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .paragraph--type--ln-c-entityslider.entityslider-caption-right img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right img { height: auto !important; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .field--type-video-embed-field { width: 50%; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .field--type-video-embed-field { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .field--type-video-embed-field { width: 100%; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item:focus { outline: 0; } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item .slider-caption { border-radius: 0 20px 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 6rem; width: 50%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item .slider-caption p { font-size: 16px; } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item .slider-caption h3, .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item .slider-caption h4 { font-size: 30px; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item .slider-caption { width: 100%; padding-bottom: 5rem; height: auto; border-radius: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item .slider-caption { width: 100%; padding-bottom: 5rem; height: auto; border-radius: 0; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item .field--name-field-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 50%; background-color: #f6f5f4; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item .field--name-field-image { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item .field--name-field-image { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item > a { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item > a { width: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item > a { width: 100%; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick-dots { max-width: 25%; right: 0; bottom: 20px; width: auto; padding: 13px 16px 13px 20px; } @media (max-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick-dots { max-width: 100%; width: 100%; bottom: 0; text-align: right; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick__arrow { left: -64px; right: -64px; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick__arrow { left: 0; right: 0; top: 25%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick__arrow { left: 0; right: 0; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick-number-status { position: absolute; border-top: 2px solid rgba(0, 0, 0, 0.2); text-align: center; max-width: 50%; right: calc(6% - 20px); bottom: 10px; width: 43%; display: block; padding: 13px 16px 0 20px; } @media (max-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick-number-status { max-width: 90%; width: 90%; bottom: 0; text-align: center; left: 5%; padding-bottom: 10px; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .slick-number-status .slick-number-status-active { font-weight: bold; } .paragraph--type--ln-c-entityslider.entityslider-caption-right a.entity-slider__title_link { display: block; font-size: 16px; } .paragraph--type--ln-c-entityslider.entityslider-caption-right a.entity-slider__more-link { display: inline-block; text-transform: uppercase; margin-top: 20px; font-size: 13px; padding-bottom: 40px; margin-bottom: -40px; } .paragraph--type--ln-c-entityslider.entityslider-caption-right a.entity-slider__more-link:hover span.arrow-next { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider-caption-right .field--name-field-image img { min-height: 417px; } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-right .field--name-field-image img { min-height: initial; } } .paragraph--type--ln-c-entityslider.entityslider-caption-right .field--name-field-image--fallback { background-position: center center; background-size: cover; min-height: 417px; } .paragraph--type--ln-c-entityslider.entityslider-caption-right .field--name-field-image--fallback img { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .paragraph--type--ln-c-entityslider.entityslider-caption-right span.ext { margin-left: 10px; } .paragraph--type--ln-c-entityslider.entityslider-caption-right span.arrow-next { content: ""; background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow.svg); background-position: center center; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin-left: 12px; top: 50%; background-size: 1.833em 1.833em; margin-top: -0.2em; } .paragraph--type--ln-c-entityslider.entityslider-caption-bottom button.slick-next { border-radius: 0 7px 7px 0; } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-bottom button.slick-next { right: -44px; } } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-bottom button.slick-next { right: -36px; } } .paragraph--type--ln-c-entityslider.entityslider-caption-bottom button.slick-prev { border-radius: 7px 0 0 7px; } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-bottom button.slick-prev { left: -44px; } } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-bottom button.slick-prev { left: -36px; } } .paragraph--type--ln-c-entityslider.entityslider-caption-bottom .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .paragraph--type--ln-c-entityslider.entityslider-caption-bottom .slick-slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; height: inherit !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .paragraph--type--ln-c-entityslider.entityslider-caption-bottom .slick__arrow { left: -64px; right: -64px; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-caption-bottom .slick__arrow { left: 0; right: 0; top: 25%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-caption-bottom .slick__arrow { left: 0; right: 0; } } .paragraph--type--ln-c-entityslider.entityslider-caption-bottom .slide-item a:focus { outline: 0; } .paragraph--type--ln-c-entityslider.entityslider-caption-bottom .slick-dots { margin-top: 10px; } .paragraph--type--ln-c-entityslider.entityslider-caption-bottom .slider-caption { text-align: left; height: 100%; } .paragraph--type--ln-c-entityslider.entityslider-caption-bottom .slider-caption p:last-child { padding-bottom: 24px; } .paragraph--type--ln-c-entityslider.entityslider-banner .banner-description { font-size: 17.6px; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-banner .banner-description { font-size: 16px; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-banner .banner-description { font-size: 20px; } } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-banner .banner-description { font-size: 26px; } } .paragraph--type--ln-c-entityslider.entityslider-banner .slick-list { width: 100%; } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slick-slide div[class^="color-library-"] .slider-caption { color: #ffffff; } } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-banner .paragraph--type--dsu-c-cta-button { padding-bottom: 0; } } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-banner .video-embed-field-lazy-play { z-index: 1; top: 44%; } } .paragraph--type--ln-c-entityslider.entityslider-banner .video-embed-field-provider-youtube { max-height: 480px; } .paragraph--type--ln-c-entityslider.entityslider-banner .banner-subtitle { font-family: "Nestle-Text-Light"; font-weight: 200; text-transform: uppercase; line-height: 1.2; } .paragraph--type--ln-c-entityslider.entityslider-banner .twiddly { position: relative; } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-banner .twiddly { position: absolute; top: -1px; right: -1px; left: -1px; height: 60px; width: 100.5%; background: url(./twiddly.png) top left/100% no-repeat; z-index: 1; display: none; } } .paragraph--type--ln-c-entityslider.entityslider-banner .slide-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .paragraph--type--ln-c-entityslider.entityslider-banner .slide-item:hover img { opacity: 1; } .paragraph--type--ln-c-entityslider.entityslider-banner .node--view-mode--entityslider-banner { position: relative; width: 100%; } .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption { position: absolute; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 100%; max-width: 100%; bottom: 0; word-wrap: break-word; font-size: 16px; line-height: 1.5; padding-top: 10em; padding-bottom: 54px; } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption { position: relative; max-width: 100%; border-radius: 0; padding: 40px 45px 15px; text-align: center; } } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption { position: relative; max-width: 100%; border-radius: 0; padding: 35px 35px 15px; text-align: center; } } .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption h2 { margin-bottom: 0px; line-height: 1.1em; font-family: "Nestle-Text-Bold"; font-size: 45px; padding-bottom: 15px; } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption h2 { padding-bottom: 25px; font-size: 40px; } } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption h2 { padding-bottom: 20px; font-size: 24px; } } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption h2 { width: 80%; margin: 0 auto; } } @media (min-width: 1920px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption h2 { font-size: 65px; max-width: 1200px; } } .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption a { font-family: "Nestle-Text-Bold"; } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption a { color: #ffffff; } } .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption p { font-size: 17.6px; line-height: 1.5; margin-bottom: 0; font-family: "Nestle-Text-Book"; } @media (min-width: 1920px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption p { font-size: 24.64px; } } .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption .text-link { color: #0072ad; text-transform: uppercase; font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption .text-link { color: white; } } .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption .text-link svg { margin-left: 10px; -webkit-transition: 0.3s -webkit-transform ease; transition: 0.3s -webkit-transform ease; transition: 0.3s transform ease; transition: 0.3s transform ease, 0.3s -webkit-transform ease; } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption .text-link svg #arrow { fill: white; } } .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption .text-link:hover svg { -webkit-transform: translateX(3px); transform: translateX(3px); } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-banner .paragraph--type--dsu-c-cta-button { padding-bottom: 0; } } .paragraph--type--ln-c-entityslider.entityslider-banner .slick__arrow { left: 0; right: 0; } .paragraph--type--ln-c-entityslider.entityslider-banner .play-video { text-transform: uppercase; padding-bottom: 20px; position: relative; } .paragraph--type--ln-c-entityslider.entityslider-banner .play-video:after { position: absolute; content: ""; margin-left: 0.4em; top: 5px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .paragraph--type--ln-c-entityslider.entityslider-banner .banner-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .paragraph--type--ln-c-entityslider.entityslider-banner .banner-wrapper .field--name-field-cta-button-url .banner-without-video { display: none; } .paragraph--type--ln-c-entityslider.entityslider-banner .banner-wrapper a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .paragraph--type--ln-c-entityslider.entityslider-banner .banner-wrapper a .field--name-field-teaser-video-url { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .paragraph--type--ln-c-entityslider.entityslider-banner .banner-wrapper a .field--name-field-teaser-video-url > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .paragraph--type--ln-c-entityslider.entityslider-banner .banner-wrapper a .field--name-field-teaser-video-url img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider .entityslider-image-desktop { display: none; } } .paragraph--type--ln-c-entityslider .entityslider-image-mobile { display: none; } @media (max-width: 1023px) { .paragraph--type--ln-c-entityslider .entityslider-image-mobile { display: block; } } .paragraph--type--ln-c-entityslider .slider-caption { padding: 2em 2em 4.5em; display: block; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider .slider-caption { padding: 1.25em 1.25em 3.125em; } } .paragraph--type--ln-c-entityslider .slider-caption p { padding: 0; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider .slider-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--ln-c-entityslider .slider-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .paragraph--type--ln-c-entityslider img { width: 100%; height: 100%; } .paragraph--type--ln-c-entityslider .visually-hidden { display: none; } .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next { -webkit-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.3); } .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next:hover { -webkit-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.5); } .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev { -webkit-box-shadow: -3px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: -3px 2px 5px rgba(0, 0, 0, 0.3); } .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev:hover { -webkit-box-shadow: -3px 2px 5px rgba(0, 0, 0, 0.5); box-shadow: -3px 2px 5px rgba(0, 0, 0, 0.5); } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider .slick__arrow button.slick-prev { background-color: #ffffff; background-image: url(./carousel--blue-left.svg); } } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider .slick__arrow button.slick-next { background-color: #ffffff; background-image: url(./carousel--blue-right.svg); } } .paragraph--type--ln-c-entityslider .slide-item { height: 100%; } .paragraph--type--ln-c-entityslider .slide-item > a:focus { outline: 0; } .paragraph--type--ln-c-entityslider .slide-item > a:hover img { opacity: 0.9; } .paragraph--type--ln-c-entityslider .slick-dots { bottom: 20px; } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider .slick-dots { bottom: 40px; } } @media (min-width: 1024px) { .paragraph--type--ln-c-entityslider.entityslider-banner .slick-dots button { background: rgba(255, 255, 255, 0.2); border-color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider-banner .slick-dots button:hover { background-color: rgba(255, 255, 255, 0.6); border-color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider-banner .slick-dots li.slick-active button, .paragraph--type--ln-c-entityslider.entityslider-banner .slick-dots button[aria-selected="true"] { border-color: #ffffff; background: #ffffff; } } .paragraph--type--ln-c-entityslider .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } .paragraph--type--ln-c-entityslider .slick-slide .field--type-image { position: relative; overflow: hidden; } .paragraph--type--ln-c-entityslider .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .paragraph--type--ln-c-entityslider .slick-slide > div > .slick__slide { height: 100%; } .paragraph--type--ln-c-entityslider .slick-slide > div > .slick__slide .slick-container { height: 100%; } .paragraph--type--ln-c-entityslider .slick-slide > div .slick__slide { height: 100%; } .paragraph--type--ln-c-entityslider .slick-slide > .slick-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .paragraph--type--ln-c-entityslider .slick-slide .slick__slide { width: 100%; } .paragraph--type--ln-c-entityslider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text.hide-title .title-bottom-text { display: none; } .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .field--type-video-embed-field { background-color: transparent; } .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .banner-wrapper img { display: block; margin-bottom: 20px; width: 100%; height: auto; } .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .slick-slide { position: relative; display: block; -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .slide-item { height: auto; } .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .banner-bottom-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; margin: auto auto; text-align: left; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .banner-bottom-wrapper h4 { font-size: 12px; } } .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .banner-bottom-wrapper .field--name-field-carousel-image img { display: block; margin: auto auto; text-align: center; width: auto; height: auto; max-height: 200px; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .banner-bottom-wrapper .col-thumb-image { display: none; } } .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .banner-bottom-wrapper .col-description { border-left: 1px solid #000000; padding: 0 0 0 10px; } @media (max-width: 767px) { .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .banner-bottom-wrapper .col-description { border-left: none; } .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .banner-bottom-wrapper .col-description p { font-size: 12px; } } .paragraph--type--ln-c-entityslider.entityslider-banner-bottom-text .no-thumb-image .banner-bottom-wrapper .col-description { border-left: 0; padding: 0; width: 100%; } .slider-caption { background-color: #f6f5f4; color: #34220d; } .entityslider-banner:not([class*="color-library-"]) .slider-caption { background-color: #ffffff; color: #30261d; } .slider-caption a { color: inherit; } .slider-caption a:focus { outline: 0; } .paragraph--type--ln-c-entityslider.entityslider--dark-oak .field--type-image { background: black; } .paragraph--type--ln-c-entityslider.entityslider--dark-oak .slider-caption { background: #30261d; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--dark-oak .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--dark-oak.entityslider-banner-bottom-text .title-bottom-text { color: #30261d; } .paragraph--type--ln-c-entityslider.entityslider--dark-oak.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--dark-oak.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--dark-oak.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--dark-oak.entityslider-caption-right .slide-item .field--name-field-image { background: #30261d; } .paragraph--type--ln-c-entityslider.entityslider--oak .field--type-image { background: rgb(35.8875, 29.3625, 22.1125); } .paragraph--type--ln-c-entityslider.entityslider--oak .slider-caption { background: #63513d; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--oak .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--oak.entityslider-banner-bottom-text .title-bottom-text { color: #63513d; } .paragraph--type--ln-c-entityslider.entityslider--oak.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--oak.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--oak.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--oak.entityslider-caption-right .slide-item .field--name-field-image { background: #63513d; } .paragraph--type--ln-c-entityslider.entityslider--85-oak .field--type-image { background: rgb(80.0740740741, 70.2098765432, 60.9259259259); } .paragraph--type--ln-c-entityslider.entityslider--85-oak .slider-caption { background: #8a7969; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--85-oak .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--85-oak.entityslider-banner-bottom-text .title-bottom-text { color: #8a7969; } .paragraph--type--ln-c-entityslider.entityslider--85-oak.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--85-oak.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--85-oak.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--85-oak.entityslider-caption-right .slide-item .field--name-field-image { background: #8a7969; } .paragraph--type--ln-c-entityslider.entityslider--30-oak .field--type-image { background: rgb(163.8846153846, 152, 140.1153846154); } .paragraph--type--ln-c-entityslider.entityslider--30-oak .slider-caption { background: #d1cbc5; color: #34220d; } .paragraph--type--ln-c-entityslider.entityslider--30-oak .slick-number-status { color: #34220d; } .paragraph--type--ln-c-entityslider.entityslider--30-oak.entityslider-banner-bottom-text .title-bottom-text { color: #d1cbc5; } .paragraph--type--ln-c-entityslider.entityslider--30-oak.entityslider-caption-right .entity-slider__more-link { color: #007cba !important; } .paragraph--type--ln-c-entityslider.entityslider--15-oak .field--type-image { background: rgb(186.8846153846, 178, 169.1153846154); } .paragraph--type--ln-c-entityslider.entityslider--15-oak .slider-caption { background: #e8e5e2; color: #34220d; } .paragraph--type--ln-c-entityslider.entityslider--15-oak .slick-number-status { color: #34220d; } .paragraph--type--ln-c-entityslider.entityslider--15-oak.entityslider-banner-bottom-text .title-bottom-text { color: #e8e5e2; } .paragraph--type--ln-c-entityslider.entityslider--15-oak.entityslider-caption-right .entity-slider__more-link { color: #007cba !important; } .paragraph--type--ln-c-entityslider.entityslider--5-oak .field--type-image { background: rgb(200.1, 194, 187.9); } .paragraph--type--ln-c-entityslider.entityslider--5-oak .slider-caption { background: #f6f5f4; color: #34220d; } .paragraph--type--ln-c-entityslider.entityslider--5-oak .slick-number-status { color: #34220d; } .paragraph--type--ln-c-entityslider.entityslider--5-oak.entityslider-banner-bottom-text .title-bottom-text { color: #f6f5f4; } .paragraph--type--ln-c-entityslider.entityslider--5-oak.entityslider-caption-right .entity-slider__more-link { color: #007cba !important; } .paragraph--type--ln-c-entityslider.entityslider--white .field--type-image { background: #cccccc; } .paragraph--type--ln-c-entityslider.entityslider--white .slider-caption { background: #ffffff; color: #34220d; } .paragraph--type--ln-c-entityslider.entityslider--white .slick-number-status { color: #34220d; } .paragraph--type--ln-c-entityslider.entityslider--white.entityslider-banner-bottom-text .title-bottom-text { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--white.entityslider-caption-right .entity-slider__more-link { color: #007cba !important; } .paragraph--type--ln-c-entityslider.entityslider--blue .field--type-image { background: #003854; } .paragraph--type--ln-c-entityslider.entityslider--blue .slider-caption { background: #007cba; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--blue .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--blue.entityslider-banner-bottom-text .title-bottom-text { color: #007cba; } .paragraph--type--ln-c-entityslider.entityslider--blue.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--blue.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--blue.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--blue.entityslider-caption-right .slide-item .field--name-field-image { background: #007cba; } .paragraph--type--ln-c-entityslider.entityslider--teal .field--type-image { background: rgb(0, 36.986013986, 41); } .paragraph--type--ln-c-entityslider.entityslider--teal .slider-caption { background: #00818f; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--teal .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--teal.entityslider-banner-bottom-text .title-bottom-text { color: #00818f; } .paragraph--type--ln-c-entityslider.entityslider--teal.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--teal.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--teal.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--teal.entityslider-caption-right .slide-item .field--name-field-image { background: #00818f; } .paragraph--type--ln-c-entityslider.entityslider--green .field--type-image { background: rgb(17.5636363636, 48.8727272727, 14.1272727273); } .paragraph--type--ln-c-entityslider.entityslider--green .slider-caption { background: #2e8025; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--green .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--green.entityslider-banner-bottom-text .title-bottom-text { color: #2e8025; } .paragraph--type--ln-c-entityslider.entityslider--green.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--green.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--green.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--green.entityslider-caption-right .slide-item .field--name-field-image { background: #2e8025; } .paragraph--type--ln-c-entityslider.entityslider--orange .field--type-image { background: rgb(126.3373493976, 38.3734939759, 20.6626506024); } .paragraph--type--ln-c-entityslider.entityslider--orange .slider-caption { background: #d64123; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--orange .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--orange.entityslider-banner-bottom-text .title-bottom-text { color: #d64123; } .paragraph--type--ln-c-entityslider.entityslider--orange.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--orange.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--orange.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--orange.entityslider-caption-right .slide-item .field--name-field-image { background: #d64123; } .paragraph--type--ln-c-entityslider.entityslider--red .field--type-image { background: rgb(100, 0, 30.198019802); } .paragraph--type--ln-c-entityslider.entityslider--red .slider-caption { background: #ca003d; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--red .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--red.entityslider-banner-bottom-text .title-bottom-text { color: #ca003d; } .paragraph--type--ln-c-entityslider.entityslider--red.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--red.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--red.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--red.entityslider-caption-right .slide-item .field--name-field-image { background: #ca003d; } .paragraph--type--ln-c-entityslider.entityslider--pink .field--type-image { background: rgb(63, 0, 38.1818181818); } .paragraph--type--ln-c-entityslider.entityslider--pink .slider-caption { background: #a50064; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--pink .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--pink.entityslider-banner-bottom-text .title-bottom-text { color: #a50064; } .paragraph--type--ln-c-entityslider.entityslider--pink.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--pink.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--pink.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--pink.entityslider-caption-right .slide-item .field--name-field-image { background: #a50064; } .paragraph--type--ln-c-entityslider.entityslider--purple .field--type-image { background: rgb(78.1733333333, 39.36, 83.64); } .paragraph--type--ln-c-entityslider.entityslider--purple .slider-caption { background: #8f4899; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--purple .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--purple.entityslider-banner-bottom-text .title-bottom-text { color: #8f4899; } .paragraph--type--ln-c-entityslider.entityslider--purple.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--purple.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--purple.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--purple.entityslider-caption-right .slide-item .field--name-field-image { background: #8f4899; } .paragraph--type--ln-c-entityslider.entityslider--purple-alt .field--type-image { background: rgb(37, 11.3333333333, 39.6666666667); } .paragraph--type--ln-c-entityslider.entityslider--purple-alt .slider-caption { background: #6f2277; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--purple-alt .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--purple-alt.entityslider-banner-bottom-text .title-bottom-text { color: #6f2277; } .paragraph--type--ln-c-entityslider.entityslider--purple-alt.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--purple-alt.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--purple-alt.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--purple-alt.entityslider-caption-right .slide-item .field--name-field-image { background: #6f2277; } .paragraph--type--ln-c-entityslider.entityslider--annual-red .field--type-image { background: rgb(104, 0, 27.7669902913); } .paragraph--type--ln-c-entityslider.entityslider--annual-red .slider-caption { background: #ce0037; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-red .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-red.entityslider-banner-bottom-text .title-bottom-text { color: #ce0037; } .paragraph--type--ln-c-entityslider.entityslider--annual-red.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-red.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--annual-red.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-red.entityslider-caption-right .slide-item .field--name-field-image { background: #ce0037; } .paragraph--type--ln-c-entityslider.entityslider--annual-pink .field--type-image { background: rgb(96, 0, 61.0909090909); } .paragraph--type--ln-c-entityslider.entityslider--annual-pink .slider-caption { background: #c6007e; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-pink .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-pink.entityslider-banner-bottom-text .title-bottom-text { color: #c6007e; } .paragraph--type--ln-c-entityslider.entityslider--annual-pink.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-pink.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--annual-pink.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-pink.entityslider-caption-right .slide-item .field--name-field-image { background: #c6007e; } .paragraph--type--ln-c-entityslider.entityslider--annual-teal .field--type-image { background: rgb(0, 24.6976744186, 27); } .paragraph--type--ln-c-entityslider.entityslider--annual-teal .slider-caption { background: #007681; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-teal .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-teal.entityslider-banner-bottom-text .title-bottom-text { color: #007681; } .paragraph--type--ln-c-entityslider.entityslider--annual-teal.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-teal.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--annual-teal.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-teal.entityslider-caption-right .slide-item .field--name-field-image { background: #007681; } .paragraph--type--ln-c-entityslider.entityslider--annual-yellow .field--type-image { background: rgb(132, 95.8974358974, 0); } .paragraph--type--ln-c-entityslider.entityslider--annual-yellow .slider-caption { background: #eaaa00; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-yellow .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-yellow.entityslider-banner-bottom-text .title-bottom-text { color: #eaaa00; } .paragraph--type--ln-c-entityslider.entityslider--annual-yellow.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-yellow.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--annual-yellow.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-yellow.entityslider-caption-right .slide-item .field--name-field-image { background: #eaaa00; } .paragraph--type--ln-c-entityslider.entityslider--annual-brown .field--type-image { background: rgb(30.401459854, 16.8613138686, 4.598540146); } .paragraph--type--ln-c-entityslider.entityslider--annual-brown .slider-caption { background: #774212; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-brown .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-brown.entityslider-banner-bottom-text .title-bottom-text { color: #774212; } .paragraph--type--ln-c-entityslider.entityslider--annual-brown.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-brown.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--annual-brown.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-brown.entityslider-caption-right .slide-item .field--name-field-image { background: #774212; } .paragraph--type--ln-c-entityslider.entityslider--annual-purple .field--type-image { background: rgb(112.660944206, 42.8111587983, 132.1888412017); } .paragraph--type--ln-c-entityslider.entityslider--annual-purple .slider-caption { background: #ac4fc6; color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-purple .slick-number-status { color: #ffffff; } .paragraph--type--ln-c-entityslider.entityslider--annual-purple.entityslider-banner-bottom-text .title-bottom-text { color: #ac4fc6; } .paragraph--type--ln-c-entityslider.entityslider--annual-purple.entityslider-caption-right span.arrow-next { -webkit-transform: translateX(0); transform: translateX(0); background-image: url(/themes/custom/da_vinci_code/css/../images/pager-arrow--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-purple.entityslider-caption-right span.arrow-next:hover { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--ln-c-entityslider.entityslider--annual-purple.entityslider-caption-right span.ext { background-image: url(./icon-external--white.svg); } .paragraph--type--ln-c-entityslider.entityslider--annual-purple.entityslider-caption-right .slide-item .field--name-field-image { background: #ac4fc6; } .paragraph--type--layout-columns-1 .paragraph--type--ln-c-entityslider.entityslider-banner { width: 100%; } div[class*="paragraph--type--layout"] .paragraph--type--ln-c-entityslider { margin-bottom: 0; } div[class*="paragraph--type--layout"]:not(.paragraph--type--layout-columns-1) .paragraph--type--ln-c-entityslider.entityslider-banner { margin: 0 auto; width: 100%; } div[class*="paragraph--type--layout"]:not(.paragraph--type--layout-columns-1) .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption { position: relative; height: 100%; max-width: 100%; border-radius: 0; } @media (min-width: 1024px) { div[class*="paragraph--type--layout"]:not(.paragraph--type--layout-columns-1) .paragraph--type--ln-c-entityslider.entityslider-banner .slider-caption { padding: 32px; } } div[class*="paragraph--type--layout"]:not(.paragraph--type--layout-columns-1) .paragraph--type--ln-c-entityslider .slick, div[class*="paragraph--type--layout"]:not(.paragraph--type--layout-columns-1) .paragraph--type--ln-c-entityslider .slick__slide { height: 100%; overflow: hidden; } div[class*="paragraph--type--layout"]:not(.paragraph--type--layout-columns-1) .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } div[class*="paragraph--type--layout"]:not(.paragraph--type--layout-columns-1) .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item .slider-caption, div[class*="paragraph--type--layout"]:not(.paragraph--type--layout-columns-1) .paragraph--type--ln-c-entityslider.entityslider-caption-right .slide-item > a { width: 100%; } @media (min-width: 1024px) { .field--name-field-ln-n-components > .field--item > .entityslider-banner .field--type-image, .paragraph--type--layout-columns-1 .entityslider-banner .field--type-image, .field--name-field-terms-components > .field--item > .entityslider-banner .field--type-image { background: #000; } .field--name-field-ln-n-components > .field--item > .entityslider-banner .slider-caption, .paragraph--type--layout-columns-1 .entityslider-banner .slider-caption, .field--name-field-terms-components > .field--item > .entityslider-banner .slider-caption { background: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent) ); background: linear-gradient( to top, rgba(0, 0, 0, 0.8) 0%, transparent 100% ); text-align: center; color: #ffffff; height: auto; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.333), 0 0 4px rgba(0, 0, 0, 0.333); } } .field--name-field-ln-n-components > .field--item > .entityslider-banner .banner-description p, .paragraph--type--layout-columns-1 .entityslider-banner .banner-description p, .field--name-field-terms-components > .field--item > .entityslider-banner .banner-description p { font-size: inherit; } .paragraph--type--c-spacer .line-short, .paragraph--type--c-spacer .line-fullwidth { height: 0; border-top: 1px solid #eeeeee; margin: 2rem auto; clear: both; } .paragraph--type--c-spacer .line-short { width: 80%; } @-webkit-keyframes bounceInBottom { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 73% { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInBottom { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 73% { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .flickr-slideshow { margin-bottom: 1.22%; } @media (max-width: 1023px) { .flickr-slideshow { width: 100%; } } @media (min-width: 1024px) { .flickr-slideshow.centre-aligned .component-paragraph-field { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-name: bounceInBottom; animation-name: bounceInBottom; } } .flickr-slideshow .return-to-top, .flickr-slideshow .skip-slideshow { display: block; color: #63513d; font-size: 11px; text-decoration: underline; position: absolute; cursor: pointer; } @media (min-width: 1024px) { .flickr-slideshow .return-to-top, .flickr-slideshow .skip-slideshow { display: none; } } .flickr-slideshow .return-to-top { top: 18px; left: 32px; } @media screen and (max-width: 820px) { .flickr-slideshow .return-to-top { top: 60px; } } .flickr-slideshow .skip-slideshow { bottom: 60px; left: 32px; } .flickr-slideshow .mouse-scroll { position: absolute; top: 20px; left: calc(50% - 35px); width: 18px; height: 32px; border: 1px solid #777777; border-radius: 11px; display: inline-block; } @media (max-width: 1023px) { .flickr-slideshow .mouse-scroll { display: none; } } .flickr-slideshow .mouse-scroll::before { content: ""; display: block; margin: 0.375em auto 0; width: 0.25em; height: 0.25em; border-radius: 0.125em; background: #777777; -webkit-animation: scrollIndicator 1.333s linear infinite; animation: scrollIndicator 1.333s linear infinite; } .flickr-slideshow .flickr-slideshow-title { padding-bottom: 30px; -webkit-transition: ease-in 0.5s display; transition: ease-in 0.5s display; } @media (max-width: 1023px) { .flickr-slideshow .flickr-slideshow-title { width: 80%; margin: 0 auto; } } .flickr-slideshow .flickr-slideshow-title h4 { font-family: "Nestle-Text-Book"; line-height: 1.25; margin-bottom: 0; padding-bottom: 30px; color: #63513d; } .flickr-slideshow .flickr-slideshow-title h2 { margin-top: 1em; position: relative; } .flickr-slideshow .flickr-slideshow-title h2::before { content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 1px; background: currentcolor; z-index: 0; } .flickr-slideshow .flickr-slideshow-title h2 span { background: #ffffff; display: inline-block; position: relative; z-index: 1; padding-right: 40px; margin-right: 40%; } @media (max-width: 767px) { .flickr-slideshow .flickr-slideshow-title h2 span { padding-right: 0.625rem; } } @media (min-width: 768px) and (max-width: 1023px) { .flickr-slideshow .flickr-slideshow-title h2 span { padding-right: 1.25rem; } } .flickr-slideshow .flickr-slideshow-body { -webkit-transition: ease-in 0.5s display; transition: ease-in 0.5s display; } @media (max-width: 1023px) { .flickr-slideshow .flickr-slideshow-body { padding: 0 15px; } } @media (max-width: 768px) { .flickr-slideshow .flickr-slideshow-body { width: 80%; margin: 0 auto; padding: 0; } } @media (max-width: 1023px) { .flickr-slideshow .component-paragraph-field { width: 100%; } } .flickr-slideshow .flickr-slideshow-for { background: #f4f4f5; border-radius: 0 20px 20px 0; border-radius: 20px; position: relative; } @media (max-width: 1023px) { .flickr-slideshow .flickr-slideshow-for { padding: 75px 50px 75px 100px; border-radius: 0; } } @media screen and (max-width: 820px) { .flickr-slideshow .flickr-slideshow-for { padding: 110px 37px 110px 100px; height: 100vh; } } @media (max-width: 768px) { .flickr-slideshow .flickr-slideshow-for { padding: 110px 37px 110px 62px; } } @media (min-width: 1024px) { .flickr-slideshow .flickr-slideshow-for { min-height: 345px; padding: 75px 50px 75px 100px; } } @media screen and (min-width: 1280px) { .flickr-slideshow .flickr-slideshow-for { min-height: 562px; } } @media screen and (min-width: 1920px) { .flickr-slideshow .flickr-slideshow-for { padding: 90px 50px 90px 104px; min-height: 636px; } } @media (min-width: 1024px) { .flickr-slideshow .flickr-slideshow-for .slick-list { min-height: 345px; } } .flickr-slideshow .flickr-slideshow-for .slick-slider { -ms-touch-action: auto; touch-action: auto; scroll-behavior: smooth; } .flickr-slideshow .flickr-slideshow-for .slick-slider .slick-slide img { margin-top: 0; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; display: none; } @media (max-width: 1023px) { .flickr-slideshow .flickr-slideshow-for .slick-slider .slick-slide img { padding-top: 0; } } @media (max-width: 768px) { .flickr-slideshow .flickr-slideshow-for .slick-slider .slick-slide img { display: block; max-height: 320px; width: auto; margin: auto; -o-object-fit: contain; object-fit: contain; } } .flickr-slideshow .flickr-slideshow-for .slick-slider .slick-slide img:hover { opacity: 0.9; } @media (max-width: 768px) { .flickr-slideshow .slick-track, .flickr-slideshow .slick-list { height: calc(100vh - 220px) !important; } } .flickr-slideshow .flickr-main-slideshow-item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .flickr-slideshow .flickr-main-slideshow-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 1024px) and (max-width: 1200px) { .flickr-slideshow .flickr-main-slideshow-item { height: 375px; overflow: hidden; } } .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image-link { width: 100%; } @media (min-width: 1024px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image-link { min-width: 315px; } } @media screen and (min-width: 1280px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image-link { min-width: 550px; } } @media screen and (min-width: 1920px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image-link { min-width: 810px; } } .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-info-wrapper { margin: 0; } @media (max-width: 1023px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-info-wrapper { margin-top: 20px; } } @media (min-width: 1024px) and (max-width: 1200px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-info-wrapper { overflow-y: scroll; height: 340px; } } @media (min-width: 1024px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-info-wrapper { width: calc(100% - 40px); margin-left: 40px; } } .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image { width: 100%; margin: 0 auto; height: 155px; background-repeat: no-repeat; background-position: center; background-size: contain; } @media (max-width: 768px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image { height: auto; } } @media (min-width: 768px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image { height: 300px; } } @media (min-width: 1024px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image { height: 375px; } } @media screen and (min-width: 1280px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image { height: 412px; } } @media screen and (min-width: 1920px) { .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image { height: 456px; } } .flickr-slideshow .slideshow-item-info-wrapper { margin: 3rem 2rem; width: 50%; } @media (max-width: 1023px) { .flickr-slideshow .slideshow-item-info-wrapper { width: auto; margin-bottom: 3rem; } } .flickr-slideshow .slideshow-item-title { margin-bottom: 1.875rem; text-align: left; font-family: "Nestle-Text-Light"; font-size: 1.625rem; font-weight: 200; line-height: 1.38; color: #63513d; } @media screen and (min-width: 1280px) { .flickr-slideshow .slideshow-item-title { font-size: 1.875rem; line-height: 1.26; margin-bottom: 1.25rem; } } @media screen and (min-width: 1920px) { .flickr-slideshow .slideshow-item-title { font-size: 1.875rem; line-height: 1.2; margin-bottom: 1.875rem; } } .flickr-slideshow .slideshow-item-title.mobile-only { display: block; } @media (min-width: 1024px) { .flickr-slideshow .slideshow-item-title.mobile-only { display: none; } } .flickr-slideshow .slideshow-item-title.desktop-only { display: none; } @media (min-width: 1024px) { .flickr-slideshow .slideshow-item-title.desktop-only { display: block; } } .flickr-slideshow .slideshow-item-description { text-align: left; font-size: 16px; color: #555555; line-height: 1.6rem; color: #63513d; } .flickr-slideshow .slideshow-item-text-link { position: relative; display: inline-block; margin-top: 1rem; line-height: 1.19; font-size: 15px; } .flickr-slideshow .slideshow-item-text-link::after { content: ""; background: url(/themes/custom/da_vinci_code/css/../images/icon-external.svg) right center no-repeat; background-size: 12px 12px; height: 1rem; width: 1rem; padding-right: 0; margin-bottom: 0.25rem; position: absolute; bottom: 2px; right: -25px; } .flickr-slideshow .slick-vertical .slick-slide { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; } @media (max-width: 820px) { .flickr-slideshow .slick-vertical .slick-slide { height: calc(100vh - 50px); padding-bottom: 50px; } } @media (max-width: 768px) { .flickr-slideshow .slick-vertical .slick-slide { overflow-y: scroll; scroll-behavior: smooth; height: calc(100vh - 220px); padding-bottom: 25px; } } .flickr-slideshow .slick-vertical .slick-slide > div.bottom-shadow::after { content: ""; position: sticky; bottom: -5px; width: 100%; height: 60px; display: block; z-index: 2; background: -webkit-gradient( linear, left top, left bottom, from(rgba(246, 245, 244, 0.2)), to(rgb(246, 245, 244)) ); background: linear-gradient( to bottom, rgba(246, 245, 244, 0.2) 0%, rgb(246, 245, 244) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33f6f5f4",endColorstr="#f6f5f4",GradientType=0); } .flickr-slideshow .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; bottom: 10px; } .flickr-slideshow .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .flickr-slideshow .slick-dots li button { font-size: 0; width: 12px; height: 12px; line-height: 0; display: block; padding: 5px; cursor: pointer; color: transparent; border: 0; background: transparent; border: 2px solid #c4c4c4; border-radius: 100%; } .flickr-slideshow .slick-dots li button:hover { background-color: #494950; opacity: 0.75; } .flickr-slideshow .slick-dots li button:focus { outline: 0; } .flickr-slideshow .slick-dots li.slick-active button { background-color: #a7a8af; } .flickr-slideshow .slick-dots li button:before { display: none; } .flickr-slideshow .slick-arrow { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; background-size: auto 30px; } .flickr-slideshow .slick-arrow.btn-prev { width: 50px; height: 50px; -webkit-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.3); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.3); left: -75px; top: 50%; border-radius: 50%; background-size: auto 30px; -webkit-transform: rotate(90deg) translateX(-94px); transform: rotate(90deg) translateX(-94px); } @media screen and (min-width: 1920px) { .flickr-slideshow .slick-arrow.btn-prev { -webkit-transform: rotate(90deg) translateX(-93px); transform: rotate(90deg) translateX(-93px); } } @media (max-width: 768px) { .flickr-slideshow .slick-arrow.btn-prev { width: 25px; height: 25px; left: -43px; background-size: auto 15px; -webkit-transform: rotate(90deg) translateX(-38px); transform: rotate(90deg) translateX(-38px); } } .flickr-slideshow .slick-arrow.btn-prev:hover { -webkit-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.5); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.5); } .flickr-slideshow .slick-arrow.btn-prev::before { content: ""; display: block; width: 6px; height: 6px; background: #8a7969; opacity: 0.2; border-radius: 50%; position: absolute; left: 68px; top: 22px; } @media (max-width: 768px) { .flickr-slideshow .slick-arrow.btn-prev::before { top: 10px; left: 46px; } } .flickr-slideshow .slick-arrow.btn-prev::after { content: ""; display: block; width: 6px; height: 6px; background: #8a7969; opacity: 0.2; border-radius: 50%; position: absolute; left: 91px; top: 22px; } @media (max-width: 768px) { .flickr-slideshow .slick-arrow.btn-prev::after { top: 10px; left: 70px; } } .flickr-slideshow .slick-arrow.btn-next { width: 50px; height: 50px; -webkit-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.3); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.3); left: -75px; bottom: 50%; border-radius: 0 7px 7px 0; border-radius: 50%; background-size: auto 30px; -webkit-transform: rotate(90deg) translateX(94px); transform: rotate(90deg) translateX(94px); } @media screen and (min-width: 1920px) { .flickr-slideshow .slick-arrow.btn-next { -webkit-transform: rotate(90deg) translateX(99px); transform: rotate(90deg) translateX(99px); } } @media (max-width: 768px) { .flickr-slideshow .slick-arrow.btn-next { width: 25px; height: 25px; left: -43px; background-size: auto 15px; -webkit-transform: rotate(90deg) translateX(104px); transform: rotate(90deg) translateX(104px); } } .flickr-slideshow .slick-arrow.btn-next:hover { -webkit-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.5); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.5); } .flickr-slideshow .slick-arrow.btn-next::before { content: ""; display: block; width: 6px; height: 6px; background: #8a7969; opacity: 0.2; border-radius: 50%; position: absolute; left: -23px; top: 22px; } @media (max-width: 768px) { .flickr-slideshow .slick-arrow.btn-next::before { top: 10px; } } .flickr-slideshow .slick-arrow.btn-prev { background-color: #ffffff; background-image: url(./carousel--blue-left.svg); } .flickr-slideshow .slick-arrow.btn-next { background-color: #ffffff; background-image: url(./carousel--blue-right.svg); } .flickr-slideshow .slick-number-status { position: absolute; border-top: 2px solid rgba(0, 0, 0, 0.2); text-align: left; right: 0; margin-right: 2rem; margin-bottom: 5px; width: 47.5%; display: none; padding: 5px 16px 0 0; width: 100%; margin: 0; bottom: 0; background: #f4f4f5; } @media (min-width: 1024px) { .flickr-slideshow .slick-number-status { width: calc(100% - 355px); } } @media screen and (max-width: 820px) { .flickr-slideshow .slick-number-status { bottom: 145px; } } @media (max-width: 768px) { .flickr-slideshow .slick-number-status { bottom: -9px; } } @media screen and (min-width: 1280px) { .flickr-slideshow .slick-number-status { width: calc(100% - 590px); } } @media screen and (min-width: 1920px) { .flickr-slideshow .slick-number-status { width: calc(100% - 850px); } } .flickr-slideshow .flickr-slideshow-nav { background: #d3d4d5; width: 47.4%; padding: 5px 10% 0; } @media (max-width: 1023px) { .flickr-slideshow .flickr-slideshow-nav { display: none; } } .flickr-slideshow .flickr-slideshow-nav .slick-slide { margin: 5px 3px; text-align: center; } .flickr-slideshow .flickr-slideshow-nav .slick-slide .slideshow-item-image-thumbnail { height: 24px; width: 31px; overflow: hidden; max-width: 100%; max-height: 100%; } .flickr-slideshow .flickr-slideshow-nav .slick-slide img { width: 100%; opacity: 0.4; display: block !important; } .flickr-slideshow .flickr-slideshow-nav .slick-slide img:hover { opacity: 1; cursor: pointer; } .flickr-slideshow .flickr-slideshow-nav .slick-slide img:focus { outline: 0; } .flickr-slideshow .flickr-slideshow-nav .slick-slide.slick-current img { opacity: 1; } .flickr-slideshow .flickr-slideshow-nav .slideshow-item-image-thumbnail:focus, .flickr-slideshow .flickr-slideshow-nav .flickr-thumbnail-slideshow-item:focus, .flickr-slideshow .flickr-slideshow-nav .slick-slide:focus { outline: 0; } body.is-safari .flickr-slideshow { -webkit-overflow-scrolling: touch; } @media (max-width: 768px) { body.is-safari .flickr-slideshow .flickr-slideshow-for .slick-slider .slick-slide img { width: 100%; height: 100%; } } @media (min-width: 1024px) { .element-sticky--wrapper { height: auto !important; margin-bottom: unset !important; } } .overflow-hidden { overflow: hidden; -ms-touch-action: none; touch-action: none; } .story-content__body .flickr-slideshow { width: 100%; } .story-content__body .flickr-slideshow .flickr-main-slideshow { height: auto; } .story-content__body .flickr-slideshow .flickr-slideshow-title { padding: 0 15px; } .story-content__body .flickr-slideshow .flickr-slideshow-body { padding: 0 15px; } .story-content__body .flickr-slideshow .component-paragraph-field { width: 100%; } .story-content__body .flickr-slideshow .flickr-slideshow-for { border-radius: 0; } .story-content__body .flickr-slideshow .flickr-slideshow-for .slick-slider .slick-slide img { padding-top: 0; } .story-content__body .flickr-slideshow .flickr-main-slideshow-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .story-content__body .flickr-slideshow .flickr-main-slideshow-item .slideshow-item-image-link { width: 100%; } .story-content__body .flickr-slideshow .slideshow-item-info-wrapper { width: auto; margin-bottom: 3rem; } .story-content__body .flickr-slideshow .slick-slide.slick-active > div:first-child { width: 100% !important; } .story-content__body .flickr-slideshow .slick-arrow { top: 187px; } @media (max-width: 1023px) { .story-content__body .flickr-slideshow .slick-arrow { top: 170px; } } .story-content__body .flickr-slideshow .slick-arrow.btn-next { right: 0; background-color: #494950; opacity: 0.9; border-radius: 7px 0 0 7px; } .story-content__body .flickr-slideshow .slick-arrow.btn-prev { left: 0; background-color: #494950; opacity: 0.9; border-radius: 0 7px 7px 0; } .story-content__body .flickr-slideshow .slick-number-status { max-width: 90%; width: 90%; bottom: 0; text-align: center; left: 5%; padding-bottom: 10px; top: unset !important; } .flickr-slideshow-cv { margin-top: 1.22%; margin-bottom: 1.22%; margin-left: auto; margin-right: auto; background: #f4f4f5; color: #000000; padding: 30px 0; text-align: center; width: 100%; } @media (min-width: 1024px) { .flickr-slideshow-cv { width: 80%; border-radius: 20px; padding: 30px 60px; } } .flickr-slideshow-cv .component-paragraph-field { width: 100%; } .flickr-slideshow-cv .flickr-slideshow-title h4 { font-family: "Nestle-Text-Book"; line-height: 1.25; margin-bottom: 0; padding-bottom: 32px; color: #63513d; } .flickr-slideshow-cv .flickr-slideshow-for .slick-list { width: 100%; margin: auto; padding: 50px 10% 0; } @media (min-width: 1024px) { .flickr-slideshow-cv .flickr-slideshow-for .slick-list { padding: 0; } } .flickr-slideshow-cv .flickr-slideshow-for .slick-list::before, .flickr-slideshow-cv .flickr-slideshow-for .slick-list::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 1.25rem; background: -webkit-gradient( linear, left top, right top, color-stop(25%, #f6f5f4), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(to right, #f6f5f4 25%, rgba(255, 255, 255, 0)); z-index: 2; } @media (min-width: 768px) and (max-width: 1023px) { .flickr-slideshow-cv .flickr-slideshow-for .slick-list::before, .flickr-slideshow-cv .flickr-slideshow-for .slick-list::after { width: 2.8125rem; } } @media (min-width: 1024px) { .flickr-slideshow-cv .flickr-slideshow-for .slick-list::before, .flickr-slideshow-cv .flickr-slideshow-for .slick-list::after { display: none; } } .flickr-slideshow-cv .flickr-slideshow-for .slick-list::before { left: 0; } .flickr-slideshow-cv .flickr-slideshow-for .slick-list::after { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .flickr-slideshow-cv .flickr-slideshow-for .slick-slider { background: #f4f4f5; padding-bottom: 40px; } .flickr-slideshow-cv .flickr-slideshow-for .slick-slider .slick-slide img { margin-top: 2em; max-height: 365px; } @media (max-width: 1023px) { .flickr-slideshow-cv .flickr-slideshow-for .slick-slider .slick-slide img { padding-top: 0; margin-top: 0; width: 100%; -o-object-fit: cover; object-fit: cover; } } .flickr-slideshow-cv .flickr-slideshow-for .slick-slider .slick-slide img:hover { opacity: 0.9; } .flickr-slideshow-cv .flickr-main-slideshow-item { padding-left: 0.625rem; padding-right: 0.625rem; } .flickr-slideshow-cv .flickr-main-slideshow-item .slideshow-item-image { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flickr-slideshow-cv .flickr-main-slideshow-item .slideshow-item-image .image-external-icon { content: ""; background: url(/themes/custom/da_vinci_code/css/../images/icon-external-white.svg) right center no-repeat; background-size: 14px 14px; height: 1rem; width: 1rem; padding-right: 0; margin-bottom: 0.25rem; position: absolute; bottom: 2px; right: 18px; } @media (max-width: 1023px) { .flickr-slideshow-cv .flickr-main-slideshow-item .slideshow-item-image { width: 100%; } } .flickr-slideshow-cv .flickr-main-slideshow-item .slideshow-item-image.disable-link-to-flickr::after { content: none; } .flickr-slideshow-cv .slideshow-item-info-wrapper { margin: 3rem 2rem; } .flickr-slideshow-cv .slideshow-item-title { margin-bottom: 1.5rem; padding: 5px 10px; text-align: left; font-family: "Nestle-Text-Light"; font-size: 16px; font-weight: 200; line-height: 1.25rem; background-color: #ffffff; color: #000000; } .flickr-slideshow-cv .slideshow-item-description { text-align: center; font-size: 16px; color: #555555; line-height: 1.25rem; } .flickr-slideshow-cv .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; bottom: 10px; } .flickr-slideshow-cv .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .flickr-slideshow-cv .slick-dots li button { font-size: 0; width: 12px; height: 12px; line-height: 0; display: block; padding: 5px; cursor: pointer; color: transparent; border: 0; background: #a7a8af; border: none; border-radius: 100%; } .flickr-slideshow-cv .slick-dots li button:hover { background-color: #000000; opacity: 0.75; } .flickr-slideshow-cv .slick-dots li button:focus { outline: 0; } .flickr-slideshow-cv .slick-dots li.slick-active button { background-color: #000000; border: none; } .flickr-slideshow-cv .slick-dots li button:before { display: none; } .flickr-slideshow-cv .slick-arrow { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; z-index: 1; } .flickr-slideshow-cv .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; } .flickr-slideshow-cv .slick-arrow.btn-next { right: 0; } @media (min-width: 1024px) { .flickr-slideshow-cv .slick-arrow.btn-next { background-color: transparent !important; right: -60px; } } .flickr-slideshow-cv .slick-arrow.btn-prev { left: 0; } @media (min-width: 1024px) { .flickr-slideshow-cv .slick-arrow.btn-prev { background-color: transparent !important; left: -60px; } } @media (min-width: 1024px) { .flickr-slideshow-cv .slick-arrow.btn-prev { background-color: #ffffff; background-image: url(./carousel--blue-left.svg); } } @media (min-width: 1024px) { .flickr-slideshow-cv .slick-arrow.btn-next { background-color: #ffffff; background-image: url(./carousel--blue-right.svg); } } #flickrcontainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #flickrcontainer strong { color: #007cba; } #flickrimagecontainer .photo-display-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 24px; margin-left: -12px; } @media (max-width: 1023px) { #flickrimagecontainer .photo-display-container { padding-bottom: 16px; } } #flickrimagecontainer .photo-display-item { padding: 16px 0 0 12px; } @media (max-width: 767px) { #flickrimagecontainer .photo-display-item { padding: 16px 0 0 12px; width: 200px; } } @media (max-width: 767px) and (orientation: landscape) { #flickrimagecontainer .photo-display-item { width: 33.33333%; } } @media (min-width: 768px) { #flickrimagecontainer .photo-display-item { width: 25%; } } @media (min-width: 1024px) { #flickrimagecontainer .photo-display-item { width: 20%; } } @media screen and (min-width: 1366px) { #flickrimagecontainer .photo-display-item { width: 16.66667%; } } #flickrimagecontainer .photo-display-item a { display: block; } #flickrimagecontainer .photo-display-item img { height: 100%; margin: 0 auto; min-width: 30px; width: 100%; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16); -webkit-transition: opacity 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, box-shadow 0.1s ease; transition: opacity 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } #flickrimagecontainer .photo-display-item img:hover { opacity: 0.9; } #flickrimagecontainer .photo-display-item img:active { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 0 rgba(0, 0, 0, 0.16); } #flickrimagecontainer #flickr-pagination { text-align: right; padding: 5px 0 5px 0; margin-top: 0; border-top: 1px solid #dee6ef; border-bottom: 1px solid #dee6ef; width: 100%; color: #63513d; margin-top: 5px; } #flickrimagecontainer #flickr-pagination #flickrCurrentpage, #flickrimagecontainer #flickr-pagination #flickrMaxPage { margin: 0 3px 0 3px; } #flickrimagecontainer #flickr-pagination .oflabel { margin-right: 3px; } #flickrimagecontainer #flickr-pagination .prevPage, #flickrimagecontainer #flickr-pagination .nextPage { line-height: 1.5; color: #0072ad; } #flickrimagecontainer #flickr-pagination .prevPage:hover, #flickrimagecontainer #flickr-pagination .nextPage:hover { color: rgb(0, 91.2, 138.4); } #flickrimagecontainer #flickr-pagination .prevPage > span, #flickrimagecontainer #flickr-pagination .nextPage > span { display: none; } #flickrimagecontainer .pagerer-container { max-width: none; } .search-results #no-result { display: block; padding-top: 5px; } @media (max-width: 767px) { .search-results .pager-bar { text-align: center; } } .search-results .pager-bar p { font-size: 0.813rem; line-height: 22px; padding-bottom: 0; margin-bottom: 25.6px; color: #30261d; font-family: "Nestle-Text-Book"; } .search-results .pager-bar span { font-size: 0.813rem; line-height: 22px; margin-right: 3px; color: #30261d; font-family: "Nestle-Text-Book"; } .search-results .pager-bar #to, .search-results .pager-bar #numberItem, .search-results .pager-bar #start { color: #30261d; font-family: "Nestle-Text-Bold"; } .search-results .searchInfo { margin-top: 8px; margin-bottom: 25px; } .search-results .searchInfo .mostRelevant, .search-results .searchInfo .lastUpdated { font-size: 13px; line-height: 1.5; color: #0072ad; cursor: pointer; } .search-results .searchInfo .mostRelevant:hover, .search-results .searchInfo .lastUpdated:hover { color: rgb(0, 91.2, 138.4); } .search-results .searchInfo .mostRelevant > span, .search-results .searchInfo .lastUpdated > span { display: none; } .search-results .searchInfo #mostRelevant { color: #006492; } .search-results .searchInfo #mostRelevant:hover { color: #006492; } .search-results .searchInfo span { font-size: 14.6px; margin-right: 0; } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine { padding: 10px 0 14px 0; } @media (min-width: 768px) and (max-width: 1023px) { .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine { padding-bottom: 0; } } @media (max-width: 767px) { .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine { padding-top: 0; padding-bottom: 0; } } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine label { font-size: 13px; margin: 0 5px 0 3px; line-height: 17px; color: #30261d; padding-left: 10px; } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine label.fieldset-selected { font-size: 0.813rem; line-height: 17px; font-family: "Nestle-Text-Bold"; } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine label.fieldset-selected:after { content: ""; display: block; margin: 0 auto; width: 88%; color: #30261d; padding-top: 5px; border-bottom: 2px solid #00807a; } @media (max-width: 767px) { .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine label { margin-left: 0; padding-left: 0; } } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine label:hover { color: rgb(0, 91.2, 138.4); } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine label.selected { color: #666666; cursor: default; } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine label.selected:hover { color: #666666; } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine .form-radios { display: -webkit-box; display: -ms-flexbox; display: flex; } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine .form-radios .form-type-radio:first-child { position: relative; padding-left: 0; margin: 0; padding-right: 15px; } @media (max-width: 767px) { .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine .form-radios .form-type-radio:first-child { padding-right: 20px; } } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine .form-radios .form-type-radio:first-child .control-label { padding-right: 10px; } @media (min-width: 768px) and (max-width: 1023px) { .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine .form-radios .form-type-radio:first-child .control-label { padding-left: 0; margin-left: 0; } } @media (max-width: 767px) { .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine .form-radios .form-type-radio:first-child .control-label { padding-right: 10px; } } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine .form-radios .form-type-radio:first-child:after { content: "|"; position: absolute; left: 100%; bottom: 2px; font-size: 19px; font-family: "Nestle-Text-Book"; color: #d1cbc5; } @media (max-width: 767px) { .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine .form-radios .form-type-radio:first-child:after { left: 98%; top: -3px; } } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine .form-radios .form-type-radio .label-hover { outline: -webkit-focus-ring-color auto 2px; } .views-exposed-form-global-search-global-search-block-all form #edit-sort-bef-combine .form-radios:nth-child(2) { margin-left: 10px; } .search-keyword-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 1em 0; } @media (max-width: 767px) { .search-keyword-wrapper { display: block; margin-bottom: 38px; } } .search-keyword-wrapper .form-item-keyword { width: 100%; position: relative; } .search-keyword-wrapper .form-item-keyword:after { content: " "; margin-top: 0; position: absolute; width: 27px; height: 26px; border: 0; mask-image: url(./Search-Icon.svg); -webkit-mask-image: url(./Search-Icon.svg); mask-position: center center; -webkit-mask-position: center center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; background-color: #63513d; mask-size: 27px 28px; -webkit-mask-size: 27px 28px; color: #ffffff; padding: 0.9em 0.7em; display: inline-block; z-index: 5; right: 8px; top: 50%; } .search-keyword-wrapper .form-item-keyword .input-group { display: block; } .search-keyword-wrapper .form-item-keyword .input-group-addon { display: none; } .search-keyword-wrapper .form-item-youtube-search { width: 100%; } .search-keyword-wrapper .form-item-youtube-search .input-group { display: block; } .search-keyword-wrapper .form-item-youtube-search .input-group-addon { display: none; } .search-keyword-wrapper .form-item-youtube-search input[type="text"] { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; color: #30261d; margin: 0; height: 58px; padding: 10px; border: 0; border-bottom: 1px solid #f4f4f5; font-size: inherit; min-width: 200px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-shadow: none; box-shadow: none; font-size: 0.813rem; } .search-keyword-wrapper .form-actions button { margin-right: 0; margin-left: 10px; } @media (max-width: 767px) { .search-keyword-wrapper .form-actions button { margin-left: 0; } } .search-keyword-wrapper .form-actions .icon { display: none; } .block-flickr-search-form-block { padding: 25.6px 25.6px 2px 25.6px; background: #f4f4f5; margin-left: auto; margin-right: auto; } .block-flickr-search, .block-youtube-quick-search { padding: 5px 25.6px 20px 25.6px; background: #f4f4f5; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .block-flickr-search #noresult, .block-youtube-quick-search #noresult { display: block; padding: 5px; background-color: #ffffff; color: #60646c; } .block-youtube-quick-search #noresult { background-color: transparent; } .block-youtube-quick-search .youtube-quick-search-block #noresult { margin-top: -28px; } .block-youtube-search-form { padding: 25.6px 25.6px 2px 25.6px; background: #f4f4f5; margin-left: auto; margin-right: auto; } .block-youtube-search-form p { padding: 20px 0; margin: 0; } .block-youtube-search-form .form-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 30px; } .block-youtube-search-form .form-actions.form-group { margin-bottom: 30px; } .block-youtube-search-form .form-actions button { height: 56px; } .block-youtube-search-form .search-keyword-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form .search-keyword-wrapper { background-color: #ffffff; padding: 0; border-bottom: 1px solid #63513d; } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form .search-keyword-wrapper .form-item-keyword { width: 100%; } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form .search-keyword-wrapper .form-item-keyword input[type="text"] { border: none; -webkit-box-shadow: none; box-shadow: none; } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form .search-keyword-wrapper .form-item-keyword input[type="text"]::-ms-clear, #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form .search-keyword-wrapper .form-item-keyword input[type="text"]::-ms-reveal { display: none; width: 0; height: 0; } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form .search-keyword-wrapper .form-item-keyword:after { content: none; } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form .search-keyword-wrapper .form-actions [id*="edit-submit-global-search"] { margin-top: 0; width: 40px; height: 40px; border: 0; mask-image: url(./Search-Icon.svg); -webkit-mask-image: url(./Search-Icon.svg); mask-position: center center; -webkit-mask-position: center center; display: inline-block; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; background-color: #63513d; mask-size: 27px 28px; -webkit-mask-size: 27px 28px; font-size: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; outline: none; color: #ffffff; text-align: center; text-transform: capitalize; display: inline-block; cursor: pointer; } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form .search-keyword-wrapper .form-actions [id*="edit-submit-global-search"]:active { mask-image: url(./Search-Icon-green.svg); -webkit-mask-image: url(./Search-Icon-green.svg); } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form .search-keyword-wrapper .form-actions [id*="edit-submit-global-search"]:focus { outline: -webkit-focus-ring-color auto 2px; } #block-da-vinci-code-exposedformglobal-searchglobal-search-block-all form .search-keyword-wrapper .focused-element { outline: 2px solid currentColor; outline-offset: -4px; border-radius: 2px; } .image-search-block-wrapper#flickrcontainer { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; } .image-search-block-wrapper#flickrcontainer .facet_selected_items { display: none; } .image-search-block-wrapper#flickrcontainer .facet_selected_items.show-pills { display: block; } .image-search-block-wrapper#flickrcontainer .flickr-size-filter-form button.form-submit { display: none; } .image-search-block-wrapper#flickrcontainer .facet-pills { display: none; } @media (min-width: 1024px) { .image-search-block-wrapper#flickrcontainer .facet-pills.show-pills { display: block; } } .image-search-block-wrapper#flickrcontainer .facet-pills.for-mobile-only { display: none; } @media (max-width: 1023px) { .image-search-block-wrapper#flickrcontainer .facet-pills.for-mobile-only.show-pills { display: block; } } .image-search-block-wrapper#flickrcontainer .photo-display-item { width: 20%; } @media (max-width: 767px) { .image-search-block-wrapper#flickrcontainer .photo-display-item { width: 50%; } } @media (min-width: 768px) and (max-width: 1023px) { .image-search-block-wrapper#flickrcontainer .photo-display-item { width: 50%; } } .image-search-block-wrapper#flickrcontainer .facet-reset.button { display: none; } .image-search-block-wrapper#flickrcontainer .facet-reset.button:hover { background-color: transparent; } .image-search-block-wrapper#flickrcontainer .facet-reset.button .icon.glyphicon.glyphicon-filter::before { display: none; } .image-search-block-wrapper#flickrcontainer .flickrimages { border-top: 1px solid #c4c4c4; } .image-search-block-wrapper#flickrcontainer .form-item-filter-image-size label.control-label { display: none; } .image-search-block-wrapper#flickrcontainer .form-item-filter-image-size .input-group { padding-bottom: 12px; width: 100%; } .image-search-block-wrapper#flickrcontainer .form-item-filter-image-size .input-group .form-select { border: 1px solid #333333; border-radius: 4px; background-image: url(./down-arrow-blue.svg); background-repeat: no-repeat; background-position: center right 10.5px; } .image-search-block-wrapper#flickrcontainer .form-item-filter-image-size .input-group .form-select option { background-color: #ffffff; } .image-search-block-wrapper#flickrcontainer .form-item-filter-image-size .input-group .input-group-addon { display: none; } .image-search-block-wrapper#flickrcontainer .exposed-side-filters .form-item { margin-bottom: 0; } @media (min-width: 768px) and (max-width: 1023px) { .image-search-block-wrapper#flickrcontainer .content-col { width: 100%; float: unset; } } @media (min-width: 768px) and (max-width: 1023px) { .image-search-block-wrapper#flickrcontainer .filter-col { width: auto; } } .flickr-search-form .block-title, .youtube-search-form .block-title { color: #333333; font-size: 2.25rem; line-height: 1.5rem; margin-bottom: 2rem; font-family: "Nestle-Text-Book"; font-weight: 400; } @media (max-width: 767px) { .flickr-search-form .block-title, .youtube-search-form .block-title { font-size: 1.125rem; margin-bottom: 1rem; } } .flickr-search-form form fieldset, .flickr-search-form form .input-group-addon, .flickr-search-form form .glyphicon-search, .youtube-search-form form fieldset, .youtube-search-form form .input-group-addon, .youtube-search-form form .glyphicon-search { display: none; } .flickr-search-form form .search-api-autocomplete-search, .youtube-search-form form .search-api-autocomplete-search { display: none !important; } .flickr-search-form form .form-inline, .youtube-search-form form .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; width: 65%; } @media (max-width: 767px) { .flickr-search-form form .form-inline, .youtube-search-form form .form-inline { width: 100%; } } .flickr-search-form form .form-inline .input-group, .youtube-search-form form .form-inline .input-group { display: block; } .flickr-search-form form .form-inline .form-item, .youtube-search-form form .form-inline .form-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; } .flickr-search-form form .form-inline .form-item-keyword, .youtube-search-form form .form-inline .form-item-keyword { position: relative; } .flickr-search-form form .form-inline .form-item-keyword #search-close, .youtube-search-form form .form-inline .form-item-keyword #search-close { position: absolute; top: 0.5rem; right: 0.625rem; z-index: 9; margin-top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; width: 2.25rem; height: 2.25rem; background-color: unset; background-image: url(./search_clear.svg); background-repeat: no-repeat; background-size: 1.875rem 1.25rem; background-position: center center; cursor: pointer; } .flickr-search-form form .form-inline .form-item-keyword #search-close:focus, .youtube-search-form form .form-inline .form-item-keyword #search-close:focus { outline: unset; } .flickr-search-form form .form-inline input[type="text"], .flickr-search-form form .form-inline input[type="search"], .youtube-search-form form .form-inline input[type="text"], .youtube-search-form form .form-inline input[type="search"] { width: 100%; font-size: 1.125rem; border-color: #333333; color: #333333; border-right-width: 0; padding: 0.9375rem 1rem; line-height: 1.5rem; } @media (max-width: 767px) { .flickr-search-form form .form-inline input[type="text"], .flickr-search-form form .form-inline input[type="search"], .youtube-search-form form .form-inline input[type="text"], .youtube-search-form form .form-inline input[type="search"] { padding: 0.75rem 1rem; font-size: 0.875rem; } } .flickr-search-form form .form-inline .form-actions, .youtube-search-form form .form-inline .form-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 767px) { .flickr-search-form form .form-inline .form-actions .btn-primary, .youtube-search-form form .form-inline .form-actions .btn-primary { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .flickr-search-form form .form-inline .btn.btn-primary, .youtube-search-form form .form-inline .btn.btn-primary { padding: 0.9375rem 1.5rem; font-size: 1.125rem; line-height: 1.5rem; -webkit-box-shadow: unset; box-shadow: unset; border-radius: unset; } @media (max-width: 767px) { .flickr-search-form form .form-inline .btn.btn-primary, .youtube-search-form form .form-inline .btn.btn-primary { padding: 0.75rem 1.5rem; font-size: 0.875rem; } } .flickr-search-form form .form-inline .form-actions .btn, .flickr-search-form form .form-inline .form-actions .btn-group, .youtube-search-form form .form-inline .form-actions .btn, .youtube-search-form form .form-inline .form-actions .btn-group { margin-right: 0; } .flickr-search-form form .form-actions button, .youtube-search-form form .form-actions button { margin: 0; height: auto; } @media (max-width: 767px) { .flickr-search-form form .form-inline, .youtube-search-form form .form-inline { margin-bottom: 1em; } } .flickr-search-form form .form-inline .form-type-search, .youtube-search-form form .form-inline .form-type-search { position: relative; } .flickr-search-form form .form-inline .form-type-search #search-close, .youtube-search-form form .form-inline .form-type-search #search-close { position: absolute; top: 0.5rem; right: 0.625rem; z-index: 9; margin-top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; width: 2.25rem; height: 2.25rem; background-color: unset; background-image: url(./search_clear.svg); background-repeat: no-repeat; background-size: 1.875rem 1.25rem; background-position: center center; cursor: pointer; } .flickr-search-form form .form-inline .form-type-search #search-close:focus, .youtube-search-form form .form-inline .form-type-search #search-close:focus { outline: unset; } @media (max-width: 767px) { .aboutusmediavideos .block-youtube-search-form { margin-bottom: 1.875rem; } } .block-brand-website-countries { width: 100%; } .block-brand-website-countries .website-selector-button-container { width: 80%; margin: auto; } @media (max-width: 767px) { .block-brand-website-countries .website-selector-button-container { width: 100%; padding: 0 44px; } } @media (min-width: 768px) and (max-width: 1023px) { .block-brand-website-countries .website-selector-button-container { width: 100%; padding: 0 80px; } } @media (max-width: 767px) { .block-brand-website-countries .website-selector-button { width: 100%; font-size: 14px; text-align: left; min-height: 44px; } } @media (max-width: 350px) { .block-brand-website-countries .website-selector-button { line-height: 2; min-width: 200px; } } .block-brand-website-countries .website-selector-container { background-color: #f6f5f4; color: #30261d; padding: 47px 0; } @media (min-width: 1440px) { .block-brand-website-countries .website-selector-container { padding: 47px 437px 47px 439px; } } @media (max-width: 767px) { .block-brand-website-countries .website-selector-container { padding: 44px; } } @media (min-width: 768px) and (max-width: 1023px) { .block-brand-website-countries .website-selector-container { padding: 47px 80px; } } .block-brand-website-countries .website-selector-container .website-selector-container-inner { max-width: 562px; margin: auto; } @media (max-width: 1023px) { .block-brand-website-countries .website-selector-container .website-selector-container-inner { width: 100%; max-width: 100%; } } .block-brand-website-countries .website-selector-container .website-selector-container-inner .block-title { line-height: 45px; font-size: 22px; font-weight: bolder; font-family: "Nestle-Text-Bold"; } @media (max-width: 767px) { .block-brand-website-countries .website-selector-container .website-selector-container-inner .block-title { font-size: 18px; line-height: 27px; } } .block-brand-website-countries .website-selector-container .website-selector-container-inner .website-selector-description { margin-bottom: 15px; font-size: 15px; } .block-brand-website-countries .website-selector-container .website-selector-container-inner .website-selector-results-title { text-transform: uppercase; font-size: 13px; margin: 10px 0; } @media (max-width: 1023px) { .block-brand-website-countries .website-selector-container .website-selector-container-inner .website-selector-results { max-width: 100%; } } .block-brand-website-countries .website-selector-container .website-selector-container-inner .website-selector-results .website-selector-results-reset { min-height: 17px; } .block-brand-website-countries .website-selector-container .website-selector-container-inner .website-selector-results .views-row .views-field-title a { padding-right: 50px; display: block; margin-top: 25px; } .block-brand-website-countries .website-selector-container .website-selector-container-inner .website-selector-results .views-row .views-field-title a::after { content: ""; display: block; position: absolute; top: 0; right: 15.35px; width: 25px; height: 25px; background: url(./icon-external--blue.svg) 90% 50% no-repeat; } .block-brand-website-countries .brand-select-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 21px; -webkit-appearance: none; } @media (max-width: 768px) { .block-brand-website-countries .brand-select-wrapper { width: 100%; } } .block-brand-website-countries .brand-select-wrapper .select-wrapper { position: relative; border: 1px solid #e6e2df; border-radius: 5px; width: 98%; overflow: hidden; } @media (max-width: 768px) { .block-brand-website-countries .brand-select-wrapper .select-wrapper { width: 100%; } } .block-brand-website-countries .brand-select-wrapper .select-wrapper::after { content: ""; border: solid #30261d; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; width: 12px; height: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); font-size: 1rem; top: 15px; right: 18px; position: absolute; pointer-events: none; } .block-brand-website-countries .brand-select-wrapper .select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 36px; border: none; padding-left: 13px; padding-right: 40px; font-size: 15px; outline: none; background-color: #ffffff; overflow: hidden; } .block-brand-website-countries .brand-select-wrapper .select-wrapper select option { background-color: #ffffff; line-height: 38px; } .block-brand-website-countries .brand-website-links-with-arrow { border-bottom: 1px solid #cccccc; display: inline-block; } @media (min-width: 768px) { .block-brand-website-countries .brand-website-links-with-arrow { min-width: 292px; } } @media (max-width: 768px) { .block-brand-website-countries .brand-website-links-with-arrow { display: block; } } .block-brand-website-countries .brand-website-links-with-arrow a { padding-right: 50px; display: block; margin-top: 25px; font-weight: bold; } .block-brand-website-countries .brand-website-links-with-arrow a::after { content: ""; display: block; position: absolute; top: 2px; right: 0; width: 15px; height: 15px; background: url(./external--bold--blue.svg) 90% 50% no-repeat; } .page-node-type-brand ul.ui-menu.ui-autocomplete.ui-widget-content .ui-menu-item { padding: 0; line-height: 38px; } .page-node-type-brand ul.ui-menu.ui-autocomplete.ui-widget-content .ui-menu-item .ui-menu-item-wrapper { width: 100%; display: inline-block; padding-left: 15px; } .page-node-type-brand ul.ui-menu.ui-autocomplete.ui-widget-content .ui-menu-item .ui-menu-item-wrapper .ui-state-active { background-color: #007cba; } .block-brand-website-countries-productinfo, .paragraph--type--brand-websites-product-info { margin: 50px 0; width: 100%; } @media (max-width: 1023px) { .block-brand-website-countries-productinfo, .paragraph--type--brand-websites-product-info { padding: 0 80px; } } @media (max-width: 767px) { .block-brand-website-countries-productinfo, .paragraph--type--brand-websites-product-info { padding: 0; } } .block-brand-website-countries-productinfo .website-selector-product-container, .paragraph--type--brand-websites-product-info .website-selector-product-container { margin: auto; color: #30261d; border-radius: 20px; -webkit-box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.16); box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.16); width: 756px; } @media (max-width: 1023px) { .block-brand-website-countries-productinfo .website-selector-product-container, .paragraph--type--brand-websites-product-info .website-selector-product-container { width: auto; } } @media (max-width: 736px) { .block-brand-website-countries-productinfo .website-selector-product-container, .paragraph--type--brand-websites-product-info .website-selector-product-container { width: auto; } } .block-brand-website-countries-productinfo .website-selector-product-container .website-selector-product-container-inner, .paragraph--type--brand-websites-product-info .website-selector-product-container .website-selector-product-container-inner { padding: 60px 97px; } @media (max-width: 767px) { .block-brand-website-countries-productinfo .website-selector-product-container .website-selector-product-container-inner, .paragraph--type--brand-websites-product-info .website-selector-product-container .website-selector-product-container-inner { padding: 35px 25px; } } .block-brand-website-countries-productinfo .website-selector-product-container .website-selector-product-container-inner .block-title, .paragraph--type--brand-websites-product-info .website-selector-product-container .website-selector-product-container-inner .block-title { line-height: 45px; font-size: 22px; font-weight: bolder; font-family: "Nestle-Text-Bold"; } @media (max-width: 767px) { .block-brand-website-countries-productinfo .website-selector-product-container .website-selector-product-container-inner .block-title, .paragraph--type--brand-websites-product-info .website-selector-product-container .website-selector-product-container-inner .block-title { font-size: 18px; line-height: 27px; } } .block-brand-website-countries-productinfo .website-selector-product-container .website-selector-product-container-inner .website-selector-product-description, .paragraph--type--brand-websites-product-info .website-selector-product-container .website-selector-product-container-inner .website-selector-product-description { margin-bottom: 15px; font-size: 15px; } .block-brand-website-countries-productinfo .website-selector-product-container .website-selector-product-container-inner .website-selector-results-title, .paragraph--type--brand-websites-product-info .website-selector-product-container .website-selector-product-container-inner .website-selector-results-title { text-transform: uppercase; font-size: 13px; margin: 10px 0; } .block-brand-website-countries-productinfo .website-selector-product-container .website-selector-product-container-inner .website-selector-results, .paragraph--type--brand-websites-product-info .website-selector-product-container .website-selector-product-container-inner .website-selector-results { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 403px; } @media (max-width: 1023px) { .block-brand-website-countries-productinfo .website-selector-product-container .website-selector-product-container-inner .website-selector-results, .paragraph--type--brand-websites-product-info .website-selector-product-container .website-selector-product-container-inner .website-selector-results { max-width: 100%; } } .block-brand-website-countries-productinfo .website-selector-product-container .website-selector-product-container-inner .website-selector-results .website-selector-results-reset, .paragraph--type--brand-websites-product-info .website-selector-product-container .website-selector-product-container-inner .website-selector-results .website-selector-results-reset { min-height: 17px; } .block-brand-website-countries-productinfo .brand-website-links-with-arrow-list, .paragraph--type--brand-websites-product-info .brand-website-links-with-arrow-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .block-brand-website-countries-productinfo .brand-website-links-with-arrow, .paragraph--type--brand-websites-product-info .brand-website-links-with-arrow { border-bottom: 1px solid #cccccc; display: inline-block; } @media (min-width: 768px) { .block-brand-website-countries-productinfo .brand-website-links-with-arrow, .paragraph--type--brand-websites-product-info .brand-website-links-with-arrow { min-width: 292px; } } @media (max-width: 768px) { .block-brand-website-countries-productinfo .brand-website-links-with-arrow, .paragraph--type--brand-websites-product-info .brand-website-links-with-arrow { display: block; } } .block-brand-website-countries-productinfo .brand-website-links-with-arrow a, .paragraph--type--brand-websites-product-info .brand-website-links-with-arrow a { padding-right: 50px; display: block; margin-top: 25px; font-weight: bold; } .block-brand-website-countries-productinfo .brand-website-links-with-arrow a::after, .paragraph--type--brand-websites-product-info .brand-website-links-with-arrow a::after { content: ""; display: block; position: absolute; bottom: 2px; right: 0; width: 15px; height: 15px; background: url(./icon-external--blue.svg) 90% 50% no-repeat; } .block-brand-website-countries-productinfo .brand-select-wrapper, .paragraph--type--brand-websites-product-info .brand-select-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 21px; -webkit-appearance: none; } @media (max-width: 768px) { .block-brand-website-countries-productinfo .brand-select-wrapper, .paragraph--type--brand-websites-product-info .brand-select-wrapper { width: 100%; } } .block-brand-website-countries-productinfo .brand-select-wrapper .select-wrapper, .paragraph--type--brand-websites-product-info .brand-select-wrapper .select-wrapper { position: relative; border: 1px solid #e6e2df; border-radius: 5px; width: 98%; overflow: hidden; } @media (max-width: 768px) { .block-brand-website-countries-productinfo .brand-select-wrapper .select-wrapper, .paragraph--type--brand-websites-product-info .brand-select-wrapper .select-wrapper { width: 100%; } } .block-brand-website-countries-productinfo .brand-select-wrapper .select-wrapper::after, .paragraph--type--brand-websites-product-info .brand-select-wrapper .select-wrapper::after { content: ""; border: solid #30261d; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; width: 12px; height: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); font-size: 1rem; top: 15px; right: 18px; position: absolute; pointer-events: none; } .block-brand-website-countries-productinfo .brand-select-wrapper select, .paragraph--type--brand-websites-product-info .brand-select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 36px; border: none; padding-left: 13px; padding-right: 40px; font-size: 15px; outline: none; background: none; overflow: hidden; } .block-brand-website-countries-productinfo .brand-select-wrapper select:focus, .paragraph--type--brand-websites-product-info .brand-select-wrapper select:focus { border: 2px solid currentColor; } .block-brand-website-countries-productinfo .brand-select-wrapper select option, .paragraph--type--brand-websites-product-info .brand-select-wrapper select option { background-color: #ffffff; line-height: 38px; } @media (max-width: 767px) { div.paragraph--type--brand-websites-product-info { width: 80%; margin: 0 auto; padding: 0; } } .tooltip-wrapper { position: relative; } .tool-tip-info-icon { display: inline-block; background: #00b289; position: absolute; right: -30px; top: 5px; width: 24px; height: 24px; color: #ffffff; text-align: center; border-radius: 50%; cursor: pointer; } .tool-tip-info-block { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: -95px; right: -30px; width: 100px; height: 90px; line-height: 0.5; background: #00b289; padding: 2px; } .tool-tip-info-block:after { content: ""; width: 0; height: 0; position: absolute; bottom: -6px; right: 5px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #00b289; } .tool-tip-info-block img { max-height: 100%; max-width: 100%; display: block; margin: auto; } div.nice-select::after { content: none; } div.nice-select.open:hover { border-color: #a1978b; } div.nice-select.open::after { -webkit-transform: none; transform: none; } div.nice-select ul, div.nice-select .list { width: calc(100% - 30px); background-color: #f1f1f1; border-radius: 0 0 3px 3px; margin-top: 1px; -webkit-box-shadow: none; box-shadow: none; max-height: 300px; overflow-y: auto; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.75); transform: scale(0.75); } div.nice-select ul:hover .option:not(:hover), div.nice-select .list:hover .option:not(:hover) { background-color: inherit; } div.nice-select ul:hover .option.selected, div.nice-select .list:hover .option.selected { background-color: #5193f8 !important; } div.nice-select:hover, div.nice-select:active { border-color: #949494; } div.nice-select .current { display: block; padding-left: 0; } div.nice-select .option { position: relative; line-height: 25px; min-height: 25px; padding: 0 25px; white-space: normal; } div.nice-select .option:hover, div.nice-select .option:focus, div.nice-select .option.focus, div.nice-select .option.selected { background-color: #5193f8; font-weight: normal; color: #ffffff; } div.nice-select .option.selected { background-color: #5193f8; color: #ffffff; } div.nice-select .option.selected::before { content: ""; content: ""; background-image: url(./button_tick_white.svg); background-repeat: no-repeat; background-size: 12px 12px; position: absolute; width: 12px; height: 12px; top: 50%; left: 5px; background-size: contain; display: block; z-index: 99999999; outline: 0; margin-top: -6px; } div.nice-select .option.selected.focus { background-color: #5193f8; } div.pagerer-container, div.pager-container { margin: 0; border-top: 1px solid #c4c4c4; width: 100%; max-width: 100%; } div.pagerer-container .pagerer-pager-standard, div.pagerer-container .pager-nav, div.pager-container .pagerer-pager-standard, div.pager-container .pager-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.25rem 0; margin: 0; width: 100% !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { div.pagerer-container .pagerer-pager-standard, div.pagerer-container .pager-nav, div.pager-container .pagerer-pager-standard, div.pager-container .pager-nav { margin-top: 0; width: 80%; } } div.pagerer-container .pagerer-pager-standard::before, div.pagerer-container .pagerer-pager-standard::after, div.pagerer-container .pager-nav::before, div.pagerer-container .pager-nav::after, div.pager-container .pagerer-pager-standard::before, div.pager-container .pagerer-pager-standard::after, div.pager-container .pager-nav::before, div.pager-container .pager-nav::after { content: none; } div.pagerer-container .pagerer-pager-standard .visually-hidden, div.pagerer-container .pager-nav .visually-hidden, div.pager-container .pagerer-pager-standard .visually-hidden, div.pager-container .pager-nav .visually-hidden { width: 0; height: 0; } @media (max-width: 767px) { div.pagerer-container .pagerer-pager-standard .pagerer-breaker, div.pagerer-container .pagerer-pager-standard .pagerer-separator, div.pagerer-container .pager-nav .pagerer-breaker, div.pagerer-container .pager-nav .pagerer-separator, div.pager-container .pagerer-pager-standard .pagerer-breaker, div.pager-container .pagerer-pager-standard .pagerer-separator, div.pager-container .pager-nav .pagerer-breaker, div.pager-container .pager-nav .pagerer-separator { display: block; } } div.pagerer-container .pagerer-pager-standard .pager__item--previous, div.pagerer-container .pagerer-pager-standard .pager__item--previous-empty, div.pagerer-container .pagerer-pager-standard .pager__item--next, div.pagerer-container .pagerer-pager-standard .pager__item--next-empty, div.pagerer-container .pager-nav .pager__item--previous, div.pagerer-container .pager-nav .pager__item--previous-empty, div.pagerer-container .pager-nav .pager__item--next, div.pagerer-container .pager-nav .pager__item--next-empty, div.pager-container .pagerer-pager-standard .pager__item--previous, div.pager-container .pagerer-pager-standard .pager__item--previous-empty, div.pager-container .pagerer-pager-standard .pager__item--next, div.pager-container .pagerer-pager-standard .pager__item--next-empty, div.pager-container .pager-nav .pager__item--previous, div.pager-container .pager-nav .pager__item--previous-empty, div.pager-container .pager-nav .pager__item--next, div.pager-container .pager-nav .pager__item--next-empty { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } div.pagerer-container .pagerer-pager-standard .pager__item--next, div.pagerer-container .pagerer-pager-standard .pager__item--next-empty, div.pagerer-container .pager-nav .pager__item--next, div.pagerer-container .pager-nav .pager__item--next-empty, div.pager-container .pagerer-pager-standard .pager__item--next, div.pager-container .pagerer-pager-standard .pager__item--next-empty, div.pager-container .pager-nav .pager__item--next, div.pager-container .pager-nav .pager__item--next-empty { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } div.pagerer-container .pagerer-pager-standard .pager__item--previous, div.pagerer-container .pagerer-pager-standard .pager__item--next, div.pagerer-container .pagerer-pager-standard .pager__item--first, div.pagerer-container .pagerer-pager-standard .pager__item--last.pager_last_item, div.pagerer-container .pager-nav .pager__item--previous, div.pagerer-container .pager-nav .pager__item--next, div.pagerer-container .pager-nav .pager__item--first, div.pagerer-container .pager-nav .pager__item--last.pager_last_item, div.pager-container .pagerer-pager-standard .pager__item--previous, div.pager-container .pagerer-pager-standard .pager__item--next, div.pager-container .pagerer-pager-standard .pager__item--first, div.pager-container .pagerer-pager-standard .pager__item--last.pager_last_item, div.pager-container .pager-nav .pager__item--previous, div.pager-container .pager-nav .pager__item--next, div.pager-container .pager-nav .pager__item--first, div.pager-container .pager-nav .pager__item--last.pager_last_item { position: relative; } div.pagerer-container .pagerer-pager-standard .pager__item--previous a, div.pagerer-container .pagerer-pager-standard .pager__item--next a, div.pagerer-container .pagerer-pager-standard .pager__item--first a, div.pagerer-container .pagerer-pager-standard .pager__item--last.pager_last_item a, div.pagerer-container .pager-nav .pager__item--previous a, div.pagerer-container .pager-nav .pager__item--next a, div.pagerer-container .pager-nav .pager__item--first a, div.pagerer-container .pager-nav .pager__item--last.pager_last_item a, div.pager-container .pagerer-pager-standard .pager__item--previous a, div.pager-container .pagerer-pager-standard .pager__item--next a, div.pager-container .pagerer-pager-standard .pager__item--first a, div.pager-container .pagerer-pager-standard .pager__item--last.pager_last_item a, div.pager-container .pager-nav .pager__item--previous a, div.pager-container .pager-nav .pager__item--next a, div.pager-container .pager-nav .pager__item--first a, div.pager-container .pager-nav .pager__item--last.pager_last_item a { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; width: auto; white-space: nowrap; text-transform: uppercase; color: #63513d; position: relative; } @media (max-width: 1024px) { div.pagerer-container .pagerer-pager-standard .pager__item--previous span[aria-hidden="true"], div.pagerer-container .pagerer-pager-standard .pager__item--next span[aria-hidden="true"], div.pagerer-container .pagerer-pager-standard .pager__item--first span[aria-hidden="true"], div.pagerer-container .pagerer-pager-standard .pager__item--last.pager_last_item span[aria-hidden="true"], div.pagerer-container .pager-nav .pager__item--previous span[aria-hidden="true"], div.pagerer-container .pager-nav .pager__item--next span[aria-hidden="true"], div.pagerer-container .pager-nav .pager__item--first span[aria-hidden="true"], div.pagerer-container .pager-nav .pager__item--last.pager_last_item span[aria-hidden="true"], div.pager-container .pagerer-pager-standard .pager__item--previous span[aria-hidden="true"], div.pager-container .pagerer-pager-standard .pager__item--next span[aria-hidden="true"], div.pager-container .pagerer-pager-standard .pager__item--first span[aria-hidden="true"], div.pager-container .pagerer-pager-standard .pager__item--last.pager_last_item span[aria-hidden="true"], div.pager-container .pager-nav .pager__item--previous span[aria-hidden="true"], div.pager-container .pager-nav .pager__item--next span[aria-hidden="true"], div.pager-container .pager-nav .pager__item--first span[aria-hidden="true"], div.pager-container .pager-nav .pager__item--last.pager_last_item span[aria-hidden="true"] { display: none; } } div.pagerer-container .pagerer-pager-standard .pager__item--previous a:focus, div.pagerer-container .pagerer-pager-standard .pager__item--next a:focus, div.pagerer-container .pagerer-pager-standard .pager__item--first a:focus, div.pagerer-container .pagerer-pager-standard .pager__item--last.pager_last_item a:focus, div.pagerer-container .pager-nav .pager__item--previous a:focus, div.pagerer-container .pager-nav .pager__item--next a:focus, div.pagerer-container .pager-nav .pager__item--first a:focus, div.pagerer-container .pager-nav .pager__item--last.pager_last_item a:focus, div.pager-container .pagerer-pager-standard .pager__item--previous a:focus, div.pager-container .pagerer-pager-standard .pager__item--next a:focus, div.pager-container .pagerer-pager-standard .pager__item--first a:focus, div.pager-container .pagerer-pager-standard .pager__item--last.pager_last_item a:focus, div.pager-container .pager-nav .pager__item--previous a:focus, div.pager-container .pager-nav .pager__item--next a:focus, div.pager-container .pager-nav .pager__item--first a:focus, div.pager-container .pager-nav .pager__item--last.pager_last_item a:focus { background-color: inherit; border-radius: 0; } div.pagerer-container .pagerer-pager-standard .pager__item--previous a:hover, div.pagerer-container .pagerer-pager-standard .pager__item--next a:hover, div.pagerer-container .pagerer-pager-standard .pager__item--first a:hover, div.pagerer-container .pagerer-pager-standard .pager__item--last.pager_last_item a:hover, div.pagerer-container .pager-nav .pager__item--previous a:hover, div.pagerer-container .pager-nav .pager__item--next a:hover, div.pagerer-container .pager-nav .pager__item--first a:hover, div.pagerer-container .pager-nav .pager__item--last.pager_last_item a:hover, div.pager-container .pagerer-pager-standard .pager__item--previous a:hover, div.pager-container .pagerer-pager-standard .pager__item--next a:hover, div.pager-container .pagerer-pager-standard .pager__item--first a:hover, div.pager-container .pagerer-pager-standard .pager__item--last.pager_last_item a:hover, div.pager-container .pager-nav .pager__item--previous a:hover, div.pager-container .pager-nav .pager__item--next a:hover, div.pager-container .pager-nav .pager__item--first a:hover, div.pager-container .pager-nav .pager__item--last.pager_last_item a:hover { background-color: inherit; border-radius: 0; } div.pagerer-container .pagerer-pager-standard .pager__item--first, div.pagerer-container .pager-nav .pager__item--first, div.pager-container .pagerer-pager-standard .pager__item--first, div.pager-container .pager-nav .pager__item--first { margin-right: 10px; } div.pagerer-container .pagerer-pager-standard .pager_last_item, div.pagerer-container .pager-nav .pager_last_item, div.pager-container .pagerer-pager-standard .pager_last_item, div.pager-container .pager-nav .pager_last_item { margin-left: 10px; } div.pagerer-container .pagerer-pager-standard .pager__item.pager__item--previous a::before, div.pagerer-container .pagerer-pager-standard .pager__item.pager__item--first a::before, div.pagerer-container .pager-nav .pager__item.pager__item--previous a::before, div.pagerer-container .pager-nav .pager__item.pager__item--first a::before, div.pager-container .pagerer-pager-standard .pager__item.pager__item--previous a::before, div.pager-container .pagerer-pager-standard .pager__item.pager__item--first a::before, div.pager-container .pager-nav .pager__item.pager__item--previous a::before, div.pager-container .pager-nav .pager__item.pager__item--first a::before { content: ""; background-image: url(./pager-arrow.svg); background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin-right: 12px; top: 50%; background-size: 1.833em 1.833em; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: center; transform-origin: center; } @media (max-width: 1024px) { div.pagerer-container .pagerer-pager-standard .pager__item.pager__item--previous a::before, div.pagerer-container .pagerer-pager-standard .pager__item.pager__item--first a::before, div.pagerer-container .pager-nav .pager__item.pager__item--previous a::before, div.pagerer-container .pager-nav .pager__item.pager__item--first a::before, div.pager-container .pagerer-pager-standard .pager__item.pager__item--previous a::before, div.pager-container .pagerer-pager-standard .pager__item.pager__item--first a::before, div.pager-container .pager-nav .pager__item.pager__item--previous a::before, div.pager-container .pager-nav .pager__item.pager__item--first a::before { padding: 1rem; height: 1.5rem; width: 1.5rem; background-size: cover; } } div.pagerer-container .pagerer-pager-standard .pager__item.pager__item--next a::after, div.pagerer-container .pagerer-pager-standard .pager__item.pager_last_item a::after, div.pagerer-container .pager-nav .pager__item.pager__item--next a::after, div.pagerer-container .pager-nav .pager__item.pager_last_item a::after, div.pager-container .pagerer-pager-standard .pager__item.pager__item--next a::after, div.pager-container .pagerer-pager-standard .pager__item.pager_last_item a::after, div.pager-container .pager-nav .pager__item.pager__item--next a::after, div.pager-container .pager-nav .pager__item.pager_last_item a::after { content: ""; background-image: url(./pager-arrow.svg); background-position: center center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin-left: 12px; top: 50%; background-size: 1.833em 1.833em; } @media (max-width: 1024px) { div.pagerer-container .pagerer-pager-standard .pager__item.pager__item--next a::after, div.pagerer-container .pagerer-pager-standard .pager__item.pager_last_item a::after, div.pagerer-container .pager-nav .pager__item.pager__item--next a::after, div.pagerer-container .pager-nav .pager__item.pager_last_item a::after, div.pager-container .pagerer-pager-standard .pager__item.pager__item--next a::after, div.pager-container .pagerer-pager-standard .pager__item.pager_last_item a::after, div.pager-container .pager-nav .pager__item.pager__item--next a::after, div.pager-container .pager-nav .pager__item.pager_last_item a::after { padding: 1rem; height: 1.5rem; width: 1.5rem; background-size: cover; } } @media (max-width: 767px) { div.pagerer-container .pagerer-pager-standard .pager__item__desktop-text, div.pagerer-container .pager-nav .pager__item__desktop-text, div.pager-container .pagerer-pager-standard .pager__item__desktop-text, div.pager-container .pager-nav .pager__item__desktop-text { display: none; } } @media (min-width: 768px) { div.pagerer-container .pagerer-pager-standard .pager__item__mobile-text, div.pagerer-container .pager-nav .pager__item__mobile-text, div.pager-container .pagerer-pager-standard .pager__item__mobile-text, div.pager-container .pager-nav .pager__item__mobile-text { display: none; } } div.pagerer-container .pagerer-pager-standard .pager__items, div.pagerer-container .pagerer-pager-standard .pagination, div.pagerer-container .pager-nav .pager__items, div.pagerer-container .pager-nav .pagination, div.pager-container .pagerer-pager-standard .pager__items, div.pager-container .pagerer-pager-standard .pagination, div.pager-container .pager-nav .pager__items, div.pager-container .pager-nav .pagination { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: transparent; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0 5px; } @media (max-width: 1023px) { div.pagerer-container .pagerer-pager-standard .pager__items, div.pagerer-container .pagerer-pager-standard .pagination, div.pagerer-container .pager-nav .pager__items, div.pagerer-container .pager-nav .pagination, div.pager-container .pagerer-pager-standard .pager__items, div.pager-container .pagerer-pager-standard .pagination, div.pager-container .pager-nav .pager__items, div.pager-container .pager-nav .pagination { padding: 0; } } div.pagerer-container .pagerer-pager-standard .pager__items .pager__item, div.pagerer-container .pagerer-pager-standard .pagination .pager__item, div.pagerer-container .pager-nav .pager__items .pager__item, div.pagerer-container .pager-nav .pagination .pager__item, div.pager-container .pagerer-pager-standard .pager__items .pager__item, div.pager-container .pagerer-pager-standard .pagination .pager__item, div.pager-container .pager-nav .pager__items .pager__item, div.pager-container .pager-nav .pagination .pager__item { list-style: none; float: left; position: relative; top: 0; border-bottom-width: 0; white-space: nowrap; border: transparent; padding: 0 0.625rem; margin: 0; } @media (max-width: 767px) { div.pagerer-container .pagerer-pager-standard .pager__items .pager__item, div.pagerer-container .pagerer-pager-standard .pagination .pager__item, div.pagerer-container .pager-nav .pager__items .pager__item, div.pagerer-container .pager-nav .pagination .pager__item, div.pager-container .pagerer-pager-standard .pager__items .pager__item, div.pager-container .pagerer-pager-standard .pagination .pager__item, div.pager-container .pager-nav .pager__items .pager__item, div.pager-container .pager-nav .pagination .pager__item { list-style-position: inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px !important; } } div.pagerer-container .pagerer-pager-standard .pager__items .pager__item.pager__item--ellipsis, div.pagerer-container .pagerer-pager-standard .pagination .pager__item.pager__item--ellipsis, div.pagerer-container .pager-nav .pager__items .pager__item.pager__item--ellipsis, div.pagerer-container .pager-nav .pagination .pager__item.pager__item--ellipsis, div.pager-container .pagerer-pager-standard .pager__items .pager__item.pager__item--ellipsis, div.pager-container .pagerer-pager-standard .pagination .pager__item.pager__item--ellipsis, div.pager-container .pager-nav .pager__items .pager__item.pager__item--ellipsis, div.pager-container .pager-nav .pagination .pager__item.pager__item--ellipsis { top: 0; } @media (max-width: 767px) { div.pagerer-container .pagerer-pager-standard .pager__items .pager__item.pager__item--next, div.pagerer-container .pagerer-pager-standard .pagination .pager__item.pager__item--next, div.pagerer-container .pager-nav .pager__items .pager__item.pager__item--next, div.pagerer-container .pager-nav .pagination .pager__item.pager__item--next, div.pager-container .pagerer-pager-standard .pager__items .pager__item.pager__item--next, div.pager-container .pagerer-pager-standard .pagination .pager__item.pager__item--next, div.pager-container .pager-nav .pager__items .pager__item.pager__item--next, div.pager-container .pager-nav .pagination .pager__item.pager__item--next { overflow: visible; padding-left: 1.25rem; } } div.pagerer-container .pagerer-pager-standard .pager__items .pager__item a, div.pagerer-container .pagerer-pager-standard .pagination .pager__item a, div.pagerer-container .pager-nav .pager__items .pager__item a, div.pagerer-container .pager-nav .pagination .pager__item a, div.pager-container .pagerer-pager-standard .pager__items .pager__item a, div.pager-container .pagerer-pager-standard .pagination .pager__item a, div.pager-container .pager-nav .pager__items .pager__item a, div.pager-container .pager-nav .pagination .pager__item a { margin: 0; color: #63513d; font-weight: normal; width: auto; height: auto; display: table-cell; vertical-align: middle; border-radius: 50%; background-color: unset; text-decoration: none; } div.pagerer-container .pagerer-pager-standard .pager__items .pager__item a:visited, div.pagerer-container .pagerer-pager-standard .pagination .pager__item a:visited, div.pagerer-container .pager-nav .pager__items .pager__item a:visited, div.pagerer-container .pager-nav .pagination .pager__item a:visited, div.pager-container .pagerer-pager-standard .pager__items .pager__item a:visited, div.pager-container .pagerer-pager-standard .pagination .pager__item a:visited, div.pager-container .pager-nav .pager__items .pager__item a:visited, div.pager-container .pager-nav .pagination .pager__item a:visited { color: #30261d; } div.pagerer-container .pagerer-pager-standard .pager__items .pager__item a:active, div.pagerer-container .pagerer-pager-standard .pagination .pager__item a:active, div.pagerer-container .pager-nav .pager__items .pager__item a:active, div.pagerer-container .pager-nav .pagination .pager__item a:active, div.pager-container .pagerer-pager-standard .pager__items .pager__item a:active, div.pager-container .pagerer-pager-standard .pagination .pager__item a:active, div.pager-container .pager-nav .pager__items .pager__item a:active, div.pager-container .pager-nav .pagination .pager__item a:active { background-color: rgb(223.05, 219.5, 215.95); border-radius: 50%; } div.pagerer-container .pagerer-pager-standard .pager__items .pager__item a:focus, div.pagerer-container .pagerer-pager-standard .pagination .pager__item a:focus, div.pagerer-container .pager-nav .pager__items .pager__item a:focus, div.pagerer-container .pager-nav .pagination .pager__item a:focus, div.pager-container .pagerer-pager-standard .pager__items .pager__item a:focus, div.pager-container .pagerer-pager-standard .pagination .pager__item a:focus, div.pager-container .pager-nav .pager__items .pager__item a:focus, div.pager-container .pager-nav .pagination .pager__item a:focus { background-color: rgb(223.05, 219.5, 215.95); border-radius: 50%; } div.pagerer-container .pagerer-pager-standard .pager__items .pager__item a:hover, div.pagerer-container .pagerer-pager-standard .pagination .pager__item a:hover, div.pagerer-container .pager-nav .pager__items .pager__item a:hover, div.pagerer-container .pager-nav .pagination .pager__item a:hover, div.pager-container .pagerer-pager-standard .pager__items .pager__item a:hover, div.pager-container .pagerer-pager-standard .pagination .pager__item a:hover, div.pager-container .pager-nav .pager__items .pager__item a:hover, div.pager-container .pager-nav .pagination .pager__item a:hover { background-color: rgb(223.05, 219.5, 215.95); border-radius: 50%; } div.pagerer-container .pagerer-pager-standard .pager__items .pager__item.is-active a, div.pagerer-container .pagerer-pager-standard .pagination .pager__item.is-active a, div.pagerer-container .pager-nav .pager__items .pager__item.is-active a, div.pagerer-container .pager-nav .pagination .pager__item.is-active a, div.pager-container .pagerer-pager-standard .pager__items .pager__item.is-active a, div.pager-container .pagerer-pager-standard .pagination .pager__item.is-active a, div.pager-container .pager-nav .pager__items .pager__item.is-active a, div.pager-container .pager-nav .pagination .pager__item.is-active a { color: #007a74; border-radius: 50%; background-color: #f6f5f4; } @media (max-width: 767px) { div.pagerer-container .pagerer-pager-standard .pagination, div.pagerer-container .pager-nav .pagination, div.pager-container .pagerer-pager-standard .pagination, div.pager-container .pager-nav .pagination { width: 75%; } } @media (max-width: 767px) { div.pagerer-container .pager-nav .pager__item.pager__item--previous a::before, div.pagerer-container .pager-nav .pager__item.pager__item--first a::before, div.pager-container .pager-nav .pager__item.pager__item--previous a::before, div.pager-container .pager-nav .pager__item.pager__item--first a::before { padding: 0 7px; width: auto; margin-right: 0; } } @media (max-width: 767px) { div.pagerer-container .pager-nav .pager__item.pager__item--next a::after, div.pagerer-container .pager-nav .pager__item.pager__item--last a::after, div.pager-container .pager-nav .pager__item.pager__item--next a::after, div.pager-container .pager-nav .pager__item.pager__item--last a::after { padding: 0 7px; width: auto; margin-right: 0; margin-left: 2px; } } @media (max-width: 767px) { div.pagerer-container .pager-nav .pager__item--first, div.pagerer-container .pager-nav .pager__item--last.pager_last_item, div.pager-container .pager-nav .pager__item--first, div.pager-container .pager-nav .pager__item--last.pager_last_item { display: none; } } @media (max-width: 767px) { div.pagerer-container .pager-nav .pagination.pager__items-container .pager__item a:active, div.pagerer-container .pager-nav .pagination.pager__items-container .pager__item a:focus, div.pagerer-container .pager-nav .pagination.pager__items-container .pager__item a:hover, div.pager-container .pager-nav .pagination.pager__items-container .pager__item a:active, div.pager-container .pager-nav .pagination.pager__items-container .pager__item a:focus, div.pager-container .pager-nav .pagination.pager__items-container .pager__item a:hover { background-color: inherit; border-radius: 0; } } @media (max-width: 767px) { div.pagerer-container .pager-nav .pagination.pager__items-container .pager__item.is-active a, div.pager-container .pager-nav .pagination.pager__items-container .pager__item.is-active a { background-color: inherit; border-radius: 0; } } @media screen and (min-width: 1366px) { .pagerer-container { max-width: 66.666667%; } } @media screen and (min-width: 1920px) { .pagerer-container { max-width: 50%; } } .feature-parallax { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .feature-parallax { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .feature-parallax__image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media (min-width: 1024px) { .feature-parallax { min-height: 500px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; overflow: hidden; } } @media screen and (min-width: 1920px) { .feature-parallax { min-height: 750px; } } .feature-parallax__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .feature-parallax__content, .csv-image-wrapper .image-text-wrapper { position: relative; z-index: 1; width: calc(100% - 37px); border-top-right-radius: 44px; margin-top: -44px; padding: 50px 25px 50px 37px; } @media (min-width: 768px) { .feature-parallax__content, .csv-image-wrapper .image-text-wrapper { width: 90%; padding: 50px 0; } } @media (min-width: 1024px) { .feature-parallax__content, .csv-image-wrapper .image-text-wrapper { margin-top: auto; border-top-right-radius: 44px; width: 43.65%; position: absolute; } } @media screen and (min-width: 1920px) { .feature-parallax__content, .csv-image-wrapper .image-text-wrapper { padding: 100px 0; } } .feature-parallax__content__container { margin: auto; } @media (min-width: 768px) { .feature-parallax__content__container { padding: 0 37px 0 75px; } } @media (min-width: 1024px) { .feature-parallax__content__container { max-width: 385px; } } @media (min-width: 1180px) { .feature-parallax__content__container { margin: auto 75px auto auto; padding: 0; } } @media screen and (min-width: 1440px) { .feature-parallax__content__container { max-width: 410px; } } @media screen and (min-width: 1801px) { .feature-parallax__content__container { margin: auto; max-width: 454px; } } .feature-parallax__image { display: block; opacity: 1; background: transparent !important; width: 100%; overflow: hidden; } .feature-parallax--dark-oak .feature-parallax__image { background: rgb(38.4, 30.4, 23.2); } .feature-parallax--oak .feature-parallax__image { background: rgb(79.2, 64.8, 48.8); } .feature-parallax--85-oak .feature-parallax__image { background: rgb(110.4, 96.8, 84); } .feature-parallax--30-oak .feature-parallax__image { background: rgb(167.2, 162.4, 157.6); } .feature-parallax--15-oak .feature-parallax__image { background: rgb(185.6, 183.2, 180.8); } .feature-parallax--5-oak .feature-parallax__image { background: rgb(196.8, 196, 195.2); } .feature-parallax--white .feature-parallax__image { background: #cccccc; } .feature-parallax--blue .feature-parallax__image { background: #026ba0; } .feature-parallax--teal .feature-parallax__image { background: rgb(0, 103.2, 114.4); } .feature-parallax--green .feature-parallax__image { background: #1e6c15; } .feature-parallax--orange .feature-parallax__image { background: #bc3114; } .feature-parallax--red .feature-parallax__image { background: rgb(161.6, 0, 48.8); } .feature-parallax--pink .feature-parallax__image { background: #840050; } .feature-parallax--purple .feature-parallax__image { background: rgb(114.4, 57.6, 122.4); } .feature-parallax--purple-alt .feature-parallax__image { background: rgb(88.8, 27.2, 95.2); } .feature-parallax--annual-red .feature-parallax__image { background: rgb(164.8, 0, 44); } .feature-parallax--annual-pink .feature-parallax__image { background: rgb(158.4, 0, 100.8); } .feature-parallax--annual-teal .feature-parallax__image { background: rgb(0, 94.4, 103.2); } .feature-parallax--annual-yellow .feature-parallax__image { background: rgb(187.2, 136, 0); } .feature-parallax--annual-brown .feature-parallax__image { background: rgb(95.2, 52.8, 14.4); } .feature-parallax--annual-purple .feature-parallax__image { background: rgb(137.6, 63.2, 158.4); } @media (min-width: 1024px) { .feature-parallax__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: inset(0 0 0 0); overflow: hidden; } .feature-parallax__image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: auto; width: auto; min-width: 100%; min-height: 100%; max-width: none; max-height: none; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .feature-parallax__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } @supports (clip-path: inset(0 0 0 0)) { .feature-parallax__image img { position: fixed; pointer-events: none; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .feature-parallax__image img { width: 100vw; height: 100vh; } } } } @media screen and (min-width: 1920px) { @supports (clip-path: inset(0 0 0 0)) { @supports ((-o-object-fit: cover) or (object-fit: cover)) { .feature-parallax__image img { width: 120rem; } } } } .feature-parallax__image__window { min-height: 296px; } @media (min-width: 768px) { .feature-parallax__image__window { min-height: 446px; } } @media (min-width: 1024px) { .feature-parallax__image__window { min-height: 500px; } } @media screen and (min-width: 1920px) { .feature-parallax__image__window { min-height: 750px; } } .feature-parallax__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .feature-parallax__heading .feature-parallax__title, .feature-parallax__heading .feature-parallax__label { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media screen and (min-width: 1440px) { .feature-parallax__heading .feature-parallax__title { font-size: 1.875rem; line-height: 40px; margin-bottom: 0; } } @media (max-width: 1023px) { .feature-parallax__heading .feature-parallax__title { font-size: 1.375rem; line-height: 30px; } } .feature-parallax__label { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 1rem; text-transform: uppercase; } .feature-parallax__label-icon, .csv-image-wrapper .title img { margin-right: 24px; -ms-flex-negative: 0; flex-shrink: 0; max-width: 2.5em; max-height: 2.5em; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .feature-parallax__label:not(:only-child) { margin-bottom: 30px; } .feature-parallax__title strong, .feature-parallax__title b { font-family: "NestleBrush"; font-weight: 400; } .feature-parallax__heading:not(:last-child), .feature-parallax__body:not(:last-child) { margin-bottom: 40px; } @media (max-width: 1023px) { .feature-parallax__heading:not(:last-child), .feature-parallax__body:not(:last-child) { margin-bottom: 30px; } } @media screen and (min-width: 1920px) { .feature-parallax__heading:not(:last-child), .feature-parallax__body:not(:last-child) { margin-bottom: 40px; } } .feature-parallax__heading p, .feature-parallax__body p { padding-bottom: 0; } .feature-parallax__heading p:not(:last-child), .feature-parallax__body p:not(:last-child) { margin-bottom: 15px; } .feature-parallax__link, .csv-image-wrapper a.button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #d1cbc5; padding: 0.8571428571em 0px; font-size: 0.875rem; line-height: 1.4285714286; width: 100%; -webkit-transition: background 0.1s ease, padding 0.1s ease, margin 0.1s ease, width 0.1s ease; transition: background 0.1s ease, padding 0.1s ease, margin 0.1s ease, width 0.1s ease; } .feature-parallax__link .da-vinci-code-icon, .csv-image-wrapper a.button .da-vinci-code-icon { font-size: 1rem; margin-left: 1.5rem; top: 0; -ms-flex-negative: 0; flex-shrink: 0; } .feature-parallax__link, .csv-image-wrapper a.button, .feature-parallax__link:hover, .feature-parallax__link:visited { color: inherit; } .feature-parallax__link:hover, .csv-image-wrapper a.button:hover { background: rgba(0, 0, 0, 0.15); padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px; } @media (min-width: 1024px) { .feature-parallax__link:hover, .csv-image-wrapper a.button:hover { width: calc(100% + 24px); } } .feature-parallax__link:hover .da-vinci-code-icon, .csv-image-wrapper a.button:hover .da-vinci-code-icon { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .feature-parallax--5-oak .feature-parallax__link, .feature-parallax--5-oak .csv-image-wrapper a.button, .csv-image-wrapper .feature-parallax--5-oak a.button, .feature-parallax--5-oak .feature-parallax__link:hover, .feature-parallax--white .feature-parallax__link, .feature-parallax--white .csv-image-wrapper a.button, .csv-image-wrapper .feature-parallax--white a.button, .feature-parallax--white .feature-parallax__link:hover { color: #007cba; } @media (max-width: 1023px) { .fw.paragraph--type--c-text .csv-image-wrapper { margin-left: -12.5%; margin-right: -12.5%; } } .csv-image-wrapper > img { display: block; opacity: 1; background: #026ba0; width: 100%; } @media (min-width: 1024px) { .csv-image-wrapper { min-height: 80vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; overflow: hidden; } .csv-image-wrapper > img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .csv-image-wrapper > img { height: 100%; -webkit-transform: none; transform: none; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } } } .csv-image-wrapper .image-text-wrapper { background: #007cba; color: #ffffff; } .csv-image-wrapper .title, .csv-image-wrapper .content { color: inherit; } .csv-image-wrapper .title strong, .csv-image-wrapper .content strong { font-weight: inherit; } @media (min-width: 1024px) { .csv-image-wrapper .title, .csv-image-wrapper .content { max-width: 23.125rem; } } .csv-image-wrapper .title img { width: auto; height: auto; display: inline-block; vertical-align: baseline; } .csv-image-wrapper .content { margin-bottom: 50px; line-height: 1.25; } @media (max-width: 1023px) { .csv-image-wrapper .content { font-size: 30px; } } @media (min-width: 1024px) { .csv-image-wrapper .content { font-size: 34px; } } .csv-image-wrapper .content strong, .csv-image-wrapper .content b { font-family: "NestleBrush"; font-weight: 400; } .csv-image-wrapper .content p { padding-bottom: 0; margin-bottom: 16px; } .csv-image-wrapper a.button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; padding-right: 0; text-align: left; border-radius: 0; background: none; } .csv-image-wrapper a.button, .csv-image-wrapper a.button:hover, .csv-image-wrapper a.button:active { color: inherit; -webkit-box-shadow: none; box-shadow: none; border: none; border-bottom: 1px solid #d1cbc5; } .csv-image-wrapper a.button:hover:active { color: inherit; background: rgba(0, 0, 0, 0.15); } .csv-image-wrapper a.button .ext { display: none; } .csv-image-wrapper a.button::after { content: ""; display: block; width: 12px; height: 14px; background: url(./arrow-right--white.svg) no-repeat center center/100% 100%; margin-left: 24px; } .csv-image-wrapper a.button:hover::after { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .parallax-slider { height: auto !important; } @media (max-width: 1024px) { .parallax-slider { max-width: 1500px !important; } } @media (max-width: 820px) { .parallax-slider { max-width: 1400px !important; } } .press-release-banner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 4rem 0; margin: 2.5rem 0; } div[class*="paragraph--type--layout-"] .press-release-banner { margin: 0; border-radius: 12px; } @media (max-width: 767px) { div[class*="paragraph--type--layout-"] .press-release-banner { padding: 1.5rem; } } @media (min-width: 768px) { div[class*="paragraph--type--layout-"] .press-release-banner { padding: 2rem; } } @media screen and (min-width: 1366px) { div[class*="paragraph--type--layout-"] .press-release-banner { padding: 4rem; } } .press-release-banner.da-vinci-code-background--white { padding: 0; margin: 4rem 0; } div[class*="paragraph--type--layout-"] .press-release-banner.da-vinci-code-background--white { padding: 0 0.75rem; } .press-release-banner__container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .press-release-banner__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } div[class*="paragraph--type--layout-"] .press-release-banner__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .press-release-banner__title { margin: 0; } @media (max-width: 767px) { .press-release-banner__title { font-size: 1.875rem; } } @media (min-width: 768px) { .press-release-banner__title { font-size: 2.25rem; } } @media (min-width: 1024px) { .press-release-banner__title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 1rem; } div[class*="paragraph--type--layout-"] .press-release-banner__title { margin-bottom: 0; -ms-flex-negative: 1; flex-shrink: 1; } } @media (max-width: 767px) { .press-release-banner__header .press-release-banner__link { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .press-release-banner__header .press-release-banner__link { margin-left: 1.5rem; -ms-flex-negative: 0; flex-shrink: 0; } div[class*="paragraph--type--layout-"] .press-release-banner__header .press-release-banner__link { display: none; } } @media (min-width: 1024px) { .press-release-banner__header .press-release-banner__link { margin-top: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: start; align-self: flex-start; } div[class*="paragraph--type--layout-"] .press-release-banner__header .press-release-banner__link { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-top: 0; margin-left: 1.5rem; -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 767px) { .press-release-banner__header { margin-bottom: 2rem; } } @media (min-width: 768px) { .press-release-banner__header { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) and (max-width: 1023px) { .press-release-banner__header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.5rem; } } @media (min-width: 1024px) { .press-release-banner__header { width: 25%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } div[class*="paragraph--type--layout-"] .press-release-banner__header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.5rem; } } .press-release-banner__link--after { margin-top: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: start; align-self: flex-start; } @media (min-width: 768px) { .press-release-banner__link--after { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { div[class*="paragraph--type--layout-"] .press-release-banner__link--after { display: inline-block; } } .press-release-banner__header, .press-release-banner__list { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 768px) and (max-width: 1023px) { .press-release-banner__list { max-width: 26.25rem; } } @media (min-width: 1024px) { .press-release-banner__list { padding-left: 1.5rem; width: 75%; } } @media screen and (min-width: 1366px) { .press-release-banner__list { padding-left: 2.8125rem; } } div[class*="paragraph--type--layout-"] .press-release-banner__list { padding-left: 0; max-width: none; width: auto; } .press-release-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -1.5rem; } @media (max-width: 1023px) { .press-release-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } div[class*="paragraph--type--layout-"] .press-release-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .press-release-list, .press-release-list__item { list-style: none; } @media (max-width: 767px) { .press-release-list { margin-bottom: -1.5rem; } } @media (min-width: 768px) { .press-release-list { margin-bottom: -2rem; } } @media screen and (min-width: 1366px) { .press-release-list { margin-left: -2.8125rem; } } .press-release-list__item { padding-left: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .press-release-list__item { margin-bottom: 1.5rem; } } @media (min-width: 768px) { .press-release-list__item { margin-bottom: 2rem; } } @media (min-width: 1024px) { .press-release-list__item { width: 33.3333%; } } @media screen and (min-width: 1366px) { .press-release-list__item { padding-left: 2.8125rem; } } div[class*="paragraph--type--layout-"] .press-release-list__item { width: auto; } .press-release-list__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; border-bottom: 1px solid #f6f5f4; } .press-release-list__link, .press-release-list__link:hover { color: inherit; } .da-vinci-code-background--white .press-release-list__link, .da-vinci-code-background--5-oak .press-release-list__link { border-bottom-color: #d1cbc5; } .da-vinci-code-background--white .press-release-list__link, .da-vinci-code-background--white .press-release-list__link:hover, .da-vinci-code-background--5-oak .press-release-list__link, .da-vinci-code-background--5-oak .press-release-list__link:hover { color: #007cba; } .press-release-list__date, .press-release-list__title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .press-release-list__date { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; font-size: 0.8125rem; line-height: 1.2; text-transform: uppercase; leter-spacing: 0.05em; } .da-vinci-code-background--white .press-release-list__date, .da-vinci-code-background--5-oak .press-release-list__date { color: #63513d; } @media (max-width: 767px) { .press-release-list__date { margin-bottom: 0.75rem; } } @media (min-width: 768px) { .press-release-list__date { margin-bottom: 1rem; } } .press-release-list__title { font-size: 1.0625rem; line-height: 1.3; font-family: "Nestle-Text-Book"; font-weight: inherit; margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .press-release-list__title .da-vinci-code-icon { font-size: 0.9411764706em; top: 0.25em; margin-left: 1.5rem; } .press-release-list__link:hover .press-release-list__title .da-vinci-code-icon { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .table-wrapper { position: relative; } .press .tableScroll.img-shadow-right::before, .press .tableScroll.img-shadow-left::after { content: ""; width: 1.25rem; height: 100%; position: absolute; z-index: 99; pointer-events: none; display: block; } .press .tableScroll.img-shadow-left::after { width: 1.25rem; } @media (max-width: 767px) { .press .tableScroll.img-shadow-right::before { background: -webkit-gradient( linear, right top, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient( to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100% ); right: 0; top: 0; opacity: 1; } .press .tableScroll.img-shadow-left::after { background: -webkit-gradient( linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)) ); background: linear-gradient( to left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100% ); top: 0; opacity: 0.6; } } .quick-links-group .field--name-field-quick-link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .quick-links-group .field--name-field-quick-link .field--item { -webkit-box-flex: 46%; -ms-flex: 46%; flex: 46%; margin-right: 3%; } @media (max-width: 767px) { .quick-links-group .field--name-field-quick-link .field--item { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } } .quick-links-group .field--name-field-quick-link .field--item .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #cccccc; padding-bottom: 5px; margin-bottom: 2.5rem; font-size: 18px; color: #0072ad; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .quick-links-group .field--name-field-quick-link .field--item .paragraph--type--quick-link .related-quick-link .da-vinci-code-icon { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .quick-links-group .related-quick-link:hover .da-vinci-code-icon { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .da-vinci-code-background--dark-oak .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--oak .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--85-oak .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--30-oak .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #cccccc; } .da-vinci-code-background--15-oak .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #cccccc; } .da-vinci-code-background--5-oak .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #cccccc; } .da-vinci-code-background--white .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #cccccc; } .da-vinci-code-background--blue .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--teal .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--green .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--orange .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--red .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--pink .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--purple .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--purple-alt .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--annual-red .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--annual-pink .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--annual-teal .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--annual-yellow .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--annual-brown .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .da-vinci-code-background--annual-purple .paragraph--type--quick-link .related-quick-link { border-bottom: 1px solid #ffffff; color: #ffffff !important; } .quick-links-container { text-align: center; padding: 2.5rem 0 1rem; margin-bottom: 2.5rem; } .quick-links-container--dark-oak { background-color: rgb(32.1038961039, 25.4155844156, 19.3961038961); color: #ffffff; } .quick-links-container--oak { background-color: rgb(83.221875, 68.090625, 51.278125); color: #ffffff; } .quick-links-container--85-oak { background-color: rgb(123.5185185185, 108.3024691358, 93.9814814815); color: #ffffff; } .quick-links-container--30-oak { background-color: rgb(197.7211538462, 190.25, 182.7788461538); color: #34220d; } .quick-links-container--15-oak { background-color: #e8e5e2; color: #34220d; } .quick-links-container--5-oak { background-color: rgb(234.525, 232.25, 229.975); color: #34220d; } .quick-links-container--white { background-color: rgb(242.25, 242.25, 242.25); color: #34220d; } .quick-links-container--blue { background-color: rgb(0, 107, 160.5); color: #ffffff; } .quick-links-container--teal { background-color: rgb(0, 105.9965034965, 117.5); color: #ffffff; } .quick-links-container--green { background-color: rgb(38.8909090909, 108.2181818182, 31.2818181818); color: #ffffff; } .quick-links-container--orange { background-color: rgb(192.0843373494, 58.343373494, 31.4156626506); color: #ffffff; } .quick-links-container--red { background-color: rgb(176.5, 0, 53.2995049505); color: #ffffff; } .quick-links-container--pink { background-color: rgb(139.5, 0, 84.5454545455); color: #ffffff; } .quick-links-container--purple { background-color: rgb(126.7933333333, 63.84, 135.66); color: #ffffff; } .quick-links-container--purple-alt { background-color: rgb(92.5, 28.3333333333, 99.1666666667); color: #ffffff; } .quick-links-container--annual-red { background-color: rgb(180.5, 0, 48.1917475728); color: #ffffff; } .quick-links-container--annual-pink { background-color: rgb(172.5, 0, 109.7727272727); color: #ffffff; } .quick-links-container--annual-teal { background-color: rgb(0, 94.6744186047, 103.5); color: #ffffff; } .quick-links-container--annual-yellow { background-color: rgb(208.5, 151.4743589744, 0); color: #ffffff; } .quick-links-container--annual-brown { background-color: rgb(96.8503649635, 53.7153284672, 14.6496350365); color: #ffffff; } .quick-links-container--annual-purple { background-color: rgb(161.9098712446, 61.525751073, 189.974248927); color: #ffffff; } .quick-links-container__title { margin-bottom: 24px; } @media (min-width: 768px) and (max-width: 1023px) { .quick-links-container__title { margin-bottom: 30px; } } @media (min-width: 1024px) { .quick-links-container__title { margin-bottom: 36px; } } .quick-links { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -1.25rem; margin-bottom: 1.5rem; } @media screen and (min-width: 1366px) { .quick-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .quick-links, .quick-links__item { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .quick-links__item { padding-left: 1.25rem; padding-bottom: 1.25rem; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) and (max-width: 1023px) { .quick-links__item { width: 50%; } } @media (min-width: 1024px) { .quick-links__item { width: 50%; } } @media screen and (min-width: 1366px) { .quick-links__item { width: 25%; } } @media (min-width: 1024px) { .quick-links--many .quick-links__item { width: 33.3333%; } } @media screen and (min-width: 1366px) { .quick-links--many .quick-links__item { width: 20%; } } .quick-link { text-align: left; border-radius: 7px; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); background-color: #007cba; color: #ffffff; } .quick-link--dark-oak { background-color: #30261d; color: #ffffff; } .quick-link--oak { background-color: #63513d; color: #ffffff; } .quick-link--85-oak { background-color: #8a7969; color: #ffffff; } .quick-link--30-oak { background-color: #d1cbc5; color: #34220d; } .quick-link--15-oak { background-color: #e8e5e2; color: #34220d; } .quick-link--5-oak { background-color: #f6f5f4; color: #34220d; } .quick-link--white { background-color: #ffffff; color: #34220d; } .quick-link--teal { background-color: #00818f; color: #ffffff; } .quick-link--green { background-color: #2e8025; color: #ffffff; } .quick-link--orange { background-color: #d64123; color: #ffffff; } .quick-link--red { background-color: #ca003d; color: #ffffff; } .quick-link--pink { background-color: #a50064; color: #ffffff; } .quick-link--purple { background-color: #8f4899; color: #ffffff; } .quick-link--purple-alt { background-color: #6f2277; color: #ffffff; } .quick-link--annual-red { background-color: #ce0037; color: #ffffff; } .quick-link--annual-pink { background-color: #c6007e; color: #ffffff; } .quick-link--annual-teal { background-color: #007681; color: #ffffff; } .quick-link--annual-yellow { background-color: #eaaa00; color: #ffffff; } .quick-link--annual-brown { background-color: #774212; color: #ffffff; } .quick-link--annual-purple { background-color: #ac4fc6; color: #ffffff; } .quick-link, .quick-link__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 100%; } .quick-link__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 14px; } .quick-link__title { margin-bottom: 0; -ms-hyphens: auto; hyphens: auto; font-weight: bold; font-size: 1.3em; } .quick-link__content { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; font-size: 1rem; padding: 2rem 1.5rem 1.5rem; } .quick-link__body { margin-right: 1.5rem; } .quick-link__body:not(:last-child) { margin-bottom: 1.5rem; } .quick-link__go { display: block; margin-top: auto; } .quick-link__go .da-vinci-code-icon { margin-left: 0.5rem; font-size: 1rem; -webkit-transform: translateX(0); transform: translateX(0); } .quick-link:hover .quick-link__go .da-vinci-code-icon { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .quick-link__icon { font-size: 32px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 0.875rem; -ms-flex-item-align: start; align-self: flex-start; top: 0; } .quick-link__icon.da-vinci-code-icon--quote { font-size: 14px; } .quick-link__link, .quick-link__link:hover, .quick-link__link:focus, .quick-link__link:active { color: inherit; } .quick-link__link:hover .quick-link__image img { opacity: 1; } .quick-link__image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; border-radius: 7px 7px 0 0; overflow: hidden; } .quick-link__image img { width: 100%; display: block; } .text--left { text-align: left; } .paragraph--type--quote-block-feature-quote { padding: 2.8125rem 1.25rem; } @media (min-width: 768px) { .paragraph--type--quote-block-feature-quote { padding: 3.75rem 3.125rem 3.125rem 3.125rem; } } @media (max-width: 1023px) { .paragraph--type--quote-block-feature-quote .component-paragraph-field { width: auto; } } .paragraph--type--quote-block-feature-quote .quote-block { position: relative; text-align: center; } @media (min-width: 1024px) { .paragraph--type--quote-block-feature-quote .quote-block { max-width: 850px; margin: 0 auto; } } .paragraph--type--quote-block-feature-quote .quote-block blockquote { background: transparent; border-radius: 0; padding: 0; color: inherit; margin-bottom: 0; } .paragraph--type--quote-block-feature-quote .quote-block blockquote > svg { margin-bottom: 1.875rem; max-width: 3.125rem; color: #000000; opacity: 0.16; } @media (min-width: 768px) { .paragraph--type--quote-block-feature-quote .quote-block blockquote > svg { max-width: 4.375rem; margin-bottom: 3.125rem; } } @media (min-width: 1024px) { .paragraph--type--quote-block-feature-quote .quote-block blockquote > svg { margin-bottom: 1.25rem; margin-bottom: 3.75rem; } } .paragraph--type--quote-block-feature-quote .quote-block blockquote > p { font-size: 20px; border-bottom: 2px solid rgba(48, 38, 29, 0.2); padding-bottom: 25px; margin-bottom: 0; } @media (min-width: 768px) { .paragraph--type--quote-block-feature-quote .quote-block blockquote > p { font-size: 23px; padding-bottom: 2.1875rem; } } @media (min-width: 1024px) { .paragraph--type--quote-block-feature-quote .quote-block blockquote > p { font-size: 26px; padding-bottom: 2.1875rem; border-bottom: 3px solid rgba(48, 38, 29, 0.2); } } @media screen and (min-width: 1280px) { .paragraph--type--quote-block-feature-quote .quote-block blockquote > p { font-size: 26px; } } .paragraph--type--quote-block-feature-quote .quote-block blockquote footer { color: #30261d; } .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta { margin-top: 1.5625rem; margin: 1.5625rem 1.5625rem 0 1.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta { margin: 2.1875rem 1.5625rem 0 1.5625rem; } } @media (min-width: 1024px) { .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta { margin-top: 1.875rem; } } .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta__item.has-avatar { text-align: left; } .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta__item--avatar { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 1.25rem; width: 3.75rem; height: 3.75rem; } @media (min-width: 768px) { .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta__item--avatar { margin-bottom: 0; margin-right: 1.875rem; width: 5.625rem; height: 5.625rem; } } .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta__item--avatar img { border-radius: 50%; vertical-align: middle; width: 3.75rem; height: 3.75rem; } @media (min-width: 768px) { .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta__item--avatar img { width: 5.625rem; height: 5.625rem; } } .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta span { display: block; } .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta span.ext { display: inline-block; height: 12px; } .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta span.quote-block-meta__item--author { font-family: "NestleScript"; font-size: 26px; } @media (min-width: 768px) { .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta span.quote-block-meta__item--author { font-size: 34px; } } .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta span.quote-block-meta__item--role { font-size: 14px; display: inline-block; vertical-align: middle; } @media (min-width: 768px) { .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta span.quote-block-meta__item--role { font-size: 20px; } } .paragraph--type--quote-block-feature-quote .quote-block .quote-block-meta span.quote-block-meta__item--role svg { width: 0.8125rem; position: relative; top: -0.0625rem; margin-left: 0.9375rem; -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } .paragraph--type--quote-block-feature-quote .quote-block__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .paragraph--type--quote-block-feature-quote:hover .da-vinci-code-icon--arrow--right { -webkit-transform: translateX(3px); transform: translateX(3px); } .da-vinci-code-background--30-oak .quote-block-featured .da-vinci-code-icon--arrow--right { color: #007cba; } .da-vinci-code-background--15-oak .quote-block-featured .da-vinci-code-icon--arrow--right { color: #007cba; } .da-vinci-code-background--5-oak .quote-block-featured .da-vinci-code-icon--arrow--right { color: #007cba; } .da-vinci-code-background--white .quote-block-featured .da-vinci-code-icon--arrow--right { color: #007cba; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper { padding-top: 3.75rem; overflow: hidden; min-height: 75vh; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper a.quote-block__link { width: 100%; } @media (max-width: 1023px) { .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper { min-height: initial; } } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper .quote-block-image-role-author__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 767px) { .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper .quote-block-image-role-author__wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper .quote-block-image-role-author__wrapper .quote-block-image__author { font-family: "NestleScript"; font-size: 2.125rem; margin-bottom: 1rem; line-height: 1; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper .quote-block-image-role-author__wrapper .quote-block-image__role { font-size: 1.125rem; font-family: "Nestle-Text-Book"; } .paragraph--type--quote-block-image-quote .quote-block-image-quote { position: relative; } .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--content { font-size: 1.625rem; width: 42.56%; overflow: hidden; margin-top: 2.5rem; padding: 3.125rem; border-top-right-radius: 3.75rem; position: relative; z-index: 1; } @media (max-width: 1024px) { .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--content { width: 100%; } } @media (min-width: 1024px) { .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--content { padding-left: 150px; padding-right: 150px; } } .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--content blockquote { background: none; padding: 0; font-size: 1.25rem; } .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--content blockquote p { font-size: 1.625rem; padding-top: 1rem; font-family: "Nestle-Text-Book"; } @media (max-width: 767px) { .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--content blockquote p { padding-left: 0; font-size: 1.25rem; } } .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--content blockquote .da-vinci-code-icon { width: 5.625rem; } @media (max-width: 767px) { .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--content blockquote .da-vinci-code-icon { max-width: 3.125rem; } } .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-width: 768px) and (max-width: 1023px) { .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--bg img { width: 100%; } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } } @media (min-width: 1024px) { .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--bg { clip-path: inset(0 0 0 0); overflow: hidden; } .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--bg img { position: absolute; top: 50%; left: 50%; height: auto; width: auto; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .paragraph--type--quote-block-image-quote .quote-block-image-quote .quote-block-image--bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--dark-oak .quote-block-image--content { background-color: #30261d; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--dark-oak .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--dark-oak .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--dark-oak .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--dark-oak .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--oak .quote-block-image--content { background-color: #63513d; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--oak .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--oak .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--oak .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--oak .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--85-oak .quote-block-image--content { background-color: #8a7969; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--85-oak .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--85-oak .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--85-oak .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--85-oak .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--30-oak .quote-block-image--content { background-color: #d1cbc5; color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--30-oak .quote-block-image--content blockquote { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--30-oak .quote-block-image--content blockquote p { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--30-oak .quote-block-image--content .quote-block-image__author { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--30-oak .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--30-oak .quote-block-image--content span.ext { background: url(./icon-external--blue.svg) right center no-repeat !important; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--15-oak .quote-block-image--content { background-color: #e8e5e2; color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--15-oak .quote-block-image--content blockquote { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--15-oak .quote-block-image--content blockquote p { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--15-oak .quote-block-image--content .quote-block-image__author { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--15-oak .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--15-oak .quote-block-image--content span.ext { background: url(./icon-external--blue.svg) right center no-repeat !important; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--5-oak .quote-block-image--content { background-color: #f6f5f4; color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--5-oak .quote-block-image--content blockquote { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--5-oak .quote-block-image--content blockquote p { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--5-oak .quote-block-image--content .quote-block-image__author { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--5-oak .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--5-oak .quote-block-image--content span.ext { background: url(./icon-external--blue.svg) right center no-repeat !important; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--white .quote-block-image--content { background-color: #ffffff; color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--white .quote-block-image--content blockquote { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--white .quote-block-image--content blockquote p { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--white .quote-block-image--content .quote-block-image__author { color: #34220d; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--white .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--white .quote-block-image--content span.ext { background: url(./icon-external--blue.svg) right center no-repeat !important; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--blue .quote-block-image--content { background-color: #007cba; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--blue .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--blue .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--blue .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--blue .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--teal .quote-block-image--content { background-color: #00818f; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--teal .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--teal .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--teal .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--teal .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--green .quote-block-image--content { background-color: #2e8025; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--green .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--green .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--green .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--green .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--orange .quote-block-image--content { background-color: #d64123; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--orange .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--orange .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--orange .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--orange .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--red .quote-block-image--content { background-color: #ca003d; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--red .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--red .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--red .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--red .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--pink .quote-block-image--content { background-color: #a50064; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--pink .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--pink .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--pink .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--pink .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--purple .quote-block-image--content { background-color: #8f4899; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--purple .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--purple .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--purple .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--purple .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--purple-alt .quote-block-image--content { background-color: #6f2277; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--purple-alt .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--purple-alt .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--purple-alt .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--purple-alt .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-red .quote-block-image--content { background-color: #ce0037; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-red .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-red .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-red .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-red .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-pink .quote-block-image--content { background-color: #c6007e; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-pink .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-pink .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-pink .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-pink .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-teal .quote-block-image--content { background-color: #007681; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-teal .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-teal .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-teal .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-teal .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-yellow .quote-block-image--content { background-color: #eaaa00; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-yellow .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-yellow .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-yellow .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-yellow .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-brown .quote-block-image--content { background-color: #774212; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-brown .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-brown .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-brown .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-brown .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-purple .quote-block-image--content { background-color: #ac4fc6; color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-purple .quote-block-image--content p, .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-purple .quote-block-image--content a { color: #ffffff; } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-purple .quote-block-image--content .da-vinci-code-icon { fill: rgba(0, 0, 0, 0.15); } .paragraph--type--quote-block-image-quote .quote-block-image-content__wrapper.quote-block-image-bg--annual-purple .quote-block-image--content span.ext { background-image: url(./icon-external.svg) right center no-repeat; } @media (max-width: 767px) { .quote-block--small-wrapper.paragraph--type--quote-block { padding: 1.5625rem 1.1rem 0.9375rem; } } .quote-block--small-wrapper.paragraph--type--quote-block .quote-block { padding: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: none; height: 100%; } @media (max-width: 767px) { .quote-block--small-wrapper.paragraph--type--quote-block .quote-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .quote-block--small-wrapper.paragraph--type--quote-block .quote-block .quote-block-meta { margin-top: 0; } .quote-block--small-wrapper.paragraph--type--quote-block .quote-block blockquote > p { font-size: 16px; border: none; padding-bottom: 0; } .quote-block--small-wrapper.paragraph--type--quote-block .quote-block__content { width: 100%; padding-right: 0; } .quote-block--small-wrapper.paragraph--type--quote-block .quote-block__content figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .quote-block--small-wrapper.paragraph--type--quote-block .quote-small--title { text-align: center; width: 75%; margin-left: auto; margin-right: auto; margin-bottom: 1.75rem; } .quote-block--small-wrapper.paragraph--type--quote-block .quote-small--title h4 { font-size: 36px; font-family: "Nestle-Text-Book"; } @media (max-width: 767px) { .quote-block--small-wrapper.paragraph--type--quote-block .quote-small--title h4 { font-size: 24px; } } .quote-block--small-wrapper.paragraph--type--quote-block .field--name-field-quote { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .quote-block--small-wrapper.paragraph--type--quote-block .field--item { -ms-flex-preferred-size: 96%; flex-basis: 96%; margin-left: 1%; background-color: white; margin-bottom: 0.9375rem; padding: 1.5625rem 1.5625rem; border-radius: 10px; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1607843137); border: 1px solid #e6e2df; } @media screen and (max-width: 1279px) { .quote-block--small-wrapper.paragraph--type--quote-block .field--item { -ms-flex-preferred-size: 96%; flex-basis: 96%; } } @media (max-width: 767px) { .quote-block--small-wrapper.paragraph--type--quote-block .field--item { -ms-flex-preferred-size: 96%; flex-basis: 96%; } } .quote-block--small-wrapper.paragraph--type--quote-block .quote-block__content figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .quote-block--small-wrapper.paragraph--type--quote-block .quote-block__link { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: none !important; padding-top: 0; } .quote-block--small-wrapper.paragraph--type--quote-block .quote-block__link figcaption { border-top: 1px solid #cdc6bf; padding-top: 1.5rem; padding-bottom: 1.5rem; } .quote-block--small-wrapper.paragraph--type--quote-block .quote-block__link a, .quote-block--small-wrapper.paragraph--type--quote-block .quote-block__link a:focus { outline: none; border-top: 1px solid #cdc6bf; padding-top: 1.25rem; } .quote-block--small-wrapper.paragraph--type--quote-block .quote-block__link a:link { text-decoration: none; } .quote-block--small-wrapper .quote-carousel, .quote-block--small-wrapper .quote-carousel__item { list-style: none; } .quote-block--small-wrapper .quote-carousel__item { margin-bottom: 0; height: 100%; } .quote-block--small-wrapper .quote-carousel.slick-initialized .quote-block--small-wrapper .quote-carousel__item { padding: 1.5625rem 1.5625rem; } .card-carousel-container--section-divider .quote-block--small-wrapper .quote-carousel .slick-track { margin-left: 0; } .quote-block--small-wrapper .quote-carousel.slick-dotted { margin-bottom: -1.5rem; } .quote-block--small-wrapper .quote-carousel .slick-list { padding-bottom: 1.25rem; z-index: 1; width: 100%; } .quote-block--small-wrapper .quote-carousel .slick-list::before { left: 0; } .quote-block--small-wrapper .quote-carousel .slick-list::after { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .quote-block--small-wrapper .quote-carousel .slick-dots { width: 100%; margin-bottom: 2.5rem; position: static; } .paragraph[class*="paragraph--type--layout"] .quote-block--small-wrapper .quote-carousel .slick-dots { display: none; } .quote-block--small-wrapper .quote-carousel .slick-arrow { position: absolute; top: 43%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: inherit; text-indent: 0; z-index: 3; font-size: 16px; } .quote-block--small-wrapper .quote-carousel .slick-arrow .da-vinci-code-icon { top: 0; } .quote-block--small-wrapper .quote-carousel .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; } .quote-block--small-wrapper .quote-carousel .slick-arrow.slick-prev { left: 50%; margin-left: -50vw; border-radius: 0 4px 4px 0; } @media (min-width: 768px) { .paragraph[class*="paragraph--type--layout"] .quote-block--small-wrapper .quote-carousel .slick-arrow.slick-prev { left: auto; margin-left: 0; right: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph[class*="paragraph--type--layout"] .quote-block--small-wrapper .quote-carousel .slick-arrow.slick-prev { border-radius: 4px; } } .quote-block--small-wrapper .quote-carousel .slick-arrow.slick-next { right: 50%; margin-right: -50vw; border-radius: 4px 0 0 4px; } @media (min-width: 768px) { .paragraph[class*="paragraph--type--layout"] .quote-block--small-wrapper .quote-carousel .slick-arrow.slick-next { right: auto; margin-right: 0; left: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .paragraph[class*="paragraph--type--layout"] .quote-block--small-wrapper .quote-carousel .slick-arrow.slick-next { border-radius: 4px; } } @media (max-width: 1023px) { .quote-block--small-wrapper .quote-carousel .slick-arrow { background: #007cba; color: #ffffff; } } @media (min-width: 1024px) { .quote-block--small-wrapper .quote-carousel .slick-arrow { background: none; color: #007cba; } .quote-block--small-wrapper .quote-carousel .slick-arrow .da-vinci-code-icon { font-size: 1.5em; } } @media (min-width: 1024px) { .card-carousel-container--inset .quote-block--small-wrapper .quote-carousel .slick-arrow.slick-prev { left: auto; margin-left: 0; right: 100%; margin-right: 13px; } .card-carousel-container--inset .quote-block--small-wrapper .quote-carousel .slick-arrow.slick-next { right: auto; margin-right: 0; left: 100%; margin-left: 13px; } } .quote-block--small-wrapper .quote-carousel .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .quote-block--small-wrapper .quote-carousel.slick-initialized .slick-slide { float: none; height: auto; outline: none; } @media (max-width: 767px) { .quote-block--small-wrapper .quote-carousel.slick-initialized .slick-slide { padding-left: 9px; padding-bottom: 5px; } } .quote-block--small-wrapper .quote-carousel.slick-initialized .slick-slide .card-item { height: 100%; min-height: 100%; } .quote-block--small-wrapper .quote-carousel.slick-initialized .slick-slide, .quote-block--small-wrapper .quote-carousel.slick-initialized .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media (max-width: 767px) { .paragraph--type--c-tabbed-content .tab-content .quote-block--small-wrapper.paragraph--type--quote-block { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { [class*="paragraph--type--layout-"] .paragraph--type--quote-block { width: auto; padding-left: 0; padding-right: 0; } } .paragraph--type--quote-block { padding: 1.5625rem 1.875rem 0.9375rem; } @media (min-width: 1024px) { .paragraph--type--quote-block { padding: 1.875rem 0 0.9375rem; } } @media (max-width: 767px) { .paragraph--type--quote-block .component-paragraph-field .component-paragraph-field.quote-full-width { width: auto; } } @media (max-width: 1023px) { .paragraph--type--quote-block .component-paragraph-field { width: auto; } } .paragraph--type--quote-block .quote--title { text-align: center; width: 75%; margin-left: auto; margin-right: auto; margin-bottom: 1.75rem; } .paragraph--type--quote-block .quote--title h4 { font-size: 36px; font-family: "Nestle-Text-Book"; } @media (max-width: 767px) { .paragraph--type--quote-block .quote--title h4 { font-size: 24px; } } .paragraph--type--quote-block .quote-block { background-color: white; margin-bottom: 0.9375rem; padding: 1.5625rem 1.5625rem; border-radius: 10px; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); border: 1px solid #e6e2df; } @media (min-width: 768px) { .paragraph--type--quote-block .quote-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1024px) { .paragraph--type--quote-block .quote-block { -webkit-box-shadow: none; box-shadow: none; padding: 1.875rem; } } .paragraph--type--quote-block .quote-block blockquote { background: transparent; border-radius: 0; padding: 0; color: #30261d; margin-bottom: 0; } .paragraph--type--quote-block .quote-block blockquote > svg { color: #e8e5e2; margin-bottom: 1.875rem; max-width: 4.0625rem; } @media (min-width: 1024px) { .paragraph--type--quote-block .quote-block blockquote > svg { margin-bottom: 0.625rem; } } .paragraph--type--quote-block .quote-block blockquote > p { font-size: 16px; border-bottom: 1px solid #cdc6bf; padding-bottom: 25px; margin-bottom: 0; } @media (min-width: 768px) { .paragraph--type--quote-block .quote-block blockquote > p { font-size: 21px; } } @media (min-width: 1024px) { .paragraph--type--quote-block .quote-block blockquote > p { font-family: "Nestle-Text-Light"; font-size: 23px; padding-bottom: 1.875rem; } } @media screen and (min-width: 1280px) { .paragraph--type--quote-block .quote-block blockquote > p { font-size: 26px; } } .paragraph--type--quote-block .quote-block blockquote footer { color: #30261d; } .paragraph--type--quote-block .quote-block .quote-block-meta { margin-top: 0.75rem; } @media (min-width: 768px) { .paragraph--type--quote-block .quote-block .quote-block-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1024px) { .paragraph--type--quote-block .quote-block .quote-block-meta { margin-top: 1.875rem; } } .paragraph--type--quote-block .quote-block .quote-block-meta__item--avatar { margin-bottom: 0.625rem; } @media (min-width: 768px) { .paragraph--type--quote-block .quote-block .quote-block-meta__item--avatar { -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0; margin-right: 1.875rem; } } .paragraph--type--quote-block .quote-block .quote-block-meta__item--avatar img { width: 4.375rem; height: 4.375rem; border-radius: 50%; vertical-align: middle; border: 1px solid #cdc6bf; } @media (min-width: 1024px) { .paragraph--type--quote-block .quote-block .quote-block-meta__item--avatar img { width: 5.625rem; height: 5.625rem; } } .paragraph--type--quote-block .quote-block .quote-block-meta span { display: block; } .paragraph--type--quote-block .quote-block .quote-block-meta span.quote-block-meta__item--author { font-family: "NestleScript"; font-size: 26px; } @media (min-width: 1024px) { .paragraph--type--quote-block .quote-block .quote-block-meta span.quote-block-meta__item--author { font-size: 30px; } } .paragraph--type--quote-block .quote-block .quote-block-meta span.quote-block-meta__item--role { font-size: 14px; } @media (min-width: 1024px) { .paragraph--type--quote-block .quote-block .quote-block-meta span.quote-block-meta__item--role { font-size: 16px; } } @media (min-width: 768px) { .paragraph--type--quote-block .quote-block__content { padding-right: 2.5rem; width: 75%; } } @media (min-width: 1024px) { .paragraph--type--quote-block .quote-block__content { padding-right: 4.375rem; } } @media screen and (min-width: 1280px) { .paragraph--type--quote-block .quote-block__content { padding-right: 8.125rem; } } .paragraph--type--quote-block .quote-block__link { border-top: 1px solid #cdc6bf; padding-top: 1.25rem; margin-top: 1.25rem; } @media (min-width: 768px) { .paragraph--type--quote-block .quote-block__link { margin-top: 5.625rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 25%; } } @media (min-width: 1024px) { .paragraph--type--quote-block .quote-block__link { margin-top: 5rem; } } .paragraph--type--quote-block .quote-block__link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .paragraph--type--quote-block .quote-block__link a:hover svg { -webkit-transform: translateX(3px); transform: translateX(3px); } .paragraph--type--quote-block .quote-block__link a svg { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 0.625rem; margin-bottom: 0.1875rem; -webkit-transition: 0.3s -webkit-transform ease; transition: 0.3s -webkit-transform ease; transition: 0.3s transform ease; transition: 0.3s transform ease, 0.3s -webkit-transform ease; } @media screen and (min-width: 1280px) { .paragraph--type--quote-block .quote-block__link a svg { margin-left: 1.5625rem; } } .paragraph--type--quote-block .quote-block__link a span.ext { display: inline-block; height: 12px; } @media (max-width: 767px) { .paragraph--type--c-tabbed-content .tab-content .paragraph--type--quote-block { padding: 1.5625rem 0.9375rem 0.9375rem; } } div:not(.paragraph--type--c-tabbed-content) .tab-content .active { padding: 0; } div.paragraph--type--c-tabbed-content.paragraph .tab-content .active { padding: 15px; } .quote-image { position: relative; margin: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .quote-image--top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 1024px) { .quote-image { min-height: 80vh; } .quote-image--middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .quote-image--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .quote-image--left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .quote-image--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .quote-image__quote { margin: 0; min-height: 0; line-height: 1.5em; position: relative; z-index: 2; } @media (max-width: 767px) { .quote-image__quote { font-size: 1.25rem; padding: 1.5625rem; border-radius: 15px; } } @media (min-width: 768px) and (max-width: 1023px) { .quote-image__quote { font-size: 1.875rem; padding: 1.875rem; border-radius: 25px; } .quote-image--middle .quote-image__quote .field { max-width: 30rem; } } @media (min-width: 1024px) { .quote-image__quote { font-size: 2.5rem; padding: 3.125rem; border-radius: 30px; } .quote-image--middle .quote-image__quote { margin-top: 6.25rem; margin-bottom: 6.25rem; } .quote-image__quote .field { max-width: 32rem; } } .quote-image--left .quote-image__quote { padding-left: 10vw; border-top-left-radius: 0; border-bottom-left-radius: 0; } @media (max-width: 1023px) { .quote-image--middle.quote-image--left .quote-image__quote { margin-right: 10vw; } } .quote-image--right .quote-image__quote { padding-right: 10vw; border-top-right-radius: 0; border-bottom-right-radius: 0; } @media (max-width: 1023px) { .quote-image--middle.quote-image--right .quote-image__quote { margin-left: 10vw; } } .quote-image--top .quote-image__quote { border-top-left-radius: 0; border-top-right-radius: 0; } .quote-image--bottom .quote-image__quote { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @media (max-width: 1023px) { .quote-image--top .quote-image__quote, .quote-image--bottom .quote-image__quote { padding-left: 10vw; padding-right: 10vw; width: 100%; } } .quote-image--script .quote-image__quote { line-height: 1.12em; font-family: "NestleScript"; } @media (max-width: 767px) { .quote-image--script .quote-image__quote { font-size: 2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .quote-image--script .quote-image__quote { font-size: 2.625rem; } } @media (min-width: 1024px) { .quote-image--script .quote-image__quote { font-size: 3.125rem; } } .quote-image__image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; overflow: hidden; } .quote-image--top .quote-image__image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (max-width: 767px) { .quote-image--top .quote-image__image { margin-top: -15px; } .quote-image--bottom .quote-image__image { margin-bottom: -15px; } } @media (min-width: 768px) and (max-width: 1023px) { .quote-image--top .quote-image__image { margin-top: -25px; } .quote-image--bottom .quote-image__image { margin-bottom: -25px; } } @media (min-width: 1024px) { .quote-image__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .quote-image__image img { width: 100%; height: auto; max-width: none; max-height: none; min-width: 100%; min-height: 100%; } @media (min-width: 1024px) { .quote-image__image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @supports ((-o-object-fit: cover) or (object-fit: cover)) { .quote-image__image img { -webkit-transform: none; transform: none; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } } } .quote-image--dark-oak .quote-image__quote { background: #30261d; color: #ffffff; } .quote-image--dark-oak .quote-image__image { background: rgb(38.4, 30.4, 23.2); } .quote-image--oak .quote-image__quote { background: #63513d; color: #ffffff; } .quote-image--oak .quote-image__image { background: rgb(79.2, 64.8, 48.8); } .quote-image--85-oak .quote-image__quote { background: #8a7969; color: #ffffff; } .quote-image--85-oak .quote-image__image { background: rgb(110.4, 96.8, 84); } .quote-image--30-oak .quote-image__quote { background: #d1cbc5; color: #34220d; } .quote-image--30-oak .quote-image__image { background: rgb(167.2, 162.4, 157.6); } .quote-image--15-oak .quote-image__quote { background: #e8e5e2; color: #34220d; } .quote-image--15-oak .quote-image__image { background: rgb(185.6, 183.2, 180.8); } .quote-image--5-oak .quote-image__quote { background: #f6f5f4; color: #34220d; } .quote-image--5-oak .quote-image__image { background: rgb(196.8, 196, 195.2); } .quote-image--white .quote-image__quote { background: #ffffff; color: #34220d; } .quote-image--white .quote-image__image { background: #cccccc; } .quote-image--blue .quote-image__quote { background: #007cba; color: #ffffff; } .quote-image--blue .quote-image__image { background: #026ba0; } .quote-image--teal .quote-image__quote { background: #00818f; color: #ffffff; } .quote-image--teal .quote-image__image { background: rgb(0, 103.2, 114.4); } .quote-image--green .quote-image__quote { background: #2e8025; color: #ffffff; } .quote-image--green .quote-image__image { background: #1e6c15; } .quote-image--orange .quote-image__quote { background: #d64123; color: #ffffff; } .quote-image--orange .quote-image__image { background: #bc3114; } .quote-image--red .quote-image__quote { background: #ca003d; color: #ffffff; } .quote-image--red .quote-image__image { background: rgb(161.6, 0, 48.8); } .quote-image--pink .quote-image__quote { background: #a50064; color: #ffffff; } .quote-image--pink .quote-image__image { background: #840050; } .quote-image--purple .quote-image__quote { background: #8f4899; color: #ffffff; } .quote-image--purple .quote-image__image { background: rgb(114.4, 57.6, 122.4); } .quote-image--purple-alt .quote-image__quote { background: #6f2277; color: #ffffff; } .quote-image--purple-alt .quote-image__image { background: rgb(88.8, 27.2, 95.2); } .quote-image--annual-red .quote-image__quote { background: #ce0037; color: #ffffff; } .quote-image--annual-red .quote-image__image { background: rgb(164.8, 0, 44); } .quote-image--annual-pink .quote-image__quote { background: #c6007e; color: #ffffff; } .quote-image--annual-pink .quote-image__image { background: rgb(158.4, 0, 100.8); } .quote-image--annual-teal .quote-image__quote { background: #007681; color: #ffffff; } .quote-image--annual-teal .quote-image__image { background: rgb(0, 94.4, 103.2); } .quote-image--annual-yellow .quote-image__quote { background: #eaaa00; color: #ffffff; } .quote-image--annual-yellow .quote-image__image { background: rgb(187.2, 136, 0); } .quote-image--annual-brown .quote-image__quote { background: #774212; color: #ffffff; } .quote-image--annual-brown .quote-image__image { background: rgb(95.2, 52.8, 14.4); } .quote-image--annual-purple .quote-image__quote { background: #ac4fc6; color: #ffffff; } .quote-image--annual-purple .quote-image__image { background: rgb(137.6, 63.2, 158.4); } .view-display-id-block_1-view-builder .field--name-field-c-text, .view-display-id-block_1-view-builder .field--name-field-footer { max-width: 53.125rem; } .view-display-id-block_1-view-builder .field--name-field-footer { margin-bottom: 1.875rem; } .view-display-id-block_1-view-builder .view-id-content_recent .view-content { border-bottom: none; } .view-display-id-block_1-view-builder .view-id-content_recent ul { margin-left: 1.0625rem; margin-top: 1.875rem; margin-bottom: 1.875rem; max-width: 46.25rem; } .view-display-id-block_1-view-builder .view-id-content_recent ul li { list-style-type: disc; margin-bottom: 1.25rem; } .view-display-id-block_1-view-builder .view-id-content_recent ul li .views-field-title { margin-bottom: 0.1875rem; } div[class*="paragraph--type--layout-"] .paragraph--type--da-vinci-related-information, div[class*="paragraph--type--layout-"] .paragraph--type--da-vinci-related-information > .component-paragraph-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .paragraph--type--da-vinci-related-information .component-paragraph-field { height: auto; } .related-information { border-radius: 7px; margin-top: 40px; margin-bottom: 40px; width: 100%; } div[class*="paragraph--type--layout-"] .related-information { margin-top: 0; margin-bottom: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 767px) { .related-information { padding: 1.25rem; } } @media (min-width: 768px) and (max-width: 1023px) { .related-information { padding: 1.875rem; } } @media (min-width: 1024px) { .related-information { padding: 2.5rem; } } .related-information.da-vinci-code-background--white { padding: 0; } @media (max-width: 1023px) { .related-information__title { font-size: 1.5rem; margin-bottom: 1.25em; } } @media (min-width: 1024px) { .related-information__title { font-size: 1.875rem; margin-bottom: 1.5em; } } .related-information__documents { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -20px; margin-bottom: -20px; } @media screen and (min-width: 1366px) { .related-information__documents { margin-left: -48px; } } @media (max-width: 1023px) { .related-information__documents { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } div[class*="paragraph--type--layout-"] .related-information__documents { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .related-information__documents, .related-information__documents li { list-style: none; } .related-information__documents li { padding-left: 20px; margin-bottom: 20px; width: 100%; } @media screen and (min-width: 1366px) { .related-information__documents li { padding-left: 48px; } } @media (max-width: 1023px) { .related-information__documents li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (min-width: 1024px) { .related-information__documents li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } div[class*="paragraph--type--layout-"] .related-information__documents li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 1024px) { .related-information--websites { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .related-information--websites .related-information__title { padding-right: 24px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .related-information--websites .related-information__websites { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .related-information--websites .related-information__website-select { width: 66.6667%; } div[class*="paragraph--type--layout-"] .related-information--websites { display: block; } div[class*="paragraph--type--layout-"] .related-information--websites .related-information__title { padding-right: 0; } div[class*="paragraph--type--layout-"] .related-information--websites .related-information__website-select { width: auto; } } .related-information__websites, .related-information__websites li { list-style: none; } .related-information__websites li:not(:last-child) { margin-bottom: 8px; } @media (min-width: 1024px) { .related-information__websites { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -48px; } .related-information__websites li { padding-left: 48px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media screen and (min-width: 1366px) { .related-information__websites { margin-left: -80px; } .related-information__websites li { padding-left: 80px; } } @media (min-width: 1024px) { div[class*="paragraph--type--layout-"] .related-information__websites { display: block; margin-left: 0; } div[class*="paragraph--type--layout-"] .related-information__websites li { padding-left: 0; } } .related-information--text, .related-information--events { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .related-information--text .related-information__title, .related-information--text .field--name-field-c-text, .related-information--text .related-information__more, .related-information--events .related-information__title, .related-information--events .field--name-field-c-text, .related-information--events .related-information__more { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .related-information--text .related-information__more, .related-information--events .related-information__more { margin-top: auto; } .related-information--text .field--name-field-c-text { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .related-information--text .field--name-field-c-text { margin-bottom: 2rem; } .related-information--text .field--name-field-c-text p { padding-bottom: 0; } .related-information--text .field--name-field-c-text p:not(:last-child) { margin-bottom: 1em; } .related-information__more { font-size: 13px; text-transform: uppercase; font-family: "Nestle-Text-Book"; } .related-information__more, .related-information__more:hover { color: inherit; } .da-vinci-code-background--white .related-information__more, .da-vinci-code-background--5-oak .related-information__more { color: #0072ad; } .related-information__more .da-vinci-code-icon { font-size: 16px; margin-left: 0.5em; } .related-information__more:hover .da-vinci-code-icon { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .related-document { display: -webkit-box; display: -ms-flexbox; display: flex; } .related-document, .related-document:hover { color: inherit; } .related-document__icon { margin-right: 16px; top: 0.3em; } .da-vinci-code-background--white .related-document__icon, .da-vinci-code-background--5-oak .related-document__icon { color: #007cba; } .related-document__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .related-document__title { font-size: 1em; font-family: "Nestle-Text-Bold"; line-height: 1.3; -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } .da-vinci-code-background--white .related-document__title, .da-vinci-code-background--5-oak .related-document__title { color: #0072ad; } .related-document:hover .related-document__title { -webkit-transform: translateX(5px); transform: translateX(5px); } .related-document__data { font-size: 0.8125rem; line-height: 1.2307692308em; display: -webkit-box; display: -ms-flexbox; display: flex; } .da-vinci-code-background--white .related-document__data, .da-vinci-code-background--5-oak .related-document__data { color: #63513d; } .related-document__data::before { content: "("; } .related-document__data::after { content: ")"; } .related-document__data dt { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .related-document__data dd { text-transform: uppercase; } .related-document__data dd:not(:last-child)::after { content: ", "; margin-right: 0.25em; } .related-website { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #d1cbc5; padding: 0.375rem 0; font-size: 1.125rem; line-height: 1.3333333333; } .related-website, .related-website:visited, .related-website:hover { color: inherit; } .da-vinci-code-background--white .related-website, .da-vinci-code-background--5-oak .related-website { color: #0072ad; } .related-website .da-vinci-code-icon { font-size: 1rem; margin-left: 1em; top: 0; } .related-website span { -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } .related-website:hover span { -webkit-transform: translateX(5px); transform: translateX(5px); } .related-website:hover .da-vinci-code-icon { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .related-website-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-left: -20px; margin-bottom: -20px; } @media (max-width: 767px) { .related-website-select { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .related-website-select__field, .related-website-select__button { margin-left: 20px; margin-bottom: 20px; } @media (max-width: 767px) { .related-website-select__field, .related-website-select__button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .related-website-select__field { display: block; color: inherit; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .related-website-select__field span { display: block; margin-bottom: 0.5em; } .related-website-select__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0.3888888889em 0; border: none; background: none; font-size: 18px; line-height: 1.1111111111; } @media (max-width: 767px) { .related-website-select__button { margin-top: auto; border-bottom: 1px solid #d1cbc5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0.5833333333em; } } .related-website-select__button .da-vinci-code-icon { margin-left: 0.5em; top: -0.1em; font-size: 1rem; } .related-website-select__button:hover .da-vinci-code-icon { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .paragraph--type--layout-50-25-25 .field--name-field-column-second .related-website-select, .paragraph--type--layout-50-25-25 .field--name-field-column-third .related-website-select, .paragraph--type--layout-25-50-25 .field--name-field-column-first .related-website-select, .paragraph--type--layout-25-50-25 .field--name-field-column-third .related-website-select, .paragraph--type--layout-25-25-50 .field--name-field-column-first .related-website-select, .paragraph--type--layout-25-25-50 .field--name-field-column-second .related-website-select, .paragraph--type--layout-75-25 .field--name-field-column-second .related-website-select, .paragraph--type--layout-25-75 .field--name-field-column-first .related-website-select, .paragraph--type--layout-66-33 .field--name-field-column-second .related-website-select, .paragraph--type--layout-33-66 .field--name-field-column-first .related-website-select, .paragraph--type--layout-columns-3 .related-website-select, .paragraph--type--layout-columns-4 .related-website-select, .paragraph--type--layout-columns-5 .related-website-select { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .paragraph--type--layout-50-25-25 .field--name-field-column-second .related-website-select__field, .paragraph--type--layout-50-25-25 .field--name-field-column-second .related-website-select__button, .paragraph--type--layout-50-25-25 .field--name-field-column-third .related-website-select__field, .paragraph--type--layout-50-25-25 .field--name-field-column-third .related-website-select__button, .paragraph--type--layout-25-50-25 .field--name-field-column-first .related-website-select__field, .paragraph--type--layout-25-50-25 .field--name-field-column-first .related-website-select__button, .paragraph--type--layout-25-50-25 .field--name-field-column-third .related-website-select__field, .paragraph--type--layout-25-50-25 .field--name-field-column-third .related-website-select__button, .paragraph--type--layout-25-25-50 .field--name-field-column-first .related-website-select__field, .paragraph--type--layout-25-25-50 .field--name-field-column-first .related-website-select__button, .paragraph--type--layout-25-25-50 .field--name-field-column-second .related-website-select__field, .paragraph--type--layout-25-25-50 .field--name-field-column-second .related-website-select__button, .paragraph--type--layout-75-25 .field--name-field-column-second .related-website-select__field, .paragraph--type--layout-75-25 .field--name-field-column-second .related-website-select__button, .paragraph--type--layout-25-75 .field--name-field-column-first .related-website-select__field, .paragraph--type--layout-25-75 .field--name-field-column-first .related-website-select__button, .paragraph--type--layout-66-33 .field--name-field-column-second .related-website-select__field, .paragraph--type--layout-66-33 .field--name-field-column-second .related-website-select__button, .paragraph--type--layout-33-66 .field--name-field-column-first .related-website-select__field, .paragraph--type--layout-33-66 .field--name-field-column-first .related-website-select__button, .paragraph--type--layout-columns-3 .related-website-select__field, .paragraph--type--layout-columns-3 .related-website-select__button, .paragraph--type--layout-columns-4 .related-website-select__field, .paragraph--type--layout-columns-4 .related-website-select__button, .paragraph--type--layout-columns-5 .related-website-select__field, .paragraph--type--layout-columns-5 .related-website-select__button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .paragraph--type--layout-50-25-25 .field--name-field-column-second .related-website-select__button, .paragraph--type--layout-50-25-25 .field--name-field-column-third .related-website-select__button, .paragraph--type--layout-25-50-25 .field--name-field-column-first .related-website-select__button, .paragraph--type--layout-25-50-25 .field--name-field-column-third .related-website-select__button, .paragraph--type--layout-25-25-50 .field--name-field-column-first .related-website-select__button, .paragraph--type--layout-25-25-50 .field--name-field-column-second .related-website-select__button, .paragraph--type--layout-75-25 .field--name-field-column-second .related-website-select__button, .paragraph--type--layout-25-75 .field--name-field-column-first .related-website-select__button, .paragraph--type--layout-66-33 .field--name-field-column-second .related-website-select__button, .paragraph--type--layout-33-66 .field--name-field-column-first .related-website-select__button, .paragraph--type--layout-columns-3 .related-website-select__button, .paragraph--type--layout-columns-4 .related-website-select__button, .paragraph--type--layout-columns-5 .related-website-select__button { margin-top: auto; border-bottom: 1px solid #d1cbc5; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 10.5px; } .related-events { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin-left: -20px; margin-bottom: 32px; } @media screen and (min-width: 1366px) { .related-events { margin-left: -80px; } } .related-events, .related-events__item { list-style: none; } .related-events__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; padding-left: 20px; } @media screen and (min-width: 1366px) { .related-events__item { padding-left: 80px; } } .related-events__item:nth-child(3) ~ .related-events__item { display: none; } @media (max-width: 767px) { .related-events__item:nth-child(2), .related-events__item:nth-child(3) { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .related-events__item:nth-child(3) { display: none; } } .paragraph--type--layout-50-25-25 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-50-25-25 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-50-25-25 .field--name-field-column-third .related-events__item:nth-child(2), .paragraph--type--layout-50-25-25 .field--name-field-column-third .related-events__item:nth-child(3), .paragraph--type--layout-25-50-25 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-25-50-25 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-25-50-25 .field--name-field-column-third .related-events__item:nth-child(2), .paragraph--type--layout-25-50-25 .field--name-field-column-third .related-events__item:nth-child(3), .paragraph--type--layout-25-25-50 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-25-25-50 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-25-25-50 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-25-25-50 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-75-25 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-75-25 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-25-75 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-25-75 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-66-33 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-66-33 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-33-66 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-33-66 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-columns-3 .related-events__item:nth-child(2), .paragraph--type--layout-columns-3 .related-events__item:nth-child(3), .paragraph--type--layout-columns-4 .related-events__item:nth-child(2), .paragraph--type--layout-columns-4 .related-events__item:nth-child(3), .paragraph--type--layout-columns-5 .related-events__item:nth-child(2), .paragraph--type--layout-columns-5 .related-events__item:nth-child(3) { display: none; } @media (max-width: 1023px) { .paragraph--type--layout-75-25 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-75-25 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-25-75 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-25-75 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-66-33 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-66-33 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-33-66 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-33-66 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-columns-1 .related-events__item:nth-child(2), .paragraph--type--layout-columns-1 .related-events__item:nth-child(3) { display: none; } } @media (min-width: 1024px) { .paragraph--type--layout-75-25 .field--name-field-column-first .related-events, .paragraph--type--layout-25-75 .field--name-field-column-second .related-events, .paragraph--type--layout-66-33 .field--name-field-column-first .related-events, .paragraph--type--layout-33-66 .field--name-field-column-second .related-events, .paragraph--type--layout-columns-1 .related-events { margin-left: -20px; } .paragraph--type--layout-75-25 .field--name-field-column-first .related-events__item, .paragraph--type--layout-25-75 .field--name-field-column-second .related-events__item, .paragraph--type--layout-66-33 .field--name-field-column-first .related-events__item, .paragraph--type--layout-33-66 .field--name-field-column-second .related-events__item, .paragraph--type--layout-columns-1 .related-events__item { padding-left: 20px; } .paragraph--type--layout-75-25 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-25-75 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-66-33 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-33-66 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-columns-1 .related-events__item:nth-child(3) { display: none; } } .paragraph--type--layout-50-25-25 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-50-25-25 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-25-50-25 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-25-50-25 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-25-25-50 .field--name-field-column-third .related-events__item:nth-child(2), .paragraph--type--layout-25-25-50 .field--name-field-column-third .related-events__item:nth-child(3), .paragraph--type--layout-75-25 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-75-25 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-25-75 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-25-75 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-66-33 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-66-33 .field--name-field-column-first .related-events__item:nth-child(3), .paragraph--type--layout-33-66 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-33-66 .field--name-field-column-second .related-events__item:nth-child(3), .paragraph--type--layout-columns-1 .related-events__item:nth-child(2), .paragraph--type--layout-columns-1 .related-events__item:nth-child(3) { display: none; } @media (min-width: 1024px) { .paragraph--type--layout-50-25-25 .field--name-field-column-first .related-events, .paragraph--type--layout-25-50-25 .field--name-field-column-second .related-events, .paragraph--type--layout-25-25-50 .field--name-field-column-third .related-events, .paragraph--type--layout-75-25 .field--name-field-column-first .related-events, .paragraph--type--layout-25-75 .field--name-field-column-second .related-events, .paragraph--type--layout-66-33 .field--name-field-column-first .related-events, .paragraph--type--layout-33-66 .field--name-field-column-second .related-events, .paragraph--type--layout-columns-1 .related-events { margin-left: -20px; } .paragraph--type--layout-50-25-25 .field--name-field-column-first .related-events__item, .paragraph--type--layout-25-50-25 .field--name-field-column-second .related-events__item, .paragraph--type--layout-25-25-50 .field--name-field-column-third .related-events__item, .paragraph--type--layout-75-25 .field--name-field-column-first .related-events__item, .paragraph--type--layout-25-75 .field--name-field-column-second .related-events__item, .paragraph--type--layout-66-33 .field--name-field-column-first .related-events__item, .paragraph--type--layout-33-66 .field--name-field-column-second .related-events__item, .paragraph--type--layout-columns-1 .related-events__item { padding-left: 20px; } } @media screen and (min-width: 1366px) { .paragraph--type--layout-50-25-25 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-25-50-25 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-25-25-50 .field--name-field-column-third .related-events__item:nth-child(2), .paragraph--type--layout-75-25 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-25-75 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-66-33 .field--name-field-column-first .related-events__item:nth-child(2), .paragraph--type--layout-33-66 .field--name-field-column-second .related-events__item:nth-child(2), .paragraph--type--layout-columns-1 .related-events__item:nth-child(2) { display: block; } } .related-event { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #d1cbc5; font-family: "Nestle-Text-Book"; } .related-event, .related-event:hover { color: inherit; } .related-event__title, .related-event__date { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .related-event__title { font-size: 18px; font-family: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .related-event__title span { -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } .related-event:hover .related-event__title span { -webkit-transform: translateX(5px); transform: translateX(5px); } .da-vinci-code-background--white .related-event__title, .da-vinci-code-background--5-oak .related-event__title { color: #0072ad; } .related-event__title .da-vinci-code-icon { font-size: 1rem; margin-left: 0.5em; } .related-event:hover .related-event__title .da-vinci-code-icon { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .related-event__date { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; font-size: 13px; text-transform: uppercase; margin-bottom: 0.5em; } .report-concern .modal-dialog { max-width: 400px; } .report-concern .modal-dialog .modal-content .modal-body { margin: 0; padding: 5px; } .report-concern .modal-dialog .modal-content .modal-body .webform-submission-report-a-concern-form { margin: 0; padding: 0; width: 100%; } .report-concern .modal-dialog .modal-content .modal-body .webform-submission-report-a-concern-form .page-header { display: none; } .report-concern .modal-dialog .modal-content .modal-body .webform-submission-report-a-concern-form .form-item { margin: 50px 0px 0px 0px; width: 100%; } .report-concern .modal-dialog .modal-content .modal-body .webform-submission-report-a-concern-form .form-item .snippetBox { font-family: NStext-bold, helvetica, arial, san-serif; position: relative; font-size: 0.95em; font-weight: 500; padding: 0.7em 0.5em; margin: 0 0.25em 1em 0; text-align: center; line-height: normal; vertical-align: middle; background-color: #494950 !important; text-transform: uppercase; min-height: 9.4em !important; } .report-concern .modal-dialog .modal-content .modal-body .webform-submission-report-a-concern-form .form-item .snippetBox .bigfont.white { float: left; font-weight: bold; font-size: 13px; padding: 10px 10px 41px; text-align: center; width: 100%; } .report-concern .modal-dialog .modal-content .modal-body .webform-submission-report-a-concern-form .form-item .ipLocatorPopup { margin: 0; padding: 0; width: 100%; } .report-concern .modal-dialog .modal-content .modal-body .webform-submission-report-a-concern-form .form-item .ipLocatorPopup .pageButtons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; } .report-concern .modal-dialog .modal-content .modal-body .webform-submission-report-a-concern-form .form-item .ipLocatorPopup .pageButtons .pagebuttonleft { float: left; margin-right: 10px; padding-bottom: 0px; width: 170px; } .report-concern .modal-dialog .modal-content .modal-body .webform-submission-report-a-concern-form .form-item .ipLocatorPopup .pageButtons .pagebuttonright { float: left; padding-bottom: 0px; width: 170px; } .report-concern.modal-open { position: fixed; } .footer-below .block-report-concern-form-modal-block { display: none; } .paragraph--type--feed-widget .boxHeader { background-color: #007cba; } .paragraph--type--feed-widget .box-title { font-size: 18.46px; line-height: 23.08px; text-transform: uppercase; font-weight: 700; font-family: "Nestle-Text-Light"; margin-bottom: 0; } .paragraph--type--feed-widget .box-title span { color: #ffffff; } .paragraph--type--feed-widget .FeedParser .rss-item { padding: 10px; } .paragraph--type--feed-widget .FeedParser .rss-item .rss-date-class { margin-top: 5px; color: #63513d; } .paragraph--type--feed-widget .FeedParser p { padding-left: 10px; margin-top: 10px; } .view-display-id-page_search, .search-wrapper { padding: 0; width: 80%; margin-left: auto; margin-right: auto; -webkit-transition: 0.3s; transition: 0.3s; } .view-display-id-page_search .view-display-id-page_search, .search-wrapper .view-display-id-page_search { width: 100%; } @media (max-width: 767px) { .view-display-id-page_search, .search-wrapper { width: 100%; padding: 2.1875rem 1.25rem; } } .view-display-id-page_search form #edit-sort-bef-combine, .search-wrapper form #edit-sort-bef-combine { padding: 10px 0 14px 0; } .view-display-id-page_search form #edit-sort-bef-combine input[type="radio"], .search-wrapper form #edit-sort-bef-combine input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .view-display-id-page_search form #edit-sort-bef-combine label, .search-wrapper form #edit-sort-bef-combine label { font-size: 13px; margin: 0 5px 0 3px; line-height: 17px; color: #30261d; padding-left: 10px; } .view-display-id-page_search form #edit-sort-bef-combine label.fieldset-selected, .search-wrapper form #edit-sort-bef-combine label.fieldset-selected { font-size: 0.813rem; line-height: 17px; font-family: "Nestle-Text-Bold"; } .view-display-id-page_search form #edit-sort-bef-combine label.fieldset-selected:after, .search-wrapper form #edit-sort-bef-combine label.fieldset-selected:after { content: ""; display: block; margin: 0 auto; width: 88%; color: #30261d; padding-top: 5px; border-bottom: 2px solid #00807a; } @media (max-width: 767px) { .view-display-id-page_search form #edit-sort-bef-combine label, .search-wrapper form #edit-sort-bef-combine label { margin-left: 0; padding-left: 0; } } .view-display-id-page_search form #edit-sort-bef-combine label:hover, .search-wrapper form #edit-sort-bef-combine label:hover { color: rgb(0, 91.2, 138.4); } .view-display-id-page_search form #edit-sort-bef-combine label.selected, .search-wrapper form #edit-sort-bef-combine label.selected { color: #666666; cursor: default; } .view-display-id-page_search form #edit-sort-bef-combine label.selected:hover, .search-wrapper form #edit-sort-bef-combine label.selected:hover { color: #666666; } .view-display-id-page_search form #edit-sort-bef-combine .form-radios, .search-wrapper form #edit-sort-bef-combine .form-radios { display: -webkit-box; display: -ms-flexbox; display: flex; } .view-display-id-page_search form #edit-sort-bef-combine .form-radios .form-type-radio:first-child, .search-wrapper form #edit-sort-bef-combine .form-radios .form-type-radio:first-child { position: relative; padding-left: 0; margin: 0; padding-right: 15px; } @media (max-width: 767px) { .view-display-id-page_search form #edit-sort-bef-combine .form-radios .form-type-radio:first-child, .search-wrapper form #edit-sort-bef-combine .form-radios .form-type-radio:first-child { padding-right: 20px; } } .view-display-id-page_search form #edit-sort-bef-combine .form-radios .form-type-radio:first-child .control-label, .search-wrapper form #edit-sort-bef-combine .form-radios .form-type-radio:first-child .control-label { padding-right: 10px; } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-page_search form #edit-sort-bef-combine .form-radios .form-type-radio:first-child .control-label, .search-wrapper form #edit-sort-bef-combine .form-radios .form-type-radio:first-child .control-label { padding-left: 0; margin-left: 0; } } @media (max-width: 767px) { .view-display-id-page_search form #edit-sort-bef-combine .form-radios .form-type-radio:first-child .control-label, .search-wrapper form #edit-sort-bef-combine .form-radios .form-type-radio:first-child .control-label { padding-right: 10px; } } .view-display-id-page_search form #edit-sort-bef-combine .form-radios .form-type-radio:first-child:after, .search-wrapper form #edit-sort-bef-combine .form-radios .form-type-radio:first-child:after { content: "|"; position: absolute; left: 100%; bottom: 2px; font-size: 19px; font-family: "Nestle-Text-Book"; color: #d1cbc5; } @media (max-width: 767px) { .view-display-id-page_search form #edit-sort-bef-combine .form-radios .form-type-radio:first-child:after, .search-wrapper form #edit-sort-bef-combine .form-radios .form-type-radio:first-child:after { left: 98%; top: -3px; } } .view-display-id-page_search form #edit-sort-bef-combine .form-radios .form-type-radio .label-hover, .search-wrapper form #edit-sort-bef-combine .form-radios .form-type-radio .label-hover { outline: -webkit-focus-ring-color auto 2px; } .view-display-id-page_search form #edit-sort-bef-combine .form-radios:nth-child(2), .search-wrapper form #edit-sort-bef-combine .form-radios:nth-child(2) { margin-left: 10px; } .view-display-id-page_search .no-result-suggestions p, .search-wrapper .no-result-suggestions p { padding: 0; } .view-display-id-page_search .exposed-filter-wrapper, .search-wrapper .exposed-filter-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media (max-width: 736px) { .view-display-id-page_search .exposed-filter-wrapper, .search-wrapper .exposed-filter-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 1366px) { .view-display-id-page_search .exposed-filter-wrapper, .search-wrapper .exposed-filter-wrapper { width: 66.6667%; } } @media (min-width: 1920px) { .view-display-id-page_search .exposed-filter-wrapper, .search-wrapper .exposed-filter-wrapper { width: 50%; } } @media (max-width: 767px) { .view-display-id-page_search .exposed-filter-wrapper, .search-wrapper .exposed-filter-wrapper { width: 100%; } } .view-display-id-page_search .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper, .search-wrapper .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: uppercase; margin-bottom: 0; } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-page_search .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper, .search-wrapper .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .view-display-id-page_search .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper, .search-wrapper .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper { padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .view-display-id-page_search .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper .js-form-item-sort-bef-combine, .search-wrapper .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper .js-form-item-sort-bef-combine { margin-top: 0; padding-left: 15px; } @media (max-width: 767px) { .view-display-id-page_search .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper .js-form-item-sort-bef-combine, .search-wrapper .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper .js-form-item-sort-bef-combine { padding-left: 20px; margin-bottom: 0; } } .view-display-id-page_search .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper legend, .search-wrapper .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper legend { font-size: 0; } .view-display-id-page_search .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper .fieldset-wrapper, .search-wrapper .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper .fieldset-wrapper { padding-bottom: 0; } @media (max-width: 767px) { .view-display-id-page_search .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper .fieldset-wrapper, .search-wrapper .exposed-filter-wrapper .view-filters #edit-sort-bef-combine--wrapper .fieldset-wrapper { margin-top: 30px; } } .view-display-id-page_search .jobs-container.views-row, .search-wrapper .jobs-container.views-row { width: 100%; } @media (min-width: 1366px) { .view-display-id-page_search .jobs-container.views-row, .search-wrapper .jobs-container.views-row { width: 66.6667%; } } @media (min-width: 1920px) { .view-display-id-page_search .jobs-container.views-row, .search-wrapper .jobs-container.views-row { width: 50%; } } @media (max-width: 767px) { .view-display-id-page_search .jobs-container.views-row, .search-wrapper .jobs-container.views-row { width: 100%; margin-right: 0; } } .view-display-id-page_search .views-field.views-field-country-name, .search-wrapper .views-field.views-field-country-name { width: 100%; } .view-display-id-page_search .views-row:nth-child(odd), .search-wrapper .views-row:nth-child(odd) { background: white !important; } .view-display-id-page_search .views-row:nth-child(even), .search-wrapper .views-row:nth-child(even) { background: white !important; } .view-display-id-page_search .jobs-card, .search-wrapper .jobs-card { padding: 20px; border: 1px solid #e8e5e2; margin-bottom: 10px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16); } @media (max-width: 767px) { .view-display-id-page_search .jobs-card, .search-wrapper .jobs-card { margin-bottom: 1rem; } } .view-display-id-page_search .jobs-inline, .search-wrapper .jobs-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 0 0 10px 0; } .view-display-id-page_search .jobs-inline div, .search-wrapper .jobs-inline div { padding-right: 20px; } @media (min-width: 768px) and (max-width: 1023px) { .view-display-id-page_search .jobs-inline, .search-wrapper .jobs-inline { display: block; } } @media (max-width: 767px) { .view-display-id-page_search .jobs-inline, .search-wrapper .jobs-inline { display: block; } } .view-display-id-page_search .jobs-type:before, .search-wrapper .jobs-type:before { content: ""; mask-image: url(.-icons/time2.svg); -webkit-mask-image: url(.-icons/time2.svg); background-color: #63513d; mask-position: center center; -webkit-mask-position: center center; display: inline-block; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; vertical-align: middle; background-size: 100% !important; width: 1em; height: 1.2em; margin-right: 5px; margin-top: -0.2em; } .view-display-id-page_search .jobs-type a, .search-wrapper .jobs-type a { color: #63513d; } .view-display-id-page_search .jobs-location:before, .search-wrapper .jobs-location:before { content: ""; mask-image: url(.-icons/location2.svg); -webkit-mask-image: url(.-icons/location2.svg); background-color: #63513d; mask-position: center center; -webkit-mask-position: center center; display: inline-block; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; vertical-align: middle; background-size: 100% !important; width: 1em; height: 1.2em; margin-right: 5px; margin-top: -0.2em; } .view-display-id-page_search .jobs-career-area:before, .search-wrapper .jobs-career-area:before { content: ""; mask-image: url(.-icons/career2.svg); -webkit-mask-image: url(.-icons/career2.svg); background-color: #63513d; mask-position: center center; -webkit-mask-position: center center; display: inline-block; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; background-size: 100% !important; width: 1em; height: 1.2em; margin-right: 5px; margin-top: -0.2em; } .view-display-id-page_search .jobs-career-area a, .search-wrapper .jobs-career-area a { color: #63513d; } .view-display-id-page_search .jobs-days-label, .search-wrapper .jobs-days-label { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; background-color: #e8e5e2; color: #63513d; padding: 4px 10px; border-radius: 4px; display: inline-block; margin-bottom: 4px; } .view-display-id-page_search .jobs-business, .search-wrapper .jobs-business { padding: 2px 0px 10px 0; } .view-display-id-page_search .jobs-business a, .search-wrapper .jobs-business a { color: #63513d; } .view-display-id-page_search .jobs-title, .search-wrapper .jobs-title { color: #007cba; } .view-display-id-page_search a[data-toggle="tooltip"], .search-wrapper a[data-toggle="tooltip"] { font-weight: bold; } .tooltip.jobs-listing-tooltip { opacity: 1; } .tooltip.jobs-listing-tooltip li { line-height: 1.55rem; list-style: none; } .tooltip.jobs-listing-tooltip .tooltip-inner { font-size: 0.85rem !important; padding: 10px; background-color: #f6f5f4; color: #30261d; opacity: 1; font-family: "Nestle-Text-Light"; font-size: 16px; max-width: 300px; text-align: left; } .tooltip.jobs-listing-tooltip .tooltip-arrow { border-top-color: #f6f5f4; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #f6f5f4; padding-right: 0px; } .component-paragraph-field .search-wrapper { width: 100%; } #recent_results_list { position: absolute; width: 95%; z-index: 99; } #recent_results_list .list-group-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333333; } #recent_results_list .list-group-item .recent_list_suggesstions { width: 90%; word-break: break-all; cursor: pointer; font-size: 14px; } #recent_results_list .list-group-item .recent_list_suggesstions:hover { background-color: #0072b5; color: #ffffff; } #recent_results_list .list-group-item .cross-btn { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; width: 2.25rem; height: 2.25rem; background: transparent url(./search_clear.svg) no-repeat; background-size: 25px 18px; background-position: center center; cursor: pointer; } #edit-country-custom-box, #edit-location-custom-box, #edit-career-area-custom-box { width: 100%; height: 2.25rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #949494; font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 20px; border-radius: 2px; padding: 7px 11px 7px; color: #30261d; -webkit-box-shadow: 0 0 0 #a1978b; box-shadow: 0 0 0 #a1978b; background: #ffffff; width: 100%; -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border-color 0.1s ease, box-shadow 0.1s ease; transition: border-color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } #edit-country-custom-box .cross-button, #edit-location-custom-box .cross-button, #edit-career-area-custom-box .cross-button { position: absolute; right: 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; width: 2.25rem; height: 2.25rem; background: transparent url(./search_clear.svg) no-repeat; background-size: 1.5625rem 1.125rem; background-position: center center; cursor: pointer; outline: none; } .path-search .block-title, .block-job-search-block .block-title { font-size: 22px; color: #63513d; } .path-search .page-header, .block-job-search-block .page-header { display: none; } .path-search .main-wrapper .row, .path-search .search-wrapper .row, .block-job-search-block .main-wrapper .row, .block-job-search-block .search-wrapper .row { position: relative; } @media (min-width: 768px) { .path-search .col-md-3, .block-job-search-block .col-md-3 { padding-top: 110px; } } @media (max-width: 1024px) { .path-search .col-md-3, .block-job-search-block .col-md-3 { padding-right: 0; } } .path-search .col-md-9, .block-job-search-block .col-md-9 { position: static; } @media (min-width: 768px) { .path-search .col-md-9, .block-job-search-block .col-md-9 { padding-top: 110px; } } .path-search .col-md-9 .contextual-region, .block-job-search-block .col-md-9 .contextual-region { position: static; } .view-search { font-family: "Nestle-Text-Light"; } .view-search .view-content { overflow: hidden; } @media (max-width: 767px) { .view-search .view-content { background-color: transparent; } } .view-search .view-content .views-label { color: #ffffff; } .view-search .view-content + .pager-nav > .pagination { margin-top: 0; } .view-search .views-row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fefefe; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ffffff; } .view-search .views-row:nth-child(even) { background: #e8e8e9; } .view-search .views-row:nth-child(odd) { background: #f4f4f5; } @media (max-width: 767px) { .view-search .views-row { background: transparent; border-bottom: none; display: block; overflow: hidden; } } .view-search .views-row:hover .views-field .field-content a { color: rgb(0, 91.2, 138.4); } .view-search .views-row:hover .views-field a { cursor: pointer; color: #0072ad; } @media (max-width: 767px) { .view-search .views-row:hover .views-field a { color: initial; } } .view-search .views-field-title { width: 36%; word-wrap: break-word; } @media (max-width: 767px) { .view-search .views-field-title { width: 100%; font-weight: bold; } } .view-search .views-field-field-company, .view-search .views-field-job-company-name, .view-search .views-field-field-career-area-raw, .view-search .views-field-country-name, .view-search .views-field-job-type-name { width: 16%; word-wrap: break-word; } @media (max-width: 767px) { .view-search .views-field-field-company, .view-search .views-field-job-company-name, .view-search .views-field-field-career-area-raw, .view-search .views-field-country-name, .view-search .views-field-job-type-name { width: 100%; } } .view-search .views-label { display: none; color: #63513d; font-weight: 700; font-family: "Nestle-Text-Bold"; cursor: default; } .view-search .views-field:hover a { color: rgb(0, 91.2, 138.4); } @media (max-width: 767px) { .view-search .views-field { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } .view-search .views-field .field-content { width: 100%; } .view-search .views-field.views-field-job-company-name, .view-search .views-field.views-field-field-career-area-raw, .view-search .views-field.views-field-country-name { padding-bottom: 0; } } .view-search .views-field a { color: #0072ad; cursor: pointer; } .view-search .views-row:first-of-type { position: relative; } @media (max-width: 767px) { .view-search .views-row:first-of-type { margin-top: 0; } } .view-search .views-row:first-of-type .views-label { display: none; } @media (min-width: 768px) { .view-search .views-row:first-of-type .views-label { padding: 8px 5px 10px; margin-top: -45px; margin-left: -0.5rem; position: absolute; top: 0; display: block; } } @media (max-width: 767px) { .view-search .views-row:first-of-type .views-label { position: relative; } } .view-search .views-row:first-of-type .field-content { display: block; } .view-search .pager-nav { padding-top: 35px; } .pagination { font-family: "Nestle-Text-Book"; margin-top: 1.78rem; } .pagination > li { list-style: none; display: inline-block; border-radius: 0; font-size: 0.78rem; margin-right: 0.0625rem; } .pagination > li:last-child { margin-right: 0; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination > li > a, .pagination > li > span { background: transparent; border: none; display: block; padding: 0.167rem 0.58rem; border-radius: 0; color: #555555; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #555555; background-color: #e6e6e6; } .pagination > .active > a, .pagination > .active > span { background: #1779ba; color: #fefefe; } .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #1779ba; color: #fefefe; } .search-wrapper > .container { padding: 0; } .component-1881 .search-slogan-container, .component-1886 .search-slogan-container, .component-2161 .search-slogan-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .component-1881 .field--name-field-ln-n-components, .component-1886 .field--name-field-ln-n-components, .component-2161 .field--name-field-ln-n-components { margin: 0; position: relative; } .component-1881 .search-wrapper .view-content, .component-1886 .search-wrapper .view-content, .component-2161 .search-wrapper .view-content { margin: 0; } .block-views-exposed-filter-blocksearch-search-filter-block { display: inline; } .view-search #views-exposed-form-search-page-search .form-item-keyword, .view-search #views-exposed-form-search-page-search .form-item-location, .view-search #views-exposed-form-search-page-search .form-item-career-area, .view-search #views-exposed-form-search-page-search .form-item-company, .view-search #views-exposed-form-search-page-search .form-item-country { display: none; } .paragraph--type--section-divider .component-paragraph-field { height: auto; } .section-divider, .view-display-id-related_stories_block-view-builder .field--name-field-title, .block-views-blockrelated-stories-related-stories-block .block-title { position: relative; margin-top: 1em; margin-bottom: 1.5em; line-height: 1.25; } .section-divider::before, .view-display-id-related_stories_block-view-builder .field--name-field-title::before, .block-views-blockrelated-stories-related-stories-block .block-title::before { content: ""; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 1px; background: currentcolor; z-index: 0; } .section-divider span, .view-display-id-related_stories_block-view-builder .field--name-field-title span, .block-views-blockrelated-stories-related-stories-block .block-title span { display: inline-block; position: relative; z-index: 1; background: #fff; padding-right: 40px; margin-right: 40%; } @media (max-width: 767px) { .section-divider span, .view-display-id-related_stories_block-view-builder .field--name-field-title span, .block-views-blockrelated-stories-related-stories-block .block-title span { padding-right: 0.625rem; } } @media (min-width: 768px) and (max-width: 1023px) { .section-divider span, .view-display-id-related_stories_block-view-builder .field--name-field-title span, .block-views-blockrelated-stories-related-stories-block .block-title span { padding-right: 1.25rem; } } .section-divider__link, .block-views-blockrelated-stories-related-stories-block .block-title__link { position: absolute; font-size: 0.8125rem; line-height: 1.8461538462; color: #007cba; background: #fff; text-transform: unset; z-index: 2; max-width: 33.3333%; font-family: "Nestle-Text-Book"; font-weight: 400; text-transform: uppercase; white-space: nowrap; } @media (max-width: 767px) { .section-divider__link, .block-views-blockrelated-stories-related-stories-block .block-title__link { left: 0; bottom: 0; } } @media (min-width: 768px) { .section-divider__link, .block-views-blockrelated-stories-related-stories-block .block-title__link { right: 0; padding-left: 1rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .section-divider__link .da-vinci-code-icon, .block-views-blockrelated-stories-related-stories-block .block-title__link .da-vinci-code-icon { margin-left: 0.5rem; } .section-divider__link:hover .da-vinci-code-icon, .block-views-blockrelated-stories-related-stories-block .block-title__link:hover .da-vinci-code-icon { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } @media (max-width: 767px) { .section-divider--has-link, .block-views-blockrelated-stories-related-stories-block .block-title--has-link { padding-bottom: 1.75rem; } .section-divider--has-link::before, .block-views-blockrelated-stories-related-stories-block .block-title--has-link::before { margin-top: -0.875rem; } } .paragraph--type--c-share-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1024px) { .paragraph--type--c-share-buttons { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .paragraph--type--c-share-buttons .field--name-field-c-title { font-size: 1rem; font-family: "Nestle-Text-Book"; font-weight: 400; text-align: center; margin-bottom: 0.625rem; } .paragraph--type--c-share-buttons .social-share-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .dlDetails .siteMapRow { width: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1em; background: white; } .dlDetails .siteMapRow dl dd ul li.parent { background-position: 0 7px; } .dlDetails .siteMapRow dl.singleBlock { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-right: 5%; max-width: 25%; min-width: 25%; margin: 0; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .dlDetails .siteMapRow dl.singleBlock dd ul { width: 100%; margin-left: 0; padding-left: 0; margin-bottom: 0; } .dlDetails .siteMapRow dl.singleBlock dd ul li { width: 100%; } .dlDetails .siteMapRow dl.singleBlock dd ul li a { line-height: 1.5; } @media screen and (max-width: 1279px) { .dlDetails .siteMapRow dl.singleBlock { width: calc(50% - 1em); max-width: 50%; } } @media (max-width: 767px) { .dlDetails .siteMapRow dl.singleBlock { width: 100%; max-width: 100%; } .dlDetails .siteMapRow dl.singleBlock { margin-left: 0; padding-left: 0; margin-right: 0; padding-right: 0; } } @media (max-width: 767px) and (orientation: landscape) { .dlDetails .siteMapRow dl.singleBlock { width: calc(50% - 1em); max-width: 50%; } .dlDetails .siteMapRow dl.singleBlock { padding-right: 5%; } } .dlDetails .siteMapRow .singleBlock dt { width: 100%; padding: 5%; margin: 0; margin-bottom: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f4f4f5; } .dlDetails .siteMapRow .singleBlock dt a { font-family: "Nestle-Text-Light"; line-height: 29.04px; } .dlDetails .siteMapRow .singleBlock dd { width: 100%; padding: 5%; margin: 0; margin-top: 0px; background: #f4f4f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .dlDetails .siteMapRow .singleBlock dd ul a { font-family: "Nestle-Text-Book"; } .dlDetails .siteMapRow .singleBlock a { color: #6c707a; } .box { width: 100%; min-width: 150px; margin: 10px 0; overflow: hidden; display: inline-block; padding: 20px; } @media (max-width: 767px) { .box { width: 100%; height: 100%; } } .box .embedded-entity { padding: 0; margin: -20px; } .box img { width: 100%; height: auto; } .box.rounded { padding: 36px; } .box.rounded .embedded-entity { margin: -36px; } .box.highLight { padding: 0; } blockquote .rounded { border-radius: 100% !important; } .rounded { overflow: hidden; } @media (min-width: 768px) { .rounded { border-radius: 100% !important; } } .rounded-top-left { overflow: hidden; } @media (min-width: 768px) { .rounded-top-left { border-top-left-radius: 2em !important; } } .rounded-bottom-left { border-bottom-left-radius: 2em !important; overflow: hidden; } @media (min-width: 768px) { .rounded-bottom-left { border-top-left-radius: 2em !important; } } .rounded-top-right { overflow: hidden; } @media (min-width: 768px) { .rounded-top-right { border-top-right-radius: 2em !important; } } .rounded-bottom-right { overflow: hidden; } @media (min-width: 768px) { .rounded-bottom-right { border-bottom-right-radius: 2em !important; } } .rounded-left { overflow: hidden; } @media (min-width: 768px) { .rounded-left { border-top-left-radius: 2em !important; border-bottom-left-radius: 2em !important; } } .rounded-right { overflow: hidden; } @media (min-width: 768px) { .rounded-right { border-top-right-radius: 2em !important; border-bottom-right-radius: 2em !important; } } .rounded-top { overflow: hidden; } @media (min-width: 768px) { .rounded-top { border-top-left-radius: 2em !important; border-top-right-radius: 2em !important; } } .rounded-bottom { overflow: hidden; } @media (min-width: 768px) { .rounded-bottom { border-bottom-left-radius: 2em !important; border-bottom-right-radius: 2em !important; } } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .margin-top { margin-top: 2em !important; } .margin-bottom { margin-bottom: 2em !important; } .card { margin-bottom: 18px; height: 100%; width: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card .header .box-title { margin-bottom: 0; } .card .header .box-title span { padding: 20px; } .card .header .box-title a { font-size: 18px; font-family: "Nestle-Text-Light"; color: #494950; } .card .contentwrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2rem; } .card .contentwrapper a { font-size: 20.8px; line-height: 1.25; font-weight: 200; } .card .contentwrapper h4 { font-family: "Nestle-Text-Book"; } .card .content { padding: 0; margin-bottom: 21.6px; font-size: 16px; } .card .content a { font-size: 16px; } .card .content p { padding-bottom: 0; margin-bottom: 0; } .card img { width: 100%; min-height: 10px; } .right { float: right !important; margin-left: 2em; } .left { float: left; margin-right: 2em; } .text-highlight { padding: 2em; margin-top: 0.25em; width: 26%; border-top: 5px solid #f4f4f5; border-bottom: 5px solid #f4f4f5; } @media (max-width: 767px) { .text-highlight { width: 100%; padding: 1em; margin-bottom: 0.25em; } } .pw .tw, .pw .fw, .pw .pw, .tw .pw, .tw .fw, .tw .tw, .fw .pw, .fw .tw, .fw .fw { margin-left: 0; } .pw p, .fw p, p .tw, p .pw, p .fw { margin-bottom: 2em; } figure.right { margin-left: 2em; } @media (min-width: 768px) and (max-width: 1023px) { figure.right { margin-left: 1em; } } @media (max-width: 767px) { figure.right { margin-left: 0; width: 100% !important; } figure.right .caption { margin-bottom: 10px; } } .tw { width: 70%; max-width: 70%; } @media (max-width: 1023px) { .tw { width: 100%; max-width: 100%; margin: 0; } } .pw { width: 80%; max-width: calc(100vw - 20%); } @media (max-width: 1023px) { .pw { width: 100%; max-width: 100%; } } .fw { width: 100vw; max-width: 100%; margin-left: auto; margin-right: auto; } .caption { color: #6c707a; font-style: italic; display: block; padding: 0.2em 0; line-height: 1.2; } .caption.tpl { color: #63513d; font-family: "Nestle-Text-Light"; font-style: normal; padding: 0.1em 0; line-height: 1.5; } .block-social-sharing-block { margin-right: 0; text-align: center; } .block-social-sharing-block .field--name-field-social-media .field--label { display: none; } .block-social-sharing-block .block-title { padding-bottom: 0; font-size: 1rem; font-family: "Nestle-Text-Book"; font-weight: 400; margin: 0; line-height: 1.25; margin-bottom: 10.8px !important; } #block-da-vinci-code-socialsharingblock-story { margin: 0 10% 48px; } .social-share-list { margin: 0 0 -10px -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .social-share-list, .social-share-list__item { list-style: none; } .social-share-list__item { margin: 0 0 10px 10px; } .social-share-item { display: block; background: #000000; color: #ffffff; width: 36px; height: 36px; text-align: center; border-radius: 18px; font-size: 16px; position: relative; line-height: 1; -webkit-transition: background-color 0.1s ease; transition: background-color 0.1s ease; } .social-share-item:hover { color: #ffffff; outline: none; } .social-share-item:focus { color: #ffffff; outline-offset: 2px; } .social-share-item--facebook-share { background-color: #3b5998; } .social-share-item--facebook-share:hover { background-color: rgb(47.2, 71.2, 121.6); } .social-share-item--facebook-msg { background-color: #0084ff; } .social-share-item--facebook-msg:hover { background-color: rgb(0, 105.6, 204); } .social-share-item--twitter { background-color: #000000; } .social-share-item--twitter:hover { background-color: black; } .social-share-item--instagram { background-color: #e1306c; } .social-share-item--instagram:hover { background-color: rgb(180, 38.4, 86.4); } .social-share-item--pinterest { background-color: #bd081c; } .social-share-item--pinterest:hover { background-color: rgb(151.2, 6.4, 22.4); } .social-share-item--youtube { background-color: #ff0000; } .social-share-item--youtube:hover { background-color: #cc0000; } .social-share-item--vimeo { background-color: #1ab7ea; } .social-share-item--vimeo:hover { background-color: rgb(20.8, 146.4, 187.2); } .social-share-item--linkedin { background-color: #0077b5; } .social-share-item--linkedin:hover { background-color: rgb(0, 95.2, 144.8); } .social-share-item--google-plus { background-color: #dd4b39; } .social-share-item--google-plus:hover { background-color: rgb(176.8, 60, 45.6); } .social-share-item--email { background-color: #00818f; } .social-share-item--email:hover { background-color: rgb(0, 103.2, 114.4); } .social-share-item--web { background-color: #007cba; } .social-share-item--web:hover { background-color: rgb(0, 99.2, 148.8); } .social-share-item--vk-social { background-color: #0077ff; } .social-share-item--vk-social:hover { background-color: rgb(0, 95.2, 204); } .social-share-item .da-vinci-code-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .region-bottom-content .block-social-media { margin-bottom: 1.5rem; } @media (min-width: 1024px) { .region-bottom-content .block-social-media { display: none; } } .hide-social-share #block-da-vinci-code-social-bottom, .hide-social-share .page-header__social-share, .hide-social-share #block-da-vinci-code-socialsharingblock { display: none; } .paragraph--type--c-teasercycle { padding: 0; } .teaser-cycle__title:not(.section-divider) { text-align: center; margin-bottom: 1em; } @media (max-width: 1023px) { .teaser-cycle { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 1024px) { .teaser-cycle { margin-top: 60px; margin-bottom: 60px; } } @media (max-width: 1023px) { .teaser-cycle--inset { padding: 50px 10%; } } @media (min-width: 1024px) { .teaser-cycle--inset { padding: 60px 90px; } } @media (max-width: 1023px) { .teaser-cycle--inset { margin-left: -12.5%; margin-right: -12.5%; } } @media (min-width: 1024px) { .teaser-cycle--inset { border-radius: 20px; } } .teaser-cycle--dark-oak { background: rgb(40.8, 32.3, 24.65); color: #ffffff; } .teaser-cycle--oak { background: rgb(84.15, 68.85, 51.85); color: #ffffff; } .teaser-cycle--85-oak { background: rgb(117.3, 102.85, 89.25); color: #ffffff; } .teaser-cycle--30-oak { background: rgb(177.65, 172.55, 167.45); color: #34220d; } .teaser-cycle--15-oak { background: rgb(197.2, 194.65, 192.1); color: #34220d; } .teaser-cycle--5-oak { background: #f6f5f4; color: #34220d; } .teaser-cycle--blue { background: rgb(0, 105.4, 158.1); color: #ffffff; } .teaser-cycle--teal { background: rgb(0, 109.65, 121.55); color: #ffffff; } .teaser-cycle--green { background: rgb(39.1, 108.8, 31.45); color: #ffffff; } .teaser-cycle--orange { background: rgb(181.9, 55.25, 29.75); color: #ffffff; } .teaser-cycle--red { background: rgb(171.7, 0, 51.85); color: #ffffff; } .teaser-cycle--pink { background: rgb(140.25, 0, 85); color: #ffffff; } .teaser-cycle--purple { background: rgb(121.55, 61.2, 130.05); color: #ffffff; } .teaser-cycle--purple-alt { background: rgb(94.35, 28.9, 101.15); color: #ffffff; } .teaser-cycle--annual-red { background: rgb(175.1, 0, 46.75); color: #ffffff; } .teaser-cycle--annual-pink { background: rgb(168.3, 0, 107.1); color: #ffffff; } .teaser-cycle--annual-teal { background: rgb(0, 100.3, 109.65); color: #ffffff; } .teaser-cycle--annual-yellow { background: rgb(198.9, 144.5, 0); color: #ffffff; } .teaser-cycle--annual-brown { background: rgb(101.15, 56.1, 15.3); color: #ffffff; } .teaser-cycle--annual-purple { background: rgb(146.2, 67.15, 168.3); color: #ffffff; } .teaser-cycle-carousel, .teaser-cycle-carousel__item { list-style: none; } .teaser-cycle-carousel__item { margin-bottom: 0; height: 100%; } .teaser-cycle-carousel.slick-initialized .teaser-cycle-carousel__item { padding-left: 0.625rem; padding-right: 0.625rem; } .teaser-cycle-carousel.slick-dotted { margin-bottom: 0; padding-bottom: 0 !important; } .teaser-cycle-carousel .slick-list { margin-bottom: 0rem; padding-bottom: 1.25rem; padding-top: 1.25rem; z-index: 1; } .teaser-cycle-carousel .slick-list::before, .teaser-cycle-carousel .slick-list::after { content: ""; display: block; position: absolute; top: -2px; bottom: -2px; z-index: 1; } @media (max-width: 1023px) { .teaser-cycle--dark-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--dark-oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(40.8, 32.3, 24.65)), to(rgba(40.8, 32.3, 24.65, 0)) ); background: linear-gradient( to right, rgb(40.8, 32.3, 24.65) 25%, rgba(40.8, 32.3, 24.65, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--dark-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--dark-oak .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(40.8, 32.3, 24.65) 90px, rgba(40.8, 32.3, 24.65, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--dark-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--dark-oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(40.8, 32.3, 24.65)), to(rgba(40.8, 32.3, 24.65, 0)) ); background: linear-gradient( to right, rgb(40.8, 32.3, 24.65) 75%, rgba(40.8, 32.3, 24.65, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(84.15, 68.85, 51.85)), to(rgba(84.15, 68.85, 51.85, 0)) ); background: linear-gradient( to right, rgb(84.15, 68.85, 51.85) 25%, rgba(84.15, 68.85, 51.85, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--oak .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(84.15, 68.85, 51.85) 90px, rgba(84.15, 68.85, 51.85, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(84.15, 68.85, 51.85)), to(rgba(84.15, 68.85, 51.85, 0)) ); background: linear-gradient( to right, rgb(84.15, 68.85, 51.85) 75%, rgba(84.15, 68.85, 51.85, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--85-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--85-oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(117.3, 102.85, 89.25)), to(rgba(117.3, 102.85, 89.25, 0)) ); background: linear-gradient( to right, rgb(117.3, 102.85, 89.25) 25%, rgba(117.3, 102.85, 89.25, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--85-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--85-oak .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(117.3, 102.85, 89.25) 90px, rgba(117.3, 102.85, 89.25, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--85-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--85-oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(117.3, 102.85, 89.25)), to(rgba(117.3, 102.85, 89.25, 0)) ); background: linear-gradient( to right, rgb(117.3, 102.85, 89.25) 75%, rgba(117.3, 102.85, 89.25, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--30-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--30-oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(177.65, 172.55, 167.45)), to(rgba(177.65, 172.55, 167.45, 0)) ); background: linear-gradient( to right, rgb(177.65, 172.55, 167.45) 25%, rgba(177.65, 172.55, 167.45, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--30-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--30-oak .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(177.65, 172.55, 167.45) 90px, rgba(177.65, 172.55, 167.45, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--30-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--30-oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(177.65, 172.55, 167.45)), to(rgba(177.65, 172.55, 167.45, 0)) ); background: linear-gradient( to right, rgb(177.65, 172.55, 167.45) 75%, rgba(177.65, 172.55, 167.45, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--15-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--15-oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(197.2, 194.65, 192.1)), to(rgba(197.2, 194.65, 192.1, 0)) ); background: linear-gradient( to right, rgb(197.2, 194.65, 192.1) 25%, rgba(197.2, 194.65, 192.1, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--15-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--15-oak .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(197.2, 194.65, 192.1) 90px, rgba(197.2, 194.65, 192.1, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--15-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--15-oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(197.2, 194.65, 192.1)), to(rgba(197.2, 194.65, 192.1, 0)) ); background: linear-gradient( to right, rgb(197.2, 194.65, 192.1) 75%, rgba(197.2, 194.65, 192.1, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--5-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--5-oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, #f6f5f4), to(rgba(246, 245, 244, 0)) ); background: linear-gradient(to right, #f6f5f4 25%, rgba(246, 245, 244, 0)); } } @media (min-width: 1024px) { .teaser-cycle--5-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle--5-oak .teaser-cycle-carousel .slick-list::after { background: linear-gradient(to right, #f6f5f4 90px, rgba(246, 245, 244, 0)); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--5-oak .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--5-oak .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, #f6f5f4), to(rgba(246, 245, 244, 0)) ); background: linear-gradient(to right, #f6f5f4 75%, rgba(246, 245, 244, 0)); } } @media (max-width: 1023px) { .teaser-cycle--white .teaser-cycle-carousel .slick-list::before, .teaser-cycle--white .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, #ffffff), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(to right, #ffffff 25%, rgba(255, 255, 255, 0)); } } @media (min-width: 1024px) { .teaser-cycle--white .teaser-cycle-carousel .slick-list::before, .teaser-cycle--white .teaser-cycle-carousel .slick-list::after { background: linear-gradient(to right, #ffffff 90px, rgba(255, 255, 255, 0)); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--white .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--white .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, #ffffff), to(rgba(255, 255, 255, 0)) ); background: linear-gradient(to right, #ffffff 75%, rgba(255, 255, 255, 0)); } } @media (max-width: 1023px) { .teaser-cycle--blue .teaser-cycle-carousel .slick-list::before, .teaser-cycle--blue .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(0, 105.4, 158.1)), to(rgba(0, 105.4, 158.1, 0)) ); background: linear-gradient( to right, rgb(0, 105.4, 158.1) 25%, rgba(0, 105.4, 158.1, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--blue .teaser-cycle-carousel .slick-list::before, .teaser-cycle--blue .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(0, 105.4, 158.1) 90px, rgba(0, 105.4, 158.1, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--blue .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--blue .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(0, 105.4, 158.1)), to(rgba(0, 105.4, 158.1, 0)) ); background: linear-gradient( to right, rgb(0, 105.4, 158.1) 75%, rgba(0, 105.4, 158.1, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--teal .teaser-cycle-carousel .slick-list::before, .teaser-cycle--teal .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(0, 109.65, 121.55)), to(rgba(0, 109.65, 121.55, 0)) ); background: linear-gradient( to right, rgb(0, 109.65, 121.55) 25%, rgba(0, 109.65, 121.55, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--teal .teaser-cycle-carousel .slick-list::before, .teaser-cycle--teal .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(0, 109.65, 121.55) 90px, rgba(0, 109.65, 121.55, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--teal .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--teal .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(0, 109.65, 121.55)), to(rgba(0, 109.65, 121.55, 0)) ); background: linear-gradient( to right, rgb(0, 109.65, 121.55) 75%, rgba(0, 109.65, 121.55, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--green .teaser-cycle-carousel .slick-list::before, .teaser-cycle--green .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(39.1, 108.8, 31.45)), to(rgba(39.1, 108.8, 31.45, 0)) ); background: linear-gradient( to right, rgb(39.1, 108.8, 31.45) 25%, rgba(39.1, 108.8, 31.45, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--green .teaser-cycle-carousel .slick-list::before, .teaser-cycle--green .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(39.1, 108.8, 31.45) 90px, rgba(39.1, 108.8, 31.45, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--green .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--green .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(39.1, 108.8, 31.45)), to(rgba(39.1, 108.8, 31.45, 0)) ); background: linear-gradient( to right, rgb(39.1, 108.8, 31.45) 75%, rgba(39.1, 108.8, 31.45, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--orange .teaser-cycle-carousel .slick-list::before, .teaser-cycle--orange .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(181.9, 55.25, 29.75)), to(rgba(181.9, 55.25, 29.75, 0)) ); background: linear-gradient( to right, rgb(181.9, 55.25, 29.75) 25%, rgba(181.9, 55.25, 29.75, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--orange .teaser-cycle-carousel .slick-list::before, .teaser-cycle--orange .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(181.9, 55.25, 29.75) 90px, rgba(181.9, 55.25, 29.75, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--orange .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--orange .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(181.9, 55.25, 29.75)), to(rgba(181.9, 55.25, 29.75, 0)) ); background: linear-gradient( to right, rgb(181.9, 55.25, 29.75) 75%, rgba(181.9, 55.25, 29.75, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--red .teaser-cycle-carousel .slick-list::before, .teaser-cycle--red .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(171.7, 0, 51.85)), to(rgba(171.7, 0, 51.85, 0)) ); background: linear-gradient( to right, rgb(171.7, 0, 51.85) 25%, rgba(171.7, 0, 51.85, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--red .teaser-cycle-carousel .slick-list::before, .teaser-cycle--red .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(171.7, 0, 51.85) 90px, rgba(171.7, 0, 51.85, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--red .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--red .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(171.7, 0, 51.85)), to(rgba(171.7, 0, 51.85, 0)) ); background: linear-gradient( to right, rgb(171.7, 0, 51.85) 75%, rgba(171.7, 0, 51.85, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--pink .teaser-cycle-carousel .slick-list::before, .teaser-cycle--pink .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(140.25, 0, 85)), to(rgba(140.25, 0, 85, 0)) ); background: linear-gradient( to right, rgb(140.25, 0, 85) 25%, rgba(140.25, 0, 85, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--pink .teaser-cycle-carousel .slick-list::before, .teaser-cycle--pink .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(140.25, 0, 85) 90px, rgba(140.25, 0, 85, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--pink .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--pink .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(140.25, 0, 85)), to(rgba(140.25, 0, 85, 0)) ); background: linear-gradient( to right, rgb(140.25, 0, 85) 75%, rgba(140.25, 0, 85, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--purple .teaser-cycle-carousel .slick-list::before, .teaser-cycle--purple .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(121.55, 61.2, 130.05)), to(rgba(121.55, 61.2, 130.05, 0)) ); background: linear-gradient( to right, rgb(121.55, 61.2, 130.05) 25%, rgba(121.55, 61.2, 130.05, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--purple .teaser-cycle-carousel .slick-list::before, .teaser-cycle--purple .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(121.55, 61.2, 130.05) 90px, rgba(121.55, 61.2, 130.05, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--purple .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--purple .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(121.55, 61.2, 130.05)), to(rgba(121.55, 61.2, 130.05, 0)) ); background: linear-gradient( to right, rgb(121.55, 61.2, 130.05) 75%, rgba(121.55, 61.2, 130.05, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--purple-alt .teaser-cycle-carousel .slick-list::before, .teaser-cycle--purple-alt .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(94.35, 28.9, 101.15)), to(rgba(94.35, 28.9, 101.15, 0)) ); background: linear-gradient( to right, rgb(94.35, 28.9, 101.15) 25%, rgba(94.35, 28.9, 101.15, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--purple-alt .teaser-cycle-carousel .slick-list::before, .teaser-cycle--purple-alt .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(94.35, 28.9, 101.15) 90px, rgba(94.35, 28.9, 101.15, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--purple-alt .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--purple-alt .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(94.35, 28.9, 101.15)), to(rgba(94.35, 28.9, 101.15, 0)) ); background: linear-gradient( to right, rgb(94.35, 28.9, 101.15) 75%, rgba(94.35, 28.9, 101.15, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--annual-red .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-red .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(175.1, 0, 46.75)), to(rgba(175.1, 0, 46.75, 0)) ); background: linear-gradient( to right, rgb(175.1, 0, 46.75) 25%, rgba(175.1, 0, 46.75, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--annual-red .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-red .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(175.1, 0, 46.75) 90px, rgba(175.1, 0, 46.75, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-red .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-red .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(175.1, 0, 46.75)), to(rgba(175.1, 0, 46.75, 0)) ); background: linear-gradient( to right, rgb(175.1, 0, 46.75) 75%, rgba(175.1, 0, 46.75, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--annual-pink .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-pink .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(168.3, 0, 107.1)), to(rgba(168.3, 0, 107.1, 0)) ); background: linear-gradient( to right, rgb(168.3, 0, 107.1) 25%, rgba(168.3, 0, 107.1, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--annual-pink .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-pink .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(168.3, 0, 107.1) 90px, rgba(168.3, 0, 107.1, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-pink .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-pink .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(168.3, 0, 107.1)), to(rgba(168.3, 0, 107.1, 0)) ); background: linear-gradient( to right, rgb(168.3, 0, 107.1) 75%, rgba(168.3, 0, 107.1, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--annual-teal .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-teal .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(0, 100.3, 109.65)), to(rgba(0, 100.3, 109.65, 0)) ); background: linear-gradient( to right, rgb(0, 100.3, 109.65) 25%, rgba(0, 100.3, 109.65, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--annual-teal .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-teal .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(0, 100.3, 109.65) 90px, rgba(0, 100.3, 109.65, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-teal .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-teal .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(0, 100.3, 109.65)), to(rgba(0, 100.3, 109.65, 0)) ); background: linear-gradient( to right, rgb(0, 100.3, 109.65) 75%, rgba(0, 100.3, 109.65, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--annual-yellow .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-yellow .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(198.9, 144.5, 0)), to(rgba(198.9, 144.5, 0, 0)) ); background: linear-gradient( to right, rgb(198.9, 144.5, 0) 25%, rgba(198.9, 144.5, 0, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--annual-yellow .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-yellow .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(198.9, 144.5, 0) 90px, rgba(198.9, 144.5, 0, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-yellow .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-yellow .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(198.9, 144.5, 0)), to(rgba(198.9, 144.5, 0, 0)) ); background: linear-gradient( to right, rgb(198.9, 144.5, 0) 75%, rgba(198.9, 144.5, 0, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--annual-brown .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-brown .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(101.15, 56.1, 15.3)), to(rgba(101.15, 56.1, 15.3, 0)) ); background: linear-gradient( to right, rgb(101.15, 56.1, 15.3) 25%, rgba(101.15, 56.1, 15.3, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--annual-brown .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-brown .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(101.15, 56.1, 15.3) 90px, rgba(101.15, 56.1, 15.3, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-brown .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-brown .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(101.15, 56.1, 15.3)), to(rgba(101.15, 56.1, 15.3, 0)) ); background: linear-gradient( to right, rgb(101.15, 56.1, 15.3) 75%, rgba(101.15, 56.1, 15.3, 0) ); } } @media (max-width: 1023px) { .teaser-cycle--annual-purple .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-purple .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(25%, rgb(146.2, 67.15, 168.3)), to(rgba(146.2, 67.15, 168.3, 0)) ); background: linear-gradient( to right, rgb(146.2, 67.15, 168.3) 25%, rgba(146.2, 67.15, 168.3, 0) ); } } @media (min-width: 1024px) { .teaser-cycle--annual-purple .teaser-cycle-carousel .slick-list::before, .teaser-cycle--annual-purple .teaser-cycle-carousel .slick-list::after { background: linear-gradient( to right, rgb(146.2, 67.15, 168.3) 90px, rgba(146.2, 67.15, 168.3, 0) ); } } @media screen and (min-width: 1366px) { .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-purple .teaser-cycle-carousel .slick-list::before, .teaser-cycle:not(.teaser-cycle--inset).teaser-cycle--annual-purple .teaser-cycle-carousel .slick-list::after { background: -webkit-gradient( linear, left top, right top, color-stop(75%, rgb(146.2, 67.15, 168.3)), to(rgba(146.2, 67.15, 168.3, 0)) ); background: linear-gradient( to right, rgb(146.2, 67.15, 168.3) 75%, rgba(146.2, 67.15, 168.3, 0) ); } } .teaser-cycle-carousel .slick-list::before { left: 0; } .teaser-cycle-carousel .slick-list::after { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1023px) { .teaser-cycle-carousel .slick-list { margin-left: -12.5%; margin-right: -12.5%; padding-left: 10%; padding-right: 10%; } .teaser-cycle-carousel .slick-list::before, .teaser-cycle-carousel .slick-list::after { width: 10%; } } @media (min-width: 1024px) { .teaser-cycle-carousel .slick-list { margin-left: -90px; margin-right: -90px; padding-left: 90px; padding-right: 90px; } .teaser-cycle-carousel .slick-list::before, .teaser-cycle-carousel .slick-list::after { width: 100px; } } @media screen and (min-width: 1366px) { .teaser-cycle--inset .teaser-cycle-carousel .slick-list { margin-left: 0; margin-right: 0; } } @media (min-width: 1024px) { .teaser-cycle:not(.teaser-cycle--inset) .teaser-cycle-carousel .slick-list { margin-left: 0; margin-right: 0; } } .teaser-cycle-carousel .slick-dots { width: 100%; top: 100%; } @media (min-width: 1024px) { .teaser-cycle-carousel .slick-dots li { margin: 0 6px; } .teaser-cycle-carousel .slick-dots li button { width: 14px; height: 14px; } } .teaser-cycle:not(.teaser-cycle--5-oak):not(.teaser-cycle--white) .teaser-cycle-carousel .slick-dots button { background-color: rgba(246, 245, 244, 0.33); border-color: transparent; } .teaser-cycle:not(.teaser-cycle--5-oak):not(.teaser-cycle--white) .teaser-cycle-carousel .slick-dots button:hover { background-color: rgba(255, 255, 255, 0.67); } .teaser-cycle:not(.teaser-cycle--5-oak):not(.teaser-cycle--white) .teaser-cycle-carousel .slick-dots li.slick-active button { background-color: #ffffff; } .teaser-cycle-carousel .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: inherit; text-indent: 0; z-index: 3; font-size: 16px; border-radius: 0; } .teaser-cycle-carousel .slick-arrow .da-vinci-code-icon { top: 0; } @media (max-width: 1023px) { .teaser-cycle-carousel .slick-arrow.slick-disabled { opcity: 0; visibility: hidden; } } .teaser-cycle-carousel .slick-arrow.slick-prev { left: 50%; margin-left: -50vw; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .teaser-cycle-carousel .slick-arrow.slick-next { right: 50%; margin-right: -50vw; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } @media (max-width: 1023px) { .teaser-cycle-carousel .slick-arrow { background: #ffffff; color: #007cba; } .teaser-cycle--5-oak .teaser-cycle-carousel .slick-arrow, .teaser-cycle--white .teaser-cycle-carousel .slick-arrow { background: #007cba; color: #ffffff; } } @media (min-width: 1024px) { .teaser-cycle-carousel .slick-arrow { background: none; color: inherit; } .teaser-cycle--5-oak .teaser-cycle-carousel .slick-arrow, .teaser-cycle--white .teaser-cycle-carousel .slick-arrow { color: #007cba; } .teaser-cycle-carousel .slick-arrow .da-vinci-code-icon { font-size: 1.5em; } } @media (min-width: 1024px) { .teaser-cycle--inset .teaser-cycle-carousel .slick-arrow.slick-prev { left: auto; margin-left: 0; right: 100%; margin-right: 13px; } .teaser-cycle--inset .teaser-cycle-carousel .slick-arrow.slick-next { right: auto; margin-right: 0; left: 100%; margin-left: 13px; } } @media screen and (min-width: 1366px) { .teaser-cycle--inset .teaser-cycle-carousel .slick-arrow.slick-prev { left: 0; margin-left: -13px; right: auto; margin-right: 0; } .teaser-cycle--inset .teaser-cycle-carousel .slick-arrow.slick-next { right: 0; margin-right: -13px; left: auto; margin-left: 0; } } @media (min-width: 1024px) { .teaser-cycle:not(.teaser-cycle--inset) .teaser-cycle-carousel .slick-arrow.slick-prev { left: 0; margin-left: 0; } .teaser-cycle:not(.teaser-cycle--inset) .teaser-cycle-carousel .slick-arrow.slick-next { right: 0; margin-right: 0; } } .teaser-cycle-carousel .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .teaser-cycle-carousel.slick-initialized .slick-slide { float: none; height: auto; outline: none; } .teaser-cycle-carousel.slick-initialized .slick-slide .teaser-cycle-item { height: 100%; } .teaser-cycle-carousel.slick-initialized .slick-slide .teaser-cycle-item.teaser-cycle-item--extended { height: calc(100% - 25px); } .teaser-cycle-carousel.slick-initialized .slick-slide, .teaser-cycle-carousel.slick-initialized .slick-slide > div { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .teaser-cycle-item { background: #ffffff; color: #34220d; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16); } .teaser-cycle--dark-oak .teaser-cycle-item { background: #30261d; color: #ffffff; } .teaser-cycle--oak .teaser-cycle-item { background: #63513d; color: #ffffff; } .teaser-cycle--85-oak .teaser-cycle-item { background: #8a7969; color: #ffffff; } .teaser-cycle--30-oak .teaser-cycle-item { background: #d1cbc5; color: #34220d; } .teaser-cycle--15-oak .teaser-cycle-item { background: #e8e5e2; color: #34220d; } .teaser-cycle--blue .teaser-cycle-item { background: #007cba; color: #ffffff; } .teaser-cycle--teal .teaser-cycle-item { background: #00818f; color: #ffffff; } .teaser-cycle--green .teaser-cycle-item { background: #2e8025; color: #ffffff; } .teaser-cycle--orange .teaser-cycle-item { background: #d64123; color: #ffffff; } .teaser-cycle--red .teaser-cycle-item { background: #ca003d; color: #ffffff; } .teaser-cycle--pink .teaser-cycle-item { background: #a50064; color: #ffffff; } .teaser-cycle--purple .teaser-cycle-item { background: #8f4899; color: #ffffff; } .teaser-cycle--purple-alt .teaser-cycle-item { background: #6f2277; color: #ffffff; } .teaser-cycle--annual-red .teaser-cycle-item { background: #ce0037; color: #ffffff; } .teaser-cycle--annual-pink .teaser-cycle-item { background: #c6007e; color: #ffffff; } .teaser-cycle--annual-teal .teaser-cycle-item { background: #007681; color: #ffffff; } .teaser-cycle--annual-yellow .teaser-cycle-item { background: #eaaa00; color: #ffffff; } .teaser-cycle--annual-brown .teaser-cycle-item { background: #774212; color: #ffffff; } .teaser-cycle--annual-purple .teaser-cycle-item { background: #ac4fc6; color: #ffffff; } .teaser-cycle-item--basic { border: 1px solid #e6e2df; } .teaser-cycle-item--extended { margin-top: 25px; } .teaser-cycle-item, .teaser-cycle-item__link { border-radius: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .teaser-cycle-item--no-link, .teaser-cycle-item__link { padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .teaser-cycle-item--has-link { -webkit-transition: -webkit-box-shadow 0.1s ease; transition: -webkit-box-shadow 0.1s ease; transition: box-shadow 0.1s ease; transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } .teaser-cycle-item--has-link:hover { -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.16); box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.16); } .teaser-cycle-item__link, .teaser-cycle-item__link:hover, .teaser-cycle-item__link:focus { color: inherit; } .teaser-cycle-item__link:focus { outline: none; -webkit-box-shadow: 0 0 0 2px #007cba; box-shadow: 0 0 0 2px #007cba; } .teaser-cycle--blue .teaser-cycle-item__link:focus { -webkit-box-shadow: 0 0 0 2px #ffffff; box-shadow: 0 0 0 2px #ffffff; } .teaser-cycle-item__image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 20px; overflow: hidden; } .teaser-cycle-item__image img { width: 100%; } .teaser-cycle-item__link:hover .teaser-cycle-item__image img { opacity: 1; } .teaser-cycle-item--basic .teaser-cycle-item__image { margin-top: -21px; margin-left: -21px; margin-right: -21px; border-radius: 7px 7px 0 0; border-bottom: 1px solid #e6e2df; } .teaser-cycle-item--extended .teaser-cycle-item__image { border-radius: 50%; width: 125px; margin-top: -45px; margin-left: auto; margin-right: auto; } .teaser-cycle-item--basic .teaser-cycle-item__title { color: #007cba; margin: 0.125em 0; font-family: "Nestle-Text-Book"; } @media (max-width: 1023px) { .teaser-cycle-item--basic .teaser-cycle-item__title { font-size: 16px; } } @media (min-width: 1024px) { .teaser-cycle-item--basic .teaser-cycle-item__title { font-size: 20px; } } .teaser-cycle-item--extended .teaser-cycle-item__title { text-align: center; padding-bottom: 15px; border-bottom: 1px solid #30261d; margin-bottom: 20px; } .teaser-cycle--dark-oak .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(36, 28.5, 21.75); } .teaser-cycle--oak .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(74.25, 60.75, 45.75); } .teaser-cycle--85-oak .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(103.5, 90.75, 78.75); } .teaser-cycle--30-oak .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(156.75, 152.25, 147.75); } .teaser-cycle--15-oak .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(174, 171.75, 169.5); } .teaser-cycle--5-oak .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: #d1cbc5; } .teaser-cycle--white .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: #d1cbc5; } .teaser-cycle--blue .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(0, 93, 139.5); } .teaser-cycle--teal .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(0, 96.75, 107.25); } .teaser-cycle--green .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(34.5, 96, 27.75); } .teaser-cycle--orange .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(160.5, 48.75, 26.25); } .teaser-cycle--red .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(151.5, 0, 45.75); } .teaser-cycle--pink .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(123.75, 0, 75); } .teaser-cycle--purple .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(107.25, 54, 114.75); } .teaser-cycle--purple-alt .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(83.25, 25.5, 89.25); } .teaser-cycle--annual-red .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(154.5, 0, 41.25); } .teaser-cycle--annual-pink .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(148.5, 0, 94.5); } .teaser-cycle--annual-teal .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(0, 88.5, 96.75); } .teaser-cycle--annual-yellow .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(175.5, 127.5, 0); } .teaser-cycle--annual-brown .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(89.25, 49.5, 13.5); } .teaser-cycle--annual-purple .teaser-cycle-item--extended .teaser-cycle-item__title { border-bottom-color: rgb(129, 59.25, 148.5); } @media (max-width: 767px) { .teaser-cycle-item--extended .teaser-cycle-item__title { font-size: 20px; } } @media (min-width: 768px) { .teaser-cycle-item--extended .teaser-cycle-item__title { font-size: 24px; } } .teaser-cycle-item .field--name-field-c-text { margin-bottom: 20px; } .teaser-cycle-item .field--name-field-c-text p { padding-bottom: 0; margin-bottom: 1em; } .teaser-cycle-item__more { font-size: 13px; text-transform: uppercase; margin-top: auto; } .teaser-cycle--white .teaser-cycle-item__more, .teaser-cycle--5-oak .teaser-cycle-item__more { color: #007cba; } .teaser-cycle-item__more .da-vinci-code-icon { margin-left: 0.5em; font-size: 16px; } .teaser-cycle-item:hover .teaser-cycle-item__more .da-vinci-code-icon { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; } .text-highlight.tpl { width: unset; padding: 0; background: none; color: #007cba; font-weight: 400; border-radius: 0; font-family: "NestleScript"; line-height: 1.2; min-height: 0; border: none; border-left: 5px solid currentcolor; padding-left: 0.6em; margin: 1.5rem 0; display: block; } .text-highlight.tpl p { padding: 0 0 6px 0; } @media (max-width: 767px) { .text-highlight.tpl { font-size: 2rem; } } @media (min-width: 768px) and (max-width: 1023px) { .text-highlight.tpl { font-size: 2rem; } } @media (min-width: 1024px) { .text-highlight.tpl { font-size: 2.5rem; } } .text-highlight.tpl--dark-oak { color: #30261d; } .text-highlight.tpl--oak { color: #63513d; } .text-highlight.tpl--85-oak { color: #8a7969; } .text-highlight.tpl--30-oak { color: #d1cbc5; } .text-highlight.tpl--15-oak { color: #e8e5e2; } .text-highlight.tpl--5-oak { color: #f6f5f4; } .text-highlight.tpl--white { color: #ffffff; } .text-highlight.tpl--blue { color: #007cba; } .text-highlight.tpl--teal { color: #00818f; } .text-highlight.tpl--green { color: #2e8025; } .text-highlight.tpl--orange { color: #d64123; } .text-highlight.tpl--red { color: #ca003d; } .text-highlight.tpl--pink { color: #a50064; } .text-highlight.tpl--purple { color: #8f4899; } .text-highlight.tpl--purple-alt { color: #6f2277; } .text-highlight.tpl--annual-red { color: #ce0037; } .text-highlight.tpl--annual-pink { color: #c6007e; } .text-highlight.tpl--annual-teal { color: #007681; } .text-highlight.tpl--annual-yellow { color: #eaaa00; } .text-highlight.tpl--annual-brown { color: #774212; } .text-highlight.tpl--annual-purple { color: #ac4fc6; } .paragraph--type--brand-image-overlap .field--name-field-imageoverlap-heading { font-size: 1.5625rem; line-height: 2.3125rem; } .paragraph--type--brand-image-overlap .field--name-field-imageoverlap-heading span { font-family: NestleBrush; } .paragraph--type--brand-image-overlap .field--name-field-imageoverlap-heading b { font-weight: bold; } .paragraph--type--brand-image-overlap .field--name-field-brand-text p:last-child { padding-bottom: 0; } .paragraph--type--brand-image-overlap .component-paragraph-field { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 80px 0; } @media (max-width: 1023px) { .paragraph--type--brand-image-overlap .component-paragraph-field { display: -ms-grid; display: grid; padding: 40px 0 80px 0; } } .paragraph--type--brand-image-overlap .text-image-overlap-content-wrapper { margin: 70px 0 20px 0; width: 55%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (max-width: 1023px) { .paragraph--type--brand-image-overlap .text-image-overlap-content-wrapper { width: 100%; margin: 0 0 20px 0; } } .paragraph--type--brand-image-overlap .text-image-overlap-text-wrapper { margin-bottom: 30px; } @media (max-width: 1023px) { .paragraph--type--brand-image-overlap .text-image-overlap-text-wrapper { margin-bottom: 25px; } } .paragraph--type--brand-image-overlap .text-image-overlap-text-wrapper p { line-height: 1.6; } .paragraph--type--brand-image-overlap .text-image-overlap-heading-wrapper { font-size: 2.25rem; line-height: 42px; font-family: "Nestle-Text-Light"; margin-bottom: 20px; } @media (max-width: 1023px) { .paragraph--type--brand-image-overlap .text-image-overlap-heading-wrapper { line-height: 31px; } } @media (max-width: 768px) { .paragraph--type--brand-image-overlap .text-image-overlap-heading-wrapper { font-size: 1.55rem; } } .paragraph--type--brand-image-overlap .text-image-overlap-heading-wrapper span { font-family: "NestleBrush"; } .paragraph--type--brand-image-overlap .text-image-overlap-heading-wrapper .question { padding: 0; } .paragraph--type--brand-image-overlap .text-image-overlap-heading-wrapper .question::after, .paragraph--type--brand-image-overlap .text-image-overlap-heading-wrapper .question::before { display: none; } .paragraph--type--brand-image-overlap .text-image-overlap-heading-wrapper .Nestle-Brush { font-size: 32px; font-family: "NestleBrush"; } .paragraph--type--brand-image-overlap .text-image-overlap-heading-wrapper .Nestle-Script { font-size: 50px; font-family: "NestleScript"; } .paragraph--type--brand-image-overlap .text-image-overlap-heading-wrapper .Nestle-Text-Light { font-size: 36px; font-family: "Nestle-Text-Light"; } .paragraph--type--brand-image-overlap .text-image-overlap-link-wrapper { margin-top: 20px; } .paragraph--type--brand-image-overlap .text-image-overlap-link-wrapper a { padding-left: 0; } .paragraph--type--brand-image-overlap .text-image-overlap-link-wrapper.external a:after { display: none; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper { width: 45%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 35px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (max-width: 1023px) { .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper { width: 100%; margin: 30px 0 30px 0; } } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant1, .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant2, .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant3 { width: 100%; min-height: 0; height: -webkit-max-content; height: -moz-max-content; height: max-content; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .img-container { position: relative; height: 0; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .img-container img { position: absolute; top: -20px; left: 0; width: 100%; border: 3px solid white; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .get-in-animation { -webkit-transform: translateY(0) !important; transform: translateY(0) !important; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .image3 img { will-change: transform; -webkit-transition: -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1); transition: -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1); transition: transform 1s cubic-bezier(0.5, 1, 0.89, 1); transition: transform 1s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 1s cubic-bezier(0.5, 1, 0.89, 1); -webkit-transform: translateY(20px); transform: translateY(20px); } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .image2 img { will-change: transform; -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.5, 1, 0.89, 1); transition: -webkit-transform 1.2s cubic-bezier(0.5, 1, 0.89, 1); transition: transform 1.2s cubic-bezier(0.5, 1, 0.89, 1); transition: transform 1.2s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 1.2s cubic-bezier(0.5, 1, 0.89, 1); -webkit-transform: translateY(20px); transform: translateY(20px); } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .image1 img { will-change: transform; -webkit-transition: -webkit-transform 1.4s cubic-bezier(0.5, 1, 0.89, 1); transition: -webkit-transform 1.4s cubic-bezier(0.5, 1, 0.89, 1); transition: transform 1.4s cubic-bezier(0.5, 1, 0.89, 1); transition: transform 1.4s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 1.4s cubic-bezier(0.5, 1, 0.89, 1); -webkit-transform: translateY(20px); transform: translateY(20px); } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant1 { margin-bottom: 105%; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant2 { margin-bottom: 34%; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant2 .image1wrapper { margin-right: 5%; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant2 .image2wrapper { width: 53%; margin-top: 46%; margin-left: 48%; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant3 { margin-bottom: 44%; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant3 .image2wrapper { width: 50%; margin-top: 95%; margin-left: 15%; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant3 .image2wrapper img { z-index: 2; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant3 .image3wrapper { width: 33%; margin-top: -12%; margin-left: 60%; } .paragraph--type--brand-image-overlap .text-image-overlap-image-wrapper .variant3 .image3wrapper img { z-index: 1; } .paragraph--type--brand-image-overlap.image-position--right .text-image-overlap-image-wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 35px; margin-right: 0; } @media (max-width: 1023px) { .paragraph--type--brand-image-overlap.image-position--right .text-image-overlap-image-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 0; } } .paragraph--type--brand-image-overlap.image-position--right .text-image-overlap-content-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (max-width: 1023px) { .paragraph--type--brand-image-overlap.image-position--right .text-image-overlap-content-wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .view-vocabulary-listing { margin-bottom: 80px; } @media (max-width: 1023px) { .view-vocabulary-listing { margin-bottom: 40px; } } .view-vocabulary-listing .view-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .view-vocabulary-listing .view-content a { color: #63513d; } .view-vocabulary-listing .view-content a:hover { color: #63513d; } .view-vocabulary-listing .view-content .views-row .field-content { border-right: 1px solid #2d2b29; display: inline; padding: 1px 15px; } .view-vocabulary-listing .view-content .views-row .field-content a { display: inline-block; font-size: 22px; line-height: 1.5; } @media (max-width: 1023px) { .view-vocabulary-listing .view-content .views-row .field-content a { font-size: 1rem; } } .view-vocabulary-listing .view-content .views-row:last-child .field-content { border-right: 0; } @media (max-width: 767px) { .view-vocabulary-listing .view-content { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } } .color-library-admin--brown-2 .view-vocabulary-listing .active-term { color: #703f2a; } .color-library-communication--teal-2 .view-vocabulary-listing .active-term { color: #00b2a9; } .color-library-engineering--blue-lt-2 .view-vocabulary-listing .active-term { color: #00a3e0; } .color-library-finance--green-dk-2 .view-vocabulary-listing .active-term { color: #74aa50; } .color-library-hr--orange-3 .view-vocabulary-listing .active-term { color: #ea7600; } .color-library-internships--magenta-2 .view-vocabulary-listing .active-term { color: #ce0037; } .color-library-isit--orange-2 .view-vocabulary-listing .active-term { color: #ff9e1b; } .color-library-legal--blue .view-vocabulary-listing .active-term { color: #134094; } .color-library-marketing--orange-lt-3 .view-vocabulary-listing .active-term { color: #ea7600; } .color-library-rd--purple-3 .view-vocabulary-listing .active-term { color: #6d2077; } .color-library-sales--magenta-3 .view-vocabulary-listing .active-term { color: #a50034; } .color-library-supply--teal-3 .view-vocabulary-listing .active-term { color: #007681; } .color-library-tech-production--purple-2 .view-vocabulary-listing .active-term { color: #ad1aac; } .color-library-dark-blue .view-vocabulary-listing .active-term { color: #00629b; } .color-library-dark-magenta .view-vocabulary-listing .active-term { color: #a51890; } .color-library-dark-violet .view-vocabulary-listing .active-term { color: #5c068c; } .color-library-grey .view-vocabulary-listing .active-term { color: #796e65; } .color-library-strong-red .view-vocabulary-listing .active-term { color: #d22630; } .color-library-vivid-orange .view-vocabulary-listing .active-term { color: #fc4c02; } .color-library-coffee .view-vocabulary-listing .active-term { color: #ad7c59; } .color-library-coffee-light .view-vocabulary-listing .active-term { color: #d3bba8; } .color-library-coffee-dark .view-vocabulary-listing .active-term { color: #774212; } .color-library-apricot .view-vocabulary-listing .active-term { color: #ff9e1b; } .color-library-apricot-light .view-vocabulary-listing .active-term { color: #fdd086; } .color-library-apricot-dark .view-vocabulary-listing .active-term { color: #d57800; } .color-library-mustard .view-vocabulary-listing .active-term { color: #ffd100; } .color-library-mustard-light .view-vocabulary-listing .active-term { color: #f9e547; } .color-library-mustard-dark .view-vocabulary-listing .active-term { color: #eaaa00; } .color-library-olive .view-vocabulary-listing .active-term { color: #c4d600; } .color-library-olive-light .view-vocabulary-listing .active-term { color: #e2e868; } .color-library-olive-dark .view-vocabulary-listing .active-term { color: #949300; } .color-library-green .view-vocabulary-listing .active-term { color: #73a039; } .color-library-green-light .view-vocabulary-listing .active-term { color: #bce194; } .color-library-green-dark .view-vocabulary-listing .active-term { color: #2e8025; } .color-library-aqua .view-vocabulary-listing .active-term { color: #00b2a9; } .color-library-aqua-light .view-vocabulary-listing .active-term { color: #9cdbd9; } .color-library-aqua-dark .view-vocabulary-listing .active-term { color: #007681; } .color-library-aqua .view-vocabulary-listing .active-term { color: #00b2a9; } .color-library-blue .view-vocabulary-listing .active-term { color: #007cba; } .color-library-blue-light .view-vocabulary-listing .active-term { color: #9bcbeb; } .color-library-blue-dark .view-vocabulary-listing .active-term { color: #2d5c9d; } .color-library-blueberry .view-vocabulary-listing .active-term { color: #485cc7; } .color-library-blueberry-light .view-vocabulary-listing .active-term { color: #b8ccea; } .color-library-blueberry-dark .view-vocabulary-listing .active-term { color: #171c8f; } .color-library-aubergine .view-vocabulary-listing .active-term { color: #ac4fc6; } .color-library-aubergine-light .view-vocabulary-listing .active-term { color: #caa2dd; } .color-library-aubergine-dark .view-vocabulary-listing .active-term { color: #6d2077; } .color-library-pink .view-vocabulary-listing .active-term { color: #c6007e; } .color-library-pink-light .view-vocabulary-listing .active-term { color: #e59bdc; } .color-library-pink-dark .view-vocabulary-listing .active-term { color: #890c58; } .color-library-cherry .view-vocabulary-listing .active-term { color: #ce0037; } .color-library-cherry-light .view-vocabulary-listing .active-term { color: #ffb3ab; } .color-library-cherry-dark .view-vocabulary-listing .active-term { color: #a50034; } .color-library-orange .view-vocabulary-listing .active-term { color: #d64123; } .color-library-orange-light .view-vocabulary-listing .active-term { color: #ffb990; } .color-library-orange-dark .view-vocabulary-listing .active-term { color: #a9431e; } .color-library-oak .view-vocabulary-listing .active-term { color: #6c707a; } .color-library-oak-light .view-vocabulary-listing .active-term { color: #f4f4f5; } .color-library-oak-dark .view-vocabulary-listing .active-term { color: #494950; } .color-library-oak-30 .view-vocabulary-listing .active-term { color: #d3d4d5; } .color-library-oak-45 .view-vocabulary-listing .active-term { color: #bfc0c5; } .color-library-oak-60 .view-vocabulary-listing .active-term { color: #a7a8af; } .color-library-oak-80 .view-vocabulary-listing .active-term { color: #8c8c97; } .webform-submission-form .custom-box { display: block; } .webform-submission-form label { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; display: block; color: #30261d; margin: 0 0 5px 0; padding: 0; } .webform-submission-form .intl-tel-input .flag-container { outline: 0; } .webform-submission-form .intl-tel-input .selected-flag { outline: 0; } .webform-submission-form .intl-tel-input .country-list { z-index: 101; } .webform-submission-form .intl-tel-input .country-list .divider { line-height: 0; padding: 0; margin: 0; } .webform-submission-form .captcha { display: inline-block; } .webform-submission-form .g-recaptcha { -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: left center; transform-origin: left center; } .webform-submission-form .g-recaptcha > div { max-width: 100% !important; } .webform-submission-form .g-recaptcha iframe { margin: 0; } .webform-submission-form .form-group > div:first-child .messages__wrapper { display: none; } .webform-submission-form .form-type-checkbox input, .webform-submission-form .js-form-type-checkbox input, .webform-submission-form .form-type-radio input, .webform-submission-form .js-form-type-radio input { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .webform-submission-form .form-type-checkbox input + .custom-box, .webform-submission-form .js-form-type-checkbox input + .custom-box, .webform-submission-form .form-type-radio input + .custom-box, .webform-submission-form .js-form-type-radio input + .custom-box { width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-top: -0.25em; margin-right: 0.5em; position: relative; background-color: #ffffff; border: 2px solid #826d5d; border-radius: 2px; -webkit-transition: border-color 0.1s ease; transition: border-color 0.1s ease; } [dir="rtl"] .webform-submission-form .form-type-checkbox input + .custom-box, [dir="rtl"] .webform-submission-form .js-form-type-checkbox input + .custom-box, [dir="rtl"] .webform-submission-form .form-type-radio input + .custom-box, [dir="rtl"] .webform-submission-form .js-form-type-radio input + .custom-box { margin-right: 0; margin-left: 0.5em; } .webform-submission-form .form-type-checkbox input + .custom-box::after, .webform-submission-form .js-form-type-checkbox input + .custom-box::after, .webform-submission-form .form-type-radio input + .custom-box::after, .webform-submission-form .js-form-type-radio input + .custom-box::after { content: ""; position: absolute; top: -4px; left: -1px; width: 24px; height: 19px; background-image: url(./button_tick_green.svg); background-repeat: no-repeat; background-size: contain; z-index: 100; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; transition: opacity 0.1s ease, -webkit-transform 0.1s ease; transition: transform 0.1s ease, opacity 0.1s ease; transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease; } .webform-submission-form .form-type-checkbox input[type="checkbox"]:checked + .custom-box, .webform-submission-form .form-type-checkbox input[type="radio"]:checked + .custom-box, .webform-submission-form .js-form-type-checkbox input[type="checkbox"]:checked + .custom-box, .webform-submission-form .js-form-type-checkbox input[type="radio"]:checked + .custom-box, .webform-submission-form .form-type-radio input[type="checkbox"]:checked + .custom-box, .webform-submission-form .form-type-radio input[type="radio"]:checked + .custom-box, .webform-submission-form .js-form-type-radio input[type="checkbox"]:checked + .custom-box, .webform-submission-form .js-form-type-radio input[type="radio"]:checked + .custom-box { border-color: #ccc4bd; } .webform-submission-form .form-type-checkbox input[type="checkbox"]:checked + .custom-box::after, .webform-submission-form .form-type-checkbox input[type="radio"]:checked + .custom-box::after, .webform-submission-form .js-form-type-checkbox input[type="checkbox"]:checked + .custom-box::after, .webform-submission-form .js-form-type-checkbox input[type="radio"]:checked + .custom-box::after, .webform-submission-form .form-type-radio input[type="checkbox"]:checked + .custom-box::after, .webform-submission-form .form-type-radio input[type="radio"]:checked + .custom-box::after, .webform-submission-form .js-form-type-radio input[type="checkbox"]:checked + .custom-box::after, .webform-submission-form .js-form-type-radio input[type="radio"]:checked + .custom-box::after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .webform-submission-form .form-type-checkbox label, .webform-submission-form .form-type-checkbox .control-label, .webform-submission-form .js-form-type-checkbox label, .webform-submission-form .js-form-type-checkbox .control-label, .webform-submission-form .form-type-radio label, .webform-submission-form .form-type-radio .control-label, .webform-submission-form .js-form-type-radio label, .webform-submission-form .js-form-type-radio .control-label { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; width: 100%; color: #30261d; max-width: 90%; min-height: unset; } .webform-submission-form .form-type-checkbox label:focus-within, .webform-submission-form .form-type-checkbox .control-label:focus-within, .webform-submission-form .js-form-type-checkbox label:focus-within, .webform-submission-form .js-form-type-checkbox .control-label:focus-within, .webform-submission-form .form-type-radio label:focus-within, .webform-submission-form .form-type-radio .control-label:focus-within, .webform-submission-form .js-form-type-radio label:focus-within, .webform-submission-form .js-form-type-radio .control-label:focus-within { outline: auto; } .webform-submission-form .form-type-checkbox label a, .webform-submission-form .form-type-checkbox .control-label a, .webform-submission-form .js-form-type-checkbox label a, .webform-submission-form .js-form-type-checkbox .control-label a, .webform-submission-form .form-type-radio label a, .webform-submission-form .form-type-radio .control-label a, .webform-submission-form .js-form-type-radio label a, .webform-submission-form .js-form-type-radio .control-label a { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; font-weight: bold; } .webform-submission-form .fieldgroup > legend { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; display: block; color: #30261d; margin: 0 0 5px 0; padding: 0; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox input, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox input + .custom-box, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio input, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio input + .custom-box, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox input, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox input + .custom-box, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio input, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio input + .custom-box { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 !important; width: 0; height: 0; padding: 0; outline: 0 !important; opacity: 0; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox input::after, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox input + .custom-box::after, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio input::after, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio input + .custom-box::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox input::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox input + .custom-box::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio input::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio input + .custom-box::after { content: none; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label { max-width: none; margin: 0; position: relative; padding-right: 35px; } [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label { padding-right: 10.5px; padding-left: 35px; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label:focus-within, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label:focus-within, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label:focus-within, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label:focus-within, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label:focus-within, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label:focus-within, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label:focus-within, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label:focus-within { outline: auto; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label::after { content: ""; background-image: url(./button_tick_green.svg); background-repeat: no-repeat; position: absolute; width: 14px; height: 10px; top: 50%; right: 11px; background-size: contain; display: block; z-index: 99999999; outline: 0; margin-top: -5px; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; transition: opacity 0.1s ease, -webkit-transform 0.1s ease; transition: opacity 0.1s ease, transform 0.1s ease; transition: opacity 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease; } [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox .control-label::after, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox label::after, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio .control-label::after, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio label::after, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox .control-label::after, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox label::after, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio .control-label::after, [dir="rtl"] .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio label::after { right: auto; left: 11px; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox.checked .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox.checked label, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio.checked .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio.checked label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox.checked .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox.checked label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio.checked .control-label, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio.checked label { border-color: #007870; color: #00807a; } .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox.checked .control-label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-checkbox.checked label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio.checked .control-label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .form-type-radio.checked label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox.checked .control-label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-checkbox.checked label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio.checked .control-label::after, .webform-submission-form .fieldgroup .fieldset-wrapper .js-form-type-radio.checked label::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .webform-submission-form .fieldgroup.webform-type-radios.validation-error, .webform-submission-form .fieldgroup.js-webform-type-radios.validation-error { display: table; width: 100%; } .webform-submission-form .fieldgroup.webform-type-radios.validation-error legend, .webform-submission-form .fieldgroup.js-webform-type-radios.validation-error legend { float: left; } .webform-submission-form .fieldgroup.webform-type-radios.validation-error .js-webform-radios > .form-item, .webform-submission-form .fieldgroup.js-webform-type-radios.validation-error .js-webform-radios > .form-item { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .webform-submission-form .fieldgroup.webform-type-radios .js-webform-radios > .form-item.validation-error, .webform-submission-form .fieldgroup.js-webform-type-radios .js-webform-radios > .form-item.validation-error { padding: 0; } .webform-submission-form .fieldgroup.panel .panel-body { padding: 0; } .webform-submission-form .form-item label.error { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; display: block; font-style: italic; color: #d14124; margin: 12px 0 0; padding: 0; width: 100%; float: none; max-width: inherit; color: #e00000; } .webform-submission-form .form-item.validation-error { padding: 24px 26px 24px 22px; background-color: #fff5f5; } .webform-submission-form .form-item.has-error label { color: #30261d; } .webform-submission-form .form-item.has-error label.error { color: #d14124; } .webform-submission-form .form-item.has-error select { border: 1px solid #949494; } .webform-submission-form .form-item .alert-danger { padding: 24px 26px 24px 22px; background-color: #f6eaeb; border-radius: 0; border: 0; } .webform-submission-form .form-item .alert-danger * { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; display: block; font-style: italic; color: #d14124; margin: 12px 0 0; padding: 0; width: 100%; float: none; max-width: inherit; } .webform-submission-form .form-item .alert-danger > span { display: none !important; } .webform-submission-form .form-item .alert-danger em { display: inline; } .webform-submission-form .form-item .messages--error, .webform-submission-form .form-item .error-captcha { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; display: block; font-style: italic; color: #d14124; margin: 12px 0 0; padding: 0; width: 100%; float: none; max-width: inherit; margin: -15px 0 0; } .webform-submission-form .form-item .webform-element-help { background: #949494; border: 2px solid #949494; } .webform-submission-form .form-item .webform-element-help:focus, .webform-submission-form .form-item .webform-element-help:active, .webform-submission-form .form-item .webform-element-help:hover { cursor: help; color: #ffffff; border: 2px solid #0074bd; background: #0074bd; } .webform-submission-form .form-item .form-tel::-webkit-input-placeholder { color: #897067; } .webform-submission-form .form-item .form-tel::-moz-placeholder { color: #897067; } .webform-submission-form .form-item .form-tel:-ms-input-placeholder { color: #897067; } .webform-submission-form .form-item .form-tel::-ms-input-placeholder { color: #897067; } .webform-submission-form .form-item .form-tel::placeholder { color: #897067; } .webform-submission-form .form-item .contact-tooltip .form-text::-webkit-input-placeholder { color: #897067; } .webform-submission-form .form-item .contact-tooltip .form-text::-moz-placeholder { color: #897067; } .webform-submission-form .form-item .contact-tooltip .form-text:-ms-input-placeholder { color: #897067; } .webform-submission-form .form-item .contact-tooltip .form-text::-ms-input-placeholder { color: #897067; } .webform-submission-form .form-item .contact-tooltip .form-text::placeholder { color: #897067; } .webform-submission-form .form-managed-file { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .webform-submission-form .form-managed-file .messages--error { width: 100%; -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; padding: 20px; background-color: #f6eaeb; margin: 15px 0 0; } .webform-submission-form .form-managed-file input { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 !important; width: 0; height: 0; padding: 0; z-index: -9999; outline: 0 !important; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .webform-submission-form .form-managed-file .upload-text { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; position: relative; margin: 16px 0; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; color: #30261d; -ms-flex-item-align: start; align-self: flex-start; } .webform-submission-form .form-managed-file .upload-text::after { content: ""; position: absolute; top: 3px; right: -20px; width: 14px; height: 10px; background-image: url(./button_tick_green.svg); background-repeat: no-repeat; background-size: contain; z-index: 100; } .webform-submission-form .form-managed-file .custom-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (max-width: 767px) { .webform-submission-form .form-managed-file .custom-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .webform-submission-form .form-managed-file .custom-box .box-wrapper { -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; } @media (max-width: 767px) { .webform-submission-form .form-managed-file .custom-box .box-wrapper { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .webform-submission-form .form-managed-file .custom-box .box-wrapper:hover { background-color: #d7ebf4; } .webform-submission-form .form-managed-file .custom-box .box-wrapper .box-input-text { color: #006ea3; } .webform-submission-form .form-managed-file .custom-box .help-block { margin: 5px 0 5px 20px; } @media (max-width: 767px) { .webform-submission-form .form-managed-file .custom-box .help-block { width: 100%; text-align: right; margin: 15px 0px 0; } } .webform-submission-form .form-managed-file .custom-box .help-block * { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; color: #4f300e; } .webform-submission-form .form-managed-file .custom-box .help-block a { display: none; } .webform-submission-form .form-managed-file .js-form-file ~ button { position: absolute; width: 0; height: 0; opacity: 0; z-index: -999; background-color: transparent !important; margin: 0; padding: 0; border: 0; } .webform-submission-form .form-managed-file > .file { font-family: inherit; line-height: 1.2; } .webform-submission-form .form-managed-file > .file .icon, .webform-submission-form .form-managed-file > .file > span { color: inherit; } .webform-submission-form .form-managed-file > .file > span { background-color: #f7fbf3; border: none; padding-top: 8px; padding-bottom: 8px; } .webform-submission-form .form-managed-file .form-item.form-type-checkbox { position: relative; display: block; margin-bottom: 3px; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .webform-submission-form .form-managed-file .form-item.form-type-checkbox label { background-color: #f7fbf3; padding: 11px 10px; max-width: 100%; } .webform-submission-form .form-managed-file .form-item.form-type-checkbox .custom-box { right: 10px; position: absolute; display: block; color: #d14124; border: 1px solid currentcolor; width: 19px; height: 19px; border-radius: 50%; } .webform-submission-form .form-managed-file .form-item.form-type-checkbox .custom-box::before { content: none; } .webform-submission-form .form-managed-file .form-item.form-type-checkbox .custom-box::after { content: ""; width: 8px; height: 1px; position: absolute; top: 50%; left: 50%; background-color: currentcolor; background-image: none; z-index: 999; opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .webform-submission-form .form-managed-file .form-item.form-type-checkbox.checked::after, .webform-submission-form .form-managed-file .form-item.form-type-checkbox input[type="checkbox"]:checked + .custom-box::after { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .webform-submission-form .form-managed-file .form-item.form-type-checkbox .file { max-width: 80%; } .webform-submission-form .form-managed-file .form-item.form-type-checkbox .file .file-link { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; width: 100%; color: #30261d; background-color: transparent !important; } .webform-submission-form .form-managed-file .messages__wrapper { margin-top: 15px; -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; } .webform-submission-form .form-actions .error-form-message-bottom { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; display: block; font-style: italic; color: #d14124; margin: 12px 0 0; padding: 0; width: 100%; float: none; max-width: inherit; } .webform-submission-form div[id^="edit-processed-text"], .webform-submission-form .form-type-processed-text { font-family: "Nestle-Text-Book"; font-size: 16px; font-weight: normal; line-height: 22px; position: relative; margin: 59px 0 30px 0; color: #30261d; } .webform-submission-form div[id^="edit-processed-text"] *, .webform-submission-form .form-type-processed-text * { font-size: inherit; line-height: inherit; } .webform-submission-form div[id^="edit-processed-text"] b, .webform-submission-form div[id^="edit-processed-text"] strong, .webform-submission-form div[id^="edit-processed-text"] a, .webform-submission-form .form-type-processed-text b, .webform-submission-form .form-type-processed-text strong, .webform-submission-form .form-type-processed-text a { font-family: "Nestle-Text-Bold"; font-weight: bold; } .webform-submission-form div[id^="edit-processed-text"] p:last-child, .webform-submission-form .form-type-processed-text p:last-child { padding: 0; } .webform-submission-form div[id^="edit-processed-text"].webform-alert::before, .webform-submission-form .form-type-processed-text.webform-alert::before { content: ""; position: absolute; top: -29px; left: 0; width: 10px; height: 19px; background-image: url(./form_tip.svg); background-repeat: no-repeat; background-size: cover; z-index: 1; } .webform-submission-form select { border: 1px solid #949494; } .webform-submission-form.validation-error section.validation-error { padding: 0; background-color: transparent; } .custom-webform-style .form-managed-file .form-item.form-type-checkbox .file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .custom-webform-style .form-managed-file .form-item.form-type-checkbox .file .file-icon { display: none; } .custom-webform-style .form-managed-file .form-item.form-type-checkbox .file .file-size { font-family: "Nestle-Text-Book"; font-size: 13px; line-height: 17px; width: 100%; color: #30261d; background-color: transparent !important; } .custom-webform-style .form-managed-file .form-item.form-type-checkbox .file .file-size::after { content: "]"; } .custom-webform-style .form-managed-file .form-item.form-type-checkbox .file .file-size::before { content: "["; } .custom-webform-style .form-managed-file .form-item.form-type-checkbox .file .file-link, .custom-webform-style .form-managed-file .form-item.form-type-checkbox .file .file-size { border: none; width: auto; } .ui-datepicker-calendar .ui-state-highlight { background: #fffbb3; color: #6f6e19; } .paragraph--type--ln-c-card .color-library-coffee.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-coffee.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #9e704e; } .paragraph--type--ln-c-card .color-library-coffee-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-coffee-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #caae97; } .paragraph--type--ln-c-card .color-library-coffee-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-coffee-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #8d4e15; } .paragraph--type--ln-c-card .color-library-apricot.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-apricot.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #ff9302; } .paragraph--type--ln-c-card .color-library-apricot-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-apricot-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #fdc66d; } .paragraph--type--ln-c-card .color-library-apricot-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-apricot-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #ef8600; } .paragraph--type--ln-c-card .color-library-mustard.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-mustard.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #ffd61a; } .paragraph--type--ln-c-card .color-library-mustard-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-mustard-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #f8e22e; } .paragraph--type--ln-c-card .color-library-mustard-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-mustard-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #ffba05; } .paragraph--type--ln-c-card .color-library-olive.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-olive.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #dbf000; } .paragraph--type--ln-c-card .color-library-olive-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-olive-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #dee552; } .paragraph--type--ln-c-card .color-library-olive-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-olive-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #aeac00; } .paragraph--type--ln-c-card .color-library-green.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-green.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #81b340; } .paragraph--type--ln-c-card .color-library-green-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-green-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #b0db80; } .paragraph--type--ln-c-card .color-library-green-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-green-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #558845; } .paragraph--type--ln-c-card .color-library-aqua.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-aqua.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #00ccc1; } .paragraph--type--ln-c-card .color-library-aqua-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-aqua-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #89d4d2; } .paragraph--type--ln-c-card .color-library-aqua-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-aqua-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #008d9b; } .paragraph--type--ln-c-card .color-library-blue.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-blue.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #1fadde; } .paragraph--type--ln-c-card .color-library-blue-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-blue-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #86c0e7; } .paragraph--type--ln-c-card .color-library-blue-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-blue-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #0072b5; } .paragraph--type--ln-c-card .color-library-blueberry.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-blueberry.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #3a4ebc; } .paragraph--type--ln-c-card .color-library-blueberry-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-blueberry-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #a4bee4; } .paragraph--type--ln-c-card .color-library-blueberry-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-blueberry-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #1b20a5; } .paragraph--type--ln-c-card .color-library-aubergine.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-aubergine.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #a23ebe; } .paragraph--type--ln-c-card .color-library-aubergine-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-aubergine-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #bf8fd6; } .paragraph--type--ln-c-card .color-library-aubergine-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-aubergine-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #7f258b; } .paragraph--type--ln-c-card .color-library-pink.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-pink.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #e0008e; } .paragraph--type--ln-c-card .color-library-pink-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-pink-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #e087d5; } .paragraph--type--ln-c-card .color-library-pink-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-pink-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #a00e67; } .paragraph--type--ln-c-card .color-library-cherry.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-cherry.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #e8003e; } .paragraph--type--ln-c-card .color-library-cherry-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-cherry-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #ff9c92; } .paragraph--type--ln-c-card .color-library-cherry-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-cherry-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #bf003c; } .paragraph--type--ln-c-card .color-library-orange.paragraph--type--ln-c-card-item:hover .card-bottom-text.color-library-orange.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #fb4c1c; } .paragraph--type--ln-c-card .color-library-orange-light.paragraph--type--ln-c-card-item:hover .card-bottom-text.color-library-orange-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #ffa977; } .paragraph--type--ln-c-card .color-library-orange-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text { background-color: #ffa977; } .color-library-orange-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #bf4c22; } .paragraph--type--ln-c-card .color-library-oak.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-oak.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #787c87; } .paragraph--type--ln-c-card .color-library-oak-light.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-oak-light.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #e7e7e9; } .paragraph--type--ln-c-card .color-library-oak-dark.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-oak-dark.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #55555d; } .paragraph--type--ln-c-card .color-library-oak-30.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-oak-30.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #c6c7c9; } .paragraph--type--ln-c-card .color-library-oak-45.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-oak-45.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #b2b3b9; } .paragraph--type--ln-c-card .color-library-oak-60.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-oak-60.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #9a9ba3; } .paragraph--type--ln-c-card .color-library-oak-80.paragraph--type--ln-c-card-item:hover .card-bottom-text, .color-library-oak-80.paragraph--type--ln-c-card:hover .card-bottom-text { background-color: #7f7f8b; } .paragraph--type--ln-c-card .color-library-coffee.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-coffee.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #ad7c59; } .paragraph--type--ln-c-card .color-library-coffee-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-coffee-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #d3bba8; } .paragraph--type--ln-c-card .color-library-coffee-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-coffee-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #774212; } .paragraph--type--ln-c-card .color-library-apricot.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-apricot.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #ff9e1b; } .paragraph--type--ln-c-card .color-library-apricot-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-apricot-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #fdd086; } .paragraph--type--ln-c-card .color-library-apricot-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-apricot-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #d57800; } .paragraph--type--ln-c-card .color-library-mustard.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-mustard.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #ffd100; } .paragraph--type--ln-c-card .color-library-mustard-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-mustard-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #f9e547; } .paragraph--type--ln-c-card .color-library-mustard-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-mustard-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #eaaa00; } .paragraph--type--ln-c-card .color-library-olive.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-olive.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #c4d600; } .paragraph--type--ln-c-card .color-library-olive-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-olive-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #e2e868; } .paragraph--type--ln-c-card .color-library-olive-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-olive-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #949300; } .paragraph--type--ln-c-card .color-library-green.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-green.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #73a039; } .paragraph--type--ln-c-card .color-library-green-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-green-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #bce194; } .paragraph--type--ln-c-card .color-library-green-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-green-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #2e8025; } .paragraph--type--ln-c-card .color-library-aqua.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-aqua.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #00b2a9; } .paragraph--type--ln-c-card .color-library-aqua-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-aqua-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #9cdbd9; } .paragraph--type--ln-c-card .color-library-aqua-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-aqua-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #007681; } .paragraph--type--ln-c-card .color-library-blue.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-blue.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #007cba; } .paragraph--type--ln-c-card .color-library-blue-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-blue-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #9bcbeb; } .paragraph--type--ln-c-card .color-library-blue-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-blue-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #2d5c9d; } .paragraph--type--ln-c-card .color-library-blueberry.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-blueberry.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #485cc7; } .paragraph--type--ln-c-card .color-library-blueberry-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-blueberry-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #b8ccea; } .paragraph--type--ln-c-card .color-library-blueberry-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-blueberry-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #171c8f; } .paragraph--type--ln-c-card .color-library-aubergine.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-aubergine.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #ac4fc6; } .paragraph--type--ln-c-card .color-library-aubergine-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-aubergine-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #caa2dd; } .paragraph--type--ln-c-card .color-library-aubergine-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-aubergine-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #6d2077; } .paragraph--type--ln-c-card .color-library-pink.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-pink.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #c6007e; } .paragraph--type--ln-c-card .color-library-pink-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-pink-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #e59bdc; } .paragraph--type--ln-c-card .color-library-pink-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-pink-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #890c58; } .paragraph--type--ln-c-card .color-library-cherry.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-cherry.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #ce0037; } .paragraph--type--ln-c-card .color-library-cherry-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-cherry-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #ffb3ab; } .paragraph--type--ln-c-card .color-library-cherry-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-cherry-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #a50034; } .paragraph--type--ln-c-card .color-library-orange.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text.color-library-orange.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #d64123; } .paragraph--type--ln-c-card .color-library-orange-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text.color-library-orange-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #ffb990; } .paragraph--type--ln-c-card .color-library-orange-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text { background-color: #ffb990; } .color-library-orange-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #a9431e; } .paragraph--type--ln-c-card .color-library-oak.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-oak.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #6c707a; } .paragraph--type--ln-c-card .color-library-oak-light.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-oak-light.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #f4f4f5; } .paragraph--type--ln-c-card .color-library-oak-dark.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-oak-dark.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #494950; } .paragraph--type--ln-c-card .color-library-oak-30.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-oak-30.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #d3d4d5; } .paragraph--type--ln-c-card .color-library-oak-45.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-oak-45.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #bfc0c5; } .paragraph--type--ln-c-card .color-library-oak-60.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-oak-60.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #a7a8af; } .paragraph--type--ln-c-card .color-library-oak-80.paragraph--type--ln-c-card-item:hover.no-effect .card-bottom-text, .color-library-oak-80.paragraph--type--ln-c-card:hover.no-effect .card-bottom-text { background-color: #8c8c97; } .view-display-id-block_news_without_search .pager li { float: none; } #toolbar-item-user div { pointer-events: none; } .half-half-color-block-container { color: #ffffff; margin-bottom: 80px; } @media (max-width: 767px) { .half-half-color-block-container { margin-top: 40px; margin-bottom: 40px; } } .half-half-color-block-container .bg-white, .half-half-color-block-container .bg-5-oak, .half-half-color-block-container .bg-15-oak, .half-half-color-block-container .bg-30-oak { color: #000000; } .half-half-color-block-container .bg-white .half-half-color-block__link .fa-external-link, .half-half-color-block-container .bg-white .half-half-color-block__link a, .half-half-color-block-container .bg-5-oak .half-half-color-block__link .fa-external-link, .half-half-color-block-container .bg-5-oak .half-half-color-block__link a, .half-half-color-block-container .bg-15-oak .half-half-color-block__link .fa-external-link, .half-half-color-block-container .bg-15-oak .half-half-color-block__link a, .half-half-color-block-container .bg-30-oak .half-half-color-block__link .fa-external-link, .half-half-color-block-container .bg-30-oak .half-half-color-block__link a { color: #000000 !important; } .half-half-color-block-container .bg-white .half-half-color-block__link .fa-external-link, .half-half-color-block-container .bg-5-oak .half-half-color-block__link .fa-external-link, .half-half-color-block-container .bg-15-oak .half-half-color-block__link .fa-external-link, .half-half-color-block-container .bg-30-oak .half-half-color-block__link .fa-external-link { -webkit-filter: invert(1); filter: invert(1); } .half-half-color-block-container > .component-paragraph-field { width: 100%; } .half-half-color-block-container.position-left .half-half-color-block__text { border-top-left-radius: 0 !important; border-top-right-radius: 40px; margin-right: -44px; -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; margin-left: 0 !important; } @media (min-width: 1366px) { .half-half-color-block-container.position-left .half-half-color-block__text { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (max-width: 767px) { .half-half-color-block-container.position-left .half-half-color-block__text { width: 100% !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } } .half-half-color-block-container.position-left .half-half-color-block__image_video { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } @media (max-width: 767px) { .half-half-color-block-container.position-left .half-half-color-block__image_video { width: 100% !important; -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__heading { width: 60%; margin-left: auto; margin-right: auto; margin-bottom: 35px; text-align: center; font-size: 36px; color: #63513d; } @media (max-width: 767px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__heading { font-size: 25px; width: 85%; } } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__title { font-size: 36px; font-weight: bold; line-height: 36px; margin-bottom: 45px; } @media (max-width: 767px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__title { font-size: 26px; line-height: 30px; margin-bottom: 30px; } } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video { z-index: 1; position: relative; } @media (min-width: 1366px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video { width: 61.2%; } } @media (min-width: 1920px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video { width: 60.3125% !important; } } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .field--type-video-embed-field img, .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .field--type-image img { min-height: 500px !important; } @media (max-width: 767px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .field--type-video-embed-field img, .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .field--type-image img { min-height: 204px !important; } } @media (max-width: 767px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video { width: 100%; } } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .field--name-field-add-image-or-video { height: 100%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .field--name-field-add-image-or-video .paragraph--type--standalone-image { height: 100%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .field--name-field-add-image-or-video .paragraph--type--standalone-image .field--name-field-standalone-image { height: 100%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .field--name-field-add-image-or-video .paragraph--type--standalone-image .field--name-field-standalone-image img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .paragraph--type--standalone-video { height: 100%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .paragraph--type--standalone-video .video-embed-field-lazy-play { background: none; background-image: url(./video_play_icon_white.svg) !important; width: 121px; height: 121px; background-color: transparent; background-repeat: no-repeat; background-size: auto; } @media (min-width: 1024px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .paragraph--type--standalone-video .video-embed-field-lazy-play { margin-top: -54px; margin-left: -84px; } } @media (max-width: 767px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .paragraph--type--standalone-video .video-embed-field-lazy-play { width: 61px; height: 61px; } } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .paragraph--type--standalone-video .field--name-field-c-video-url { height: 100%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .paragraph--type--standalone-video .field--name-field-c-video-url .video-embed-field-launch-modal { height: 100%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .paragraph--type--standalone-video .field--name-field-c-video-url .video-embed-field-launch-modal img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } @media (max-width: 767px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__image_video .paragraph--type--standalone-video { min-height: 211px; } } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text { font-size: 16px; width: 42.031%; margin-left: -44px; z-index: 10; position: relative; border-top-left-radius: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1366px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text { width: 42.02%; } } @media (max-width: 767px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text { width: 100%; margin-top: -44px; margin-left: 0; } } @media (max-width: 1279px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text { width: 100% !important; } } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.no-link-body-content .half-half-color-block__body { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.no-link-body-content, .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text .link-body { padding: 60px 100px; } @media (min-width: 1366px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.no-link-body-content, .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text .link-body { padding: 60px 50px; } } @media (min-width: 1920px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.no-link-body-content, .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text .link-body { padding: 60px 100px; } } @media (max-width: 1279px) { .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.no-link-body-content, .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text .link-body { padding: 50px 37px !important; } } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text p { font-size: 16px; line-height: 25.6px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text .half-half-color-block__text_inner { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text .half-half-color-block__text_inner .half-half-color-block__link .extlink, .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text .half-half-color-block__text_inner .half-half-color-block__link .interlink { display: inline-block; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text .half-half-color-block__text_inner .half-half-color-block__link a { font-size: 16px; line-height: 22px; color: white; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text .half-half-color-block__text_inner .half-half-color-block__link a .da-vinci-code-icon--arrow--right { margin-left: 6px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-dark-oak { background-color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-dark-oak .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-dark-oak .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-dark-oak .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-dark-oak .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-dark-oak .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-dark-oak .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-dark-oak .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-dark-oak a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-oak { background-color: #63513d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-oak .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-oak .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-oak .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-oak .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-oak .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-oak .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-oak .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-oak a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-85-oak { background-color: #8a7969; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-85-oak .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-85-oak .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-85-oak .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-85-oak .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-85-oak .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-85-oak .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-85-oak .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-85-oak a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-30-oak { background-color: #d1cbc5; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-30-oak .half-half-color-block__text_inner { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-30-oak .half-half-color-block__title { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-30-oak .half-half-color-block__body { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-30-oak .half-half-color-block__body p { color: #30261d; padding-bottom: 26px; margin-bottom: 6px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-30-oak .half-half-color-block__body p:last-child { padding-bottom: 0; margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-30-oak .half-half-color-block__body a.external { color: #0072ad; font-weight: bold; background: url(./external--bold--blue.svg) no-repeat 100% 50%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-30-oak a.link-body { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-15-oak { background-color: #e8e5e2; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-15-oak .half-half-color-block__text_inner { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-15-oak .half-half-color-block__title { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-15-oak .half-half-color-block__body { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-15-oak .half-half-color-block__body p { color: #30261d; padding-bottom: 26px; margin-bottom: 6px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-15-oak .half-half-color-block__body p:last-child { padding-bottom: 0; margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-15-oak .half-half-color-block__body a.external { color: #0072ad; font-weight: bold; background: url(./external--bold--blue.svg) no-repeat 100% 50%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-15-oak a.link-body { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-5-oak { background-color: #f6f5f4; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-5-oak .half-half-color-block__text_inner { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-5-oak .half-half-color-block__title { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-5-oak .half-half-color-block__body { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-5-oak .half-half-color-block__body p { color: #30261d; padding-bottom: 26px; margin-bottom: 6px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-5-oak .half-half-color-block__body p:last-child { padding-bottom: 0; margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-5-oak .half-half-color-block__body a.external { color: #0072ad; font-weight: bold; background: url(./external--bold--blue.svg) no-repeat 100% 50%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-5-oak a.link-body { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-white { background-color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-white .half-half-color-block__text_inner { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-white .half-half-color-block__title { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-white .half-half-color-block__body { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-white .half-half-color-block__body p { color: #30261d; padding-bottom: 26px; margin-bottom: 6px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-white .half-half-color-block__body p:last-child { padding-bottom: 0; margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-white .half-half-color-block__body a.external { color: #0072ad; font-weight: bold; background: url(./external--bold--blue.svg) no-repeat 100% 50%; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-white a.link-body { color: #30261d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-blue { background-color: #007cba; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-blue .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-blue .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-blue .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-blue .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-blue .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-blue .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-blue .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-blue a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-teal { background-color: #00818f; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-teal .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-teal .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-teal .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-teal .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-teal .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-teal .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-teal .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-teal a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-green { background-color: #2e8025; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-green .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-green .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-green .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-green .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-green .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-green .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-green .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-green a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-orange { background-color: #d64123; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-orange .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-orange .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-orange .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-orange .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-orange .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-orange .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-orange .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-orange a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-red { background-color: #ca003d; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-red .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-red .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-red .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-red .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-red .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-red .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-red .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-red a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-pink { background-color: #a50064; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-pink .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-pink .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-pink .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-pink .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-pink .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-pink .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-pink .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-pink a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple { background-color: #8f4899; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple-alt { background-color: #6f2277; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple-alt .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple-alt .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple-alt .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple-alt .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple-alt .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple-alt .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple-alt .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-purple-alt a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-red { background-color: #ce0037; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-red .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-red .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-red .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-red .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-red .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-red .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-red .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-red a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-pink { background-color: #c6007e; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-pink .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-pink .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-pink .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-pink .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-pink .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-pink .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-pink .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-pink a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-teal { background-color: #007681; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-teal .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-teal .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-teal .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-teal .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-teal .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-teal .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-teal .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-teal a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-yellow { background-color: #eaaa00; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-yellow .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-yellow .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-yellow .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-yellow .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-yellow .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-yellow .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-yellow .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-yellow a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-brown { background-color: #774212; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-brown .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-brown .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-brown .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-brown .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-brown .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-brown .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-brown .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-brown a.link-body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-purple { background-color: #ac4fc6; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-purple .half-half-color-block__text_inner { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-purple .half-half-color-block__title { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-purple .half-half-color-block__body { color: #ffffff; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-purple .half-half-color-block__body p { color: #ffffff; padding-top: 26px; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-purple .half-half-color-block__body p:first-child { padding-top: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-purple .half-half-color-block__body p:last-child { margin-bottom: 0; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-purple .half-half-color-block__body a.external { color: #ffffff; font-weight: bold; } .half-half-color-block-container .half-half-color-block-wrapper .half-half-color-block__content .half-half-color-block__text.bg-annual-purple a.link-body { color: #ffffff; } .paragraph--type--half-half-color-block .half-half-color-block__body { margin-bottom: 60px; } @media (max-width: 767px) { .paragraph--type--half-half-color-block .half-half-color-block__body { margin-bottom: 30px; } } .paragraph--type--half-half-color-block .half-half-color-block__body ul > li { margin-left: 1.5rem; } .paragraph--type--half-half-color-block .half-half-color-block__body ol > li { margin-left: 0; } .paragraph--type--half-half-color-block .half-half-color-block__body ul, .paragraph--type--half-half-color-block .half-half-color-block__body ol { margin-bottom: 5px; } .paragraph--type--half-half-color-block .half-half-color-block__body p { margin-bottom: 0; padding-bottom: 0; } @media (min-width: 1366px) { .paragraph--type--half-half-color-block.container--full-width .half-half-color-block__text_inner { width: 100%; max-width: none; } } @media (min-width: 1920px) { .paragraph--type--half-half-color-block.container--full-width .half-half-color-block__text_inner { width: 100%; max-width: none; } } .paragraph--type--half-half-color-block.container--full-width .half-half-color-block__text.no-link-body-content, .paragraph--type--half-half-color-block.container--full-width .half-half-color-block__text .link-body { padding: 60px 100px !important; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1024px) { .paragraph--type--half-half-color-block.container--full-width .half-half-color-block__link { left: 10%; } } @media (min-width: 1024px) and (max-width: 1251px) { .paragraph--type--half-half-color-block.container--full-width .half-half-color-block__link { left: 7%; } } @media (min-width: 1920px) { .paragraph--type--half-half-color-block.container--full-width .half-half-color-block__link { left: 12%; } } @media (min-width: 1440px) and (max-width: 1919px) { .paragraph--type--half-half-color-block.container--full-width .half-half-color-block__link { left: 16%; } } .paragraph--type--half-half-color-block.container--contained { width: 80%; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .paragraph--type--half-half-color-block.container--contained { width: 100% !important; } } .paragraph--type--half-half-color-block.container--contained.position-right .half-half-color-block__text { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .paragraph--type--half-half-color-block.container--contained.position-left .half-half-color-block__text { border-bottom-left-radius: 8px; border-top-left-radius: 8px !important; } @media (min-width: 1366px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .half-half-color-block__image_video { width: 59.981% !important; } } @media (min-width: 1920px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .half-half-color-block__image_video { width: 59.96% !important; } } @media (max-width: 767px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .half-half-color-block__image_video { width: 100% !important; } } @media (min-width: 1366px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .half-half-color-block__text { width: 44.018% !important; } } @media (min-width: 1920px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .half-half-color-block__text { width: 43.039% !important; } } @media (max-width: 767px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .half-half-color-block__text { width: 100% !important; } } @media (min-width: 1920px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .half-half-color-block__text.no-link-body-content, .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .half-half-color-block__text .link-body { padding: 60px 100px; } } .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .field--type-video-embed-field img, .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .field--type-image img { border-radius: 8px; } @media (max-width: 767px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .field--type-video-embed-field img, .paragraph--type--half-half-color-block.container--contained .component-paragraph-field .field--type-image img { border-radius: 0; } } @media (min-width: 1366px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field.position-left .half-half-color-block__image_video { width: 59.98% !important; } } .paragraph--type--half-half-color-block.container--contained .component-paragraph-field.position-left .half-half-color-block__image_video .half-half-color-block__text { width: 40.018% !important; border-bottom-left-radius: 8px; border-top-left-radius: 8px !important; } @media (min-width: 768px) and (max-width: 1024px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field.position-left .half-half-color-block__image_video .half-half-color-block__text { width: 51.031% !important; } } @media (min-width: 768px) and (max-width: 1024px) { .paragraph--type--half-half-color-block.container--contained .component-paragraph-field.position-left .half-half-color-block__image_video .half-half-color-block__text.no-link-body-content, .paragraph--type--half-half-color-block.container--contained .component-paragraph-field.position-left .half-half-color-block__image_video .half-half-color-block__text .link-body { padding: 80px !important; } } .link-body .interlink { position: relative; top: 0; } .link-body .interlink .da-vinci-code-icon { top: 0; } .link-body:hover .extlink, .link-body:hover .interlink { -webkit-animation: arrow-wiggle 0.5s linear infinite; animation: arrow-wiggle 0.5s linear infinite; cursor: pointer; } .link-body:hover .extlink .da-vinci-code-icon, .link-body:hover .interlink .da-vinci-code-icon { top: 0; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.draggable { cursor: pointer; cursor: grab; } .slick-list.dragging { cursor: grabbing; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }